npm - @infinite-table/infinite-react - Versions diffs - 0.0.2-canary.4 → 0.0.3 - Mend

@infinite-table/infinite-react 0.0.2-canary.4 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=OnJvb3QgewogIC0taW5maW5pdGUtc3BhY2UtMDogMHJlbTsKICAtLWluZmluaXRlLXNwYWNlLTE6IDAuMTI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtMjogMC4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTM6IDAuNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTQ6IDAuNzVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS01OiAxcmVtOwogIC0taW5maW5pdGUtc3BhY2UtNjogMS4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTc6IDEuNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTg6IDIuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS05OiAzcmVtOwogIC0taW5maW5pdGUtc3BhY2UtMTA6IDRyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMDogMC41cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTE6IDAuNjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTI6IDAuNzVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMzogMC44NzVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNDogMXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS01OiAxLjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTY6IDEuNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS03OiAyLjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1jb2xvcjogIzQ4NDg0ODsKICAtLWluZmluaXRlLWFjY2VudC1jb2xvcjogI2ZmNzA0MzsKICAtLWluZmluaXRlLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpOwogIC0taW5maW5pdGUtYmFja2dyb3VuZDogd2hpdGU7CiAgLS1pbmZpbml0ZS1taW4taGVpZ2h0OiAxMDBweDsKICAtLWluZmluaXRlLWxvYWQtbWFzay10ZXh0LWJhY2tncm91bmQ6IHJnYmEoMjU1LDI1NSwyNTUsMC44KTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LWJhY2tncm91bmQ6IGdyYXk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stb3ZlcmxheS1vcGFjaXR5OiAwLjM7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stY29sb3I6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtNSk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtYm9yZGVyLXJhZGl1cyk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kOiAjZWRlZGVkOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtMykgdmFyKC0taW5maW5pdGUtc3BhY2UtMyk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1kcmFnZ2luZy1iYWNrZ3JvdW5kOiAjZDRkM2QzOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtaWNvbi1zaXplOiAxNnB4OwogIC0taW5maW5pdGUtaGVhZGVyLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtaGVhZGVyLWNvbG9yOiAjNmY2ZjZmOwogIC0taW5maW5pdGUtaGVhZGVyLWhlaWdodDogMzBweDsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoOiAxcHg7CiAgLS1pbmZpbml0ZS1jZWxsLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpIHZhcigtLWluZmluaXRlLXNwYWNlLTMpOwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoKSBzb2xpZCAjYzZjNmM2OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItaW52aXNpYmxlOiBub25lOwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKTsKICAtLWluZmluaXRlLXJvdy1jb2xvcjogaW5oZXJpdDsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZDogI2Y2ZjZmNjsKICAtLWluZmluaXRlLWdyb3VwLXJvdy1iYWNrZ3JvdW5kOiAjY2JjNWM1OwogIC0taW5maW5pdGUtZ3JvdXAtcm93LWNvbHVtbi1uZXN0aW5nOiAzMHB4OwogIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICNkYmRiZGI7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBhdXRvOwp9Ci5saWdodCB7CiAgLS1pbmZpbml0ZS1zcGFjZS0wOiAwcmVtOwogIC0taW5maW5pdGUtc3BhY2UtMTogMC4xMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0yOiAwLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtMzogMC41cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNDogMC43NXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTU6IDFyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS02OiAxLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNzogMS41cmVtOwogIC0taW5maW5pdGUtc3BhY2UtODogMi4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTk6IDNyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0xMDogNHJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0wOiAwLjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMTogMC42MjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMjogMC43NXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0zOiAwLjg3NXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS00OiAxcmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTU6IDEuMjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNjogMS41cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTc6IDIuMjVyZW07CiAgLS1pbmZpbml0ZS1mb250LWZhbWlseTogaW5oZXJpdDsKICAtLWluZmluaXRlLWNvbG9yOiAjNDg0ODQ4OwogIC0taW5maW5pdGUtYWNjZW50LWNvbG9yOiAjZmY3MDQzOwogIC0taW5maW5pdGUtYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtc3BhY2UtMik7CiAgLS1pbmZpbml0ZS1iYWNrZ3JvdW5kOiB3aGl0ZTsKICAtLWluZmluaXRlLW1pbi1oZWlnaHQ6IDEwMHB4OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLXRleHQtYmFja2dyb3VuZDogcmdiYSgyNTUsMjU1LDI1NSwwLjgpOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLW92ZXJsYXktYmFja2dyb3VuZDogZ3JheTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LW9wYWNpdHk6IDAuMzsKICAtLWluZmluaXRlLWxvYWQtbWFzay1jb2xvcjogaW5oZXJpdDsKICAtLWluZmluaXRlLWxvYWQtbWFzay1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS01KTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1ib3JkZXItcmFkaXVzKTsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQ6ICNlZGVkZWQ7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKSB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKTsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWRyYWdnaW5nLWJhY2tncm91bmQ6ICNkNGQzZDM7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1pY29uLXNpemU6IDE2cHg7CiAgLS1pbmZpbml0ZS1oZWFkZXItYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICM2ZjZmNmY7CiAgLS1pbmZpbml0ZS1oZWFkZXItaGVpZ2h0OiAzMHB4OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItd2lkdGg6IDFweDsKICAtLWluZmluaXRlLWNlbGwtcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtMikgdmFyKC0taW5maW5pdGUtc3BhY2UtMyk7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlcjogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXItd2lkdGgpIHNvbGlkICNjNmM2YzY7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1pbnZpc2libGU6IG5vbmU7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpOwogIC0taW5maW5pdGUtcm93LWNvbG9yOiBpbmhlcml0OwogIC0taW5maW5pdGUtcm93LWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjZjZmNmY2OwogIC0taW5maW5pdGUtZ3JvdXAtcm93LWJhY2tncm91bmQ6ICNjYmM1YzU7CiAgLS1pbmZpbml0ZS1ncm91cC1yb3ctY29sdW1uLW5lc3Rpbmc6IDMwcHg7CiAgLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZDogI2RiZGJkYjsKICAtLWluZmluaXRlLXJvdy1wb2ludGVyLWV2ZW50cy13aGlsZS1zY3JvbGxpbmc6IGF1dG87Cn0KLmluZmluaXRlLWxpZ2h0IHsKICAtLWluZmluaXRlLXNwYWNlLTA6IDByZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0xOiAwLjEyNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTI6IDAuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0zOiAwLjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS00OiAwLjc1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNTogMXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTY6IDEuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS03OiAxLjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS04OiAyLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtOTogM3JlbTsKICAtLWluZmluaXRlLXNwYWNlLTEwOiA0cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTA6IDAuNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0xOiAwLjYyNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0yOiAwLjc1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTM6IDAuODc1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTQ6IDFyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNTogMS4yNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS02OiAxLjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNzogMi4yNXJlbTsKICAtLWluZmluaXRlLWZvbnQtZmFtaWx5OiBpbmhlcml0OwogIC0taW5maW5pdGUtY29sb3I6ICM0ODQ4NDg7CiAgLS1pbmZpbml0ZS1hY2NlbnQtY29sb3I6ICNmZjcwNDM7CiAgLS1pbmZpbml0ZS1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKTsKICAtLWluZmluaXRlLWJhY2tncm91bmQ6IHdoaXRlOwogIC0taW5maW5pdGUtbWluLWhlaWdodDogMTAwcHg7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stdGV4dC1iYWNrZ3JvdW5kOiByZ2JhKDI1NSwyNTUsMjU1LDAuOCk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stb3ZlcmxheS1iYWNrZ3JvdW5kOiBncmF5OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLW92ZXJsYXktb3BhY2l0eTogMC4zOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLWNvbG9yOiBpbmhlcml0OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTUpOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLWJvcmRlci1yYWRpdXMpOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZDogI2VkZWRlZDsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTMpIHZhcigtLWluZmluaXRlLXNwYWNlLTMpOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtZHJhZ2dpbmctYmFja2dyb3VuZDogI2Q0ZDNkMzsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWljb24tc2l6ZTogMTZweDsKICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLWhlYWRlci1jb2xvcjogIzZmNmY2ZjsKICAtLWluZmluaXRlLWhlYWRlci1oZWlnaHQ6IDMwcHg7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aDogMXB4OwogIC0taW5maW5pdGUtY2VsbC1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKSB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKTsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aCkgc29saWQgI2M2YzZjNjsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLWludmlzaWJsZTogbm9uZTsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtc3BhY2UtMik7CiAgLS1pbmZpbml0ZS1yb3ctY29sb3I6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6ICNmNmY2ZjY7CiAgLS1pbmZpbml0ZS1ncm91cC1yb3ctYmFja2dyb3VuZDogI2NiYzVjNTsKICAtLWluZmluaXRlLWdyb3VwLXJvdy1jb2x1bW4tbmVzdGluZzogMzBweDsKICAtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kOiAjZGJkYmRiOwogIC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZzogYXV0bzsKfQouZGFyayB7CiAgLS1pbmZpbml0ZS1iYWNrZ3JvdW5kOiAjMTAxNDE5OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IDFweCBzb2xpZCAjMmEzMjNkOwogIC0taW5maW5pdGUtaGVhZGVyLWNvbG9yOiAjYzNjM2MzOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZDogIzFiMjEyOTsKICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kOiAjM2I0NzU0OwogIC0taW5maW5pdGUtcm93LWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjMjQyYTMxOwogIC0taW5maW5pdGUtcm93LWNvbG9yOiAjYzNjM2MzOwp9Ci5pbmZpbml0ZS1kYXJrIHsKICAtLWluZmluaXRlLWJhY2tncm91bmQ6ICMxMDE0MTk7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlcjogMXB4IHNvbGlkICMyYTMyM2Q7CiAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICNjM2MzYzM7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kOiAjMWIyMTI5OwogIC0taW5maW5pdGUtaGVhZGVyLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICMzYjQ3NTQ7CiAgLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6ICMyNDJhMzE7CiAgLS1pbmZpbml0ZS1yb3ctY29sb3I6ICNjM2MzYzM7Cn0KQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaykgewogIDpyb290IHsKICAgIC0taW5maW5pdGUtYmFja2dyb3VuZDogIzEwMTQxOTsKICAgIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IDFweCBzb2xpZCAjMmEzMjNkOwogICAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICNjM2MzYzM7CiAgICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQ6ICMxYjIxMjk7CiAgICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAgIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICMzYjQ3NTQ7CiAgICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1iYWNrZ3JvdW5kKTsKICAgIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjMjQyYTMxOwogICAgLS1pbmZpbml0ZS1yb3ctY29sb3I6ICNjM2MzYzM7CiAgfQp9 */
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=OnJvb3QgewogIC0taW5maW5pdGUtc3BhY2UtMDogMHJlbTsKICAtLWluZmluaXRlLXNwYWNlLTE6IDAuMTI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtMjogMC4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTM6IDAuNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTQ6IDAuNzVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS01OiAxcmVtOwogIC0taW5maW5pdGUtc3BhY2UtNjogMS4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTc6IDEuNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTg6IDIuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS05OiAzcmVtOwogIC0taW5maW5pdGUtc3BhY2UtMTA6IDRyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMDogMC41cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTE6IDAuNjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTI6IDAuNzVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMzogMC44NzVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNDogMXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS01OiAxLjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTY6IDEuNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS03OiAyLjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1jb2xvcjogIzQ4NDg0ODsKICAtLWluZmluaXRlLWFjY2VudC1jb2xvcjogI2ZmNzA0MzsKICAtLWluZmluaXRlLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpOwogIC0taW5maW5pdGUtYmFja2dyb3VuZDogd2hpdGU7CiAgLS1pbmZpbml0ZS1taW4taGVpZ2h0OiAxMDBweDsKICAtLWluZmluaXRlLWxvYWQtbWFzay10ZXh0LWJhY2tncm91bmQ6IHJnYmEoMjU1LDI1NSwyNTUsMC44KTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LWJhY2tncm91bmQ6IGdyYXk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stb3ZlcmxheS1vcGFjaXR5OiAwLjM7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stY29sb3I6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtNSk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtYm9yZGVyLXJhZGl1cyk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kOiAjZWRlZGVkOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtMykgdmFyKC0taW5maW5pdGUtc3BhY2UtMyk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1kcmFnZ2luZy1iYWNrZ3JvdW5kOiAjZDRkM2QzOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtaWNvbi1zaXplOiAxNnB4OwogIC0taW5maW5pdGUtaGVhZGVyLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtaGVhZGVyLWNvbG9yOiAjNmY2ZjZmOwogIC0taW5maW5pdGUtaGVhZGVyLWhlaWdodDogMzBweDsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoOiAxcHg7CiAgLS1pbmZpbml0ZS1jZWxsLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpIHZhcigtLWluZmluaXRlLXNwYWNlLTMpOwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoKSBzb2xpZCAjYzZjNmM2OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItaW52aXNpYmxlOiBub25lOwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKTsKICAtLWluZmluaXRlLXJvdy1jb2xvcjogY3VycmVudENvbG9yOwogIC0taW5maW5pdGUtcm93LWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjZjZmNmY2OwogIC0taW5maW5pdGUtZ3JvdXAtcm93LWJhY2tncm91bmQ6ICNjYmM1YzU7CiAgLS1pbmZpbml0ZS1ncm91cC1yb3ctY29sdW1uLW5lc3Rpbmc6IDMwcHg7CiAgLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZDogI2RiZGJkYjsKICAtLWluZmluaXRlLXJvdy1wb2ludGVyLWV2ZW50cy13aGlsZS1zY3JvbGxpbmc6IGF1dG87Cn0KLmxpZ2h0IHsKICAtLWluZmluaXRlLXNwYWNlLTA6IDByZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0xOiAwLjEyNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTI6IDAuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0zOiAwLjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS00OiAwLjc1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNTogMXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTY6IDEuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS03OiAxLjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS04OiAyLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtOTogM3JlbTsKICAtLWluZmluaXRlLXNwYWNlLTEwOiA0cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTA6IDAuNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0xOiAwLjYyNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0yOiAwLjc1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTM6IDAuODc1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTQ6IDFyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNTogMS4yNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS02OiAxLjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNzogMi4yNXJlbTsKICAtLWluZmluaXRlLWZvbnQtZmFtaWx5OiBpbmhlcml0OwogIC0taW5maW5pdGUtY29sb3I6ICM0ODQ4NDg7CiAgLS1pbmZpbml0ZS1hY2NlbnQtY29sb3I6ICNmZjcwNDM7CiAgLS1pbmZpbml0ZS1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKTsKICAtLWluZmluaXRlLWJhY2tncm91bmQ6IHdoaXRlOwogIC0taW5maW5pdGUtbWluLWhlaWdodDogMTAwcHg7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stdGV4dC1iYWNrZ3JvdW5kOiByZ2JhKDI1NSwyNTUsMjU1LDAuOCk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stb3ZlcmxheS1iYWNrZ3JvdW5kOiBncmF5OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLW92ZXJsYXktb3BhY2l0eTogMC4zOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLWNvbG9yOiBpbmhlcml0OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTUpOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLWJvcmRlci1yYWRpdXMpOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZDogI2VkZWRlZDsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTMpIHZhcigtLWluZmluaXRlLXNwYWNlLTMpOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtZHJhZ2dpbmctYmFja2dyb3VuZDogI2Q0ZDNkMzsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWljb24tc2l6ZTogMTZweDsKICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLWhlYWRlci1jb2xvcjogIzZmNmY2ZjsKICAtLWluZmluaXRlLWhlYWRlci1oZWlnaHQ6IDMwcHg7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aDogMXB4OwogIC0taW5maW5pdGUtY2VsbC1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKSB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKTsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aCkgc29saWQgI2M2YzZjNjsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLWludmlzaWJsZTogbm9uZTsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtc3BhY2UtMik7CiAgLS1pbmZpbml0ZS1yb3ctY29sb3I6IGN1cnJlbnRDb2xvcjsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZDogI2Y2ZjZmNjsKICAtLWluZmluaXRlLWdyb3VwLXJvdy1iYWNrZ3JvdW5kOiAjY2JjNWM1OwogIC0taW5maW5pdGUtZ3JvdXAtcm93LWNvbHVtbi1uZXN0aW5nOiAzMHB4OwogIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICNkYmRiZGI7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBhdXRvOwp9Ci5pbmZpbml0ZS1saWdodCB7CiAgLS1pbmZpbml0ZS1zcGFjZS0wOiAwcmVtOwogIC0taW5maW5pdGUtc3BhY2UtMTogMC4xMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0yOiAwLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtMzogMC41cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNDogMC43NXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTU6IDFyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS02OiAxLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNzogMS41cmVtOwogIC0taW5maW5pdGUtc3BhY2UtODogMi4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTk6IDNyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0xMDogNHJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0wOiAwLjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMTogMC42MjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMjogMC43NXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0zOiAwLjg3NXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS00OiAxcmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTU6IDEuMjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNjogMS41cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTc6IDIuMjVyZW07CiAgLS1pbmZpbml0ZS1mb250LWZhbWlseTogaW5oZXJpdDsKICAtLWluZmluaXRlLWNvbG9yOiAjNDg0ODQ4OwogIC0taW5maW5pdGUtYWNjZW50LWNvbG9yOiAjZmY3MDQzOwogIC0taW5maW5pdGUtYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtc3BhY2UtMik7CiAgLS1pbmZpbml0ZS1iYWNrZ3JvdW5kOiB3aGl0ZTsKICAtLWluZmluaXRlLW1pbi1oZWlnaHQ6IDEwMHB4OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLXRleHQtYmFja2dyb3VuZDogcmdiYSgyNTUsMjU1LDI1NSwwLjgpOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLW92ZXJsYXktYmFja2dyb3VuZDogZ3JheTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LW9wYWNpdHk6IDAuMzsKICAtLWluZmluaXRlLWxvYWQtbWFzay1jb2xvcjogaW5oZXJpdDsKICAtLWluZmluaXRlLWxvYWQtbWFzay1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS01KTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1ib3JkZXItcmFkaXVzKTsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQ6ICNlZGVkZWQ7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKSB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKTsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWRyYWdnaW5nLWJhY2tncm91bmQ6ICNkNGQzZDM7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1pY29uLXNpemU6IDE2cHg7CiAgLS1pbmZpbml0ZS1oZWFkZXItYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICM2ZjZmNmY7CiAgLS1pbmZpbml0ZS1oZWFkZXItaGVpZ2h0OiAzMHB4OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItd2lkdGg6IDFweDsKICAtLWluZmluaXRlLWNlbGwtcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtMikgdmFyKC0taW5maW5pdGUtc3BhY2UtMyk7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlcjogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXItd2lkdGgpIHNvbGlkICNjNmM2YzY7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1pbnZpc2libGU6IG5vbmU7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpOwogIC0taW5maW5pdGUtcm93LWNvbG9yOiBjdXJyZW50Q29sb3I7CiAgLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6ICNmNmY2ZjY7CiAgLS1pbmZpbml0ZS1ncm91cC1yb3ctYmFja2dyb3VuZDogI2NiYzVjNTsKICAtLWluZmluaXRlLWdyb3VwLXJvdy1jb2x1bW4tbmVzdGluZzogMzBweDsKICAtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kOiAjZGJkYmRiOwogIC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZzogYXV0bzsKfQouZGFyayB7CiAgLS1pbmZpbml0ZS1iYWNrZ3JvdW5kOiAjMTAxNDE5OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IDFweCBzb2xpZCAjMmEzMjNkOwogIC0taW5maW5pdGUtaGVhZGVyLWNvbG9yOiAjYzNjM2MzOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZDogIzFiMjEyOTsKICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kOiAjM2I0NzU0OwogIC0taW5maW5pdGUtcm93LWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjMjQyYTMxOwogIC0taW5maW5pdGUtcm93LWNvbG9yOiAjYzNjM2MzOwp9Ci5pbmZpbml0ZS1kYXJrIHsKICAtLWluZmluaXRlLWJhY2tncm91bmQ6ICMxMDE0MTk7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlcjogMXB4IHNvbGlkICMyYTMyM2Q7CiAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICNjM2MzYzM7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kOiAjMWIyMTI5OwogIC0taW5maW5pdGUtaGVhZGVyLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICMzYjQ3NTQ7CiAgLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6ICMyNDJhMzE7CiAgLS1pbmZpbml0ZS1yb3ctY29sb3I6ICNjM2MzYzM7Cn0KQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaykgewogIDpyb290IHsKICAgIC0taW5maW5pdGUtYmFja2dyb3VuZDogIzEwMTQxOTsKICAgIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IDFweCBzb2xpZCAjMmEzMjNkOwogICAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICNjM2MzYzM7CiAgICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQ6ICMxYjIxMjk7CiAgICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAgIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICMzYjQ3NTQ7CiAgICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1iYWNrZ3JvdW5kKTsKICAgIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjMjQyYTMxOwogICAgLS1pbmZpbml0ZS1yb3ctY29sb3I6ICNjM2MzYzM7CiAgfQp9 */
 :root {
   --infinite-space-0: 0rem;
   --infinite-space-1: 0.125rem;
@@ -43,7 +43,7 @@
   --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
   --infinite-cell-border-invisible: none;
   --infinite-cell-border-radius: var(--infinite-space-2);
-  --infinite-row-color: inherit;
+  --infinite-row-color: currentColor;
   --infinite-row-background: var(--infinite-background);
   --infinite-row-odd-background: #f6f6f6;
   --infinite-group-row-background: #cbc5c5;
@@ -95,7 +95,7 @@
   --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
   --infinite-cell-border-invisible: none;
   --infinite-cell-border-radius: var(--infinite-space-2);
-  --infinite-row-color: inherit;
+  --infinite-row-color: currentColor;
   --infinite-row-background: var(--infinite-background);
   --infinite-row-odd-background: #f6f6f6;
   --infinite-group-row-background: #cbc5c5;
@@ -147,7 +147,7 @@
   --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
   --infinite-cell-border-invisible: none;
   --infinite-cell-border-radius: var(--infinite-space-2);
-  --infinite-row-color: inherit;
+  --infinite-row-color: currentColor;
   --infinite-row-background: var(--infinite-background);
   --infinite-row-odd-background: #f6f6f6;
   --infinite-group-row-background: #cbc5c5;

package/index.d.ts CHANGED Viewed

@@ -147,6 +147,7 @@ declare module "components/hooks/useComponentState" {
         [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName]) => TYPE_RESULT[propName]);
     }>;
     type ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE = {}, COMPONENT_DERIVED_STATE = {}, T_ACTIONS = {}, T_PARENT_STATE = {}> = {
+        debugName?: string;
         initSetupState?: () => COMPONENT_SETUP_STATE;
         forwardProps?: () => ForwardPropsToStateFnResult<T_PROPS, COMPONENT_MAPPED_STATE>;
         allowedControlledPropOverrides?: Record<keyof T_PROPS, true>;
@@ -367,7 +368,7 @@ declare module "components/DataSource/GroupRowsState" {
 }
 declare module "components/types/Renderable" {
     import * as React from 'react';
-    export type Renderable = React.ReactNode | string | number | null;
+    export type Renderable = React.ReactNode;
 }
 declare module "components/InfiniteTable/types/Utility" {
     export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
@@ -405,6 +406,7 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         toggleGroupRow: InfiniteTableToggleGroupRowFn;
         groupRowsBy: DataSourceState<DATA_TYPE>['groupRowsBy'];
     }
+    export type InfiniteTableColumnRenderValueParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>;
     export type InfiniteTableColumnRowspanFnParams<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
         data: DATA_TYPE | null;
         rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
@@ -419,6 +421,7 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
     }
     export type InfiniteTableColumnPinned = 'start' | 'end' | false;
     export type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = ({ value, rowIndex, column, data, toggleGroupRow, toggleCurrentGroupRow, rowInfo, groupRowsBy, }: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
+    export type InfiniteTableColumnRenderValueFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE>;
     export type InfiniteTableColumnHeaderRenderFunction<T> = ({ columnSortInfo, column, }: InfiniteTableColumnHeaderRenderParams<T>) => Renderable;
     export type InfiniteTableColumnWithField<T> = {
         field: keyof T;
@@ -492,7 +495,7 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         pivotColumn?: true;
         pivotTotalColumn?: true;
         pivotGroupKeys?: any[];
-        renderValue?: InfiniteTableColumnRenderFunction<T>;
+        renderValue?: InfiniteTableColumnRenderValueFunction<T>;
     };
     type InfiniteTableComputedColumnBase<T> = {
         computedWidth: number;
@@ -615,9 +618,14 @@ declare module "utils/groupAndPivot/index" {
 }
 declare module "components/InfiniteTable/theme.css" {
     export const ThemeVars: import("@vanilla-extract/private").MapLeafNodes<{
-        theme: string;
         color: {
+            /**
+             * Brand-specific accent color. This probably needs override to match your app.
+             */
             accent: string;
+            /**
+             * The text color inside the component
+             */
             color: string;
         };
         spacing: {
@@ -646,9 +654,17 @@ declare module "components/InfiniteTable/theme.css" {
         fontFamily: string;
         minHeight: string;
         borderRadius: string;
+        /**
+         * The background color for the whole component.
+         *
+         * Overriden in the `dark` theme.
+         */
         background: string;
         components: {
             LoadMask: {
+                /**
+                 * The padding used for the content inside the LoadMask.
+                 */
                 padding: string;
                 color: string;
                 textBackground: string;
@@ -657,12 +673,27 @@ declare module "components/InfiniteTable/theme.css" {
                 borderRadius: string;
             };
             Header: {
+                /**
+                 * Background color for the header. Defaults to [`--infinie-header-cell-background`](#header-cell-background).
+                 *
+                 * Overriden in the `dark` theme.
+                 */
                 background: string;
+                /**
+                 * The text color inside the header.
+                 *
+                 * Overriden in the `dark` theme.
+                 */
                 color: string;
                 height: string;
             };
             HeaderCell: {
                 draggingBackground: string;
+                /**
+                 * Background for header cells.
+                 *
+                 * Overriden in the `dark` theme.
+                 */
                 background: string;
                 padding: string;
                 iconSize: string;
@@ -670,14 +701,39 @@ declare module "components/InfiniteTable/theme.css" {
             Cell: {
                 padding: string;
                 borderWidth: string;
+                /**
+                 * Specifies the border for cells.
+                 *
+                 * Overriden in the `dark` theme - eg: `1px solid #2a323d`
+                 */
                 border: string;
                 borderInvisible: string;
                 borderRadius: string;
             };
             Row: {
+                /**
+                 * Text color inside rows. Defaults to `currentColor`
+                 *
+                 * Overriden in `dark` theme.
+                 */
                 color: string;
+                /**
+                 * Background color for rows. Defaults to [`--infinite-background`](#background).
+                 *
+                 * Overriden in `dark` theme.
+                 */
                 background: string;
+                /**
+                 * Background color for odd rows. Even rows will use [`--infinite-row-background`](#row-background).
+                 *
+                 * Overriden in `dark` theme.
+                 */
                 oddBackground: string;
+                /**
+                 * Background color for rows, on hover.
+                 *
+                 * Overriden in the `dark` theme.
+                 */
                 hoverBackground: string;
                 groupRowBackground: string;
                 groupRowColumnNesting: string;
@@ -801,10 +857,11 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         columns: string[];
         depth: number;
     };
-    export type GroupColumnGetterOptions<T> = {
-        groupIndex?: number;
+    export type InfiniteTableGroupColumnGetterOptions<T> = {
+        groupIndexForColumn?: number;
+        groupByForColumn?: DataSourceGroupRowsBy<T>;
+        groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
         groupCount: number;
-        groupBy?: DataSourceGroupRowsBy<T>;
         groupRowsBy: DataSourceGroupRowsBy<T>[];
     };
     export type PivotColumnGetterOptions<T> = {
@@ -819,7 +876,8 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
     export type InfiniteTablePivotColumnBase<T> = InfiniteTableColumn<T> & InfiniteTableColumnWithSize & {
         renderValue?: InfiniteTableColumnRenderFunction<T>;
     };
-    export type InfiniteTablePropGroupColumn<T> = InfiniteTableGroupColumnBase<T> | ((options: GroupColumnGetterOptions<T>, toggleGroupRow: (groupKeys: any[]) => void) => InfiniteTableGroupColumnBase<T>);
+    export type InfiniteTablePropGroupColumn<T> = InfiniteTableGroupColumnBase<T> | InfiniteTableGroupColumnFunction<T>;
+    export type InfiniteTableGroupColumnFunction<T> = (options: InfiniteTableGroupColumnGetterOptions<T>, toggleGroupRow: (groupKeys: any[]) => void) => InfiniteTableGroupColumnBase<T>;
     export type InfiniteTablePropPivotColumn<T> = InfiniteTablePivotColumnBase<T> | ((options: PivotColumnGetterOptions<T>) => InfiniteTablePivotColumnBase<T>);
     export type InfiniteTablePropPivotRowLabelsColumn<T> = InfiniteTablePropPivotColumn<T>;
     export type InfiniteTablePropComponents = {
@@ -1081,12 +1139,12 @@ declare module "components/InfiniteTable/types/index" {
     import type { InfiniteTableState } from "components/InfiniteTable/types/InfiniteTableState";
     import type { InfiniteTableAction } from "components/InfiniteTable/types/InfiniteTableAction";
     import type { InfiniteTableActionType } from "components/InfiniteTable/types/InfiniteTableActionType";
-    import type { InfiniteTableProps, InfiniteTableImperativeApi, InfiniteTablePropColumnOrder, InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnAggregator, InfiniteTableColumnGroup, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnAggregations, InfiniteTablePropColumnGroups, InfiniteTablePropRowStyle, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTablePropRowClassName, InfiniteTablePropColumns, InfiniteTablePropComponents } from "components/InfiniteTable/types/InfiniteTableProps";
-    import type { InfiniteTableColumn, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam } from "components/InfiniteTable/types/InfiniteTableColumn";
+    import type { InfiniteTableProps, InfiniteTableImperativeApi, InfiniteTablePropColumnOrder, InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnAggregator, InfiniteTableColumnGroup, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnAggregations, InfiniteTablePropColumnGroups, InfiniteTablePropRowStyle, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTablePropRowClassName, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions } from "components/InfiniteTable/types/InfiniteTableProps";
+    import type { InfiniteTableColumn, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam } from "components/InfiniteTable/types/InfiniteTableColumn";
     import type { InfiniteTableComputedValues } from "components/InfiniteTable/types/InfiniteTableComputedValues";
     import type { InfiniteTableContextValue } from "components/InfiniteTable/types/InfiniteTableContextValue";
     import type { InfiniteTableRowInfo } from "utils/groupAndPivot/index";
-    export type { InfiniteTableColumnAggregator, InfiniteTableComputedValues, InfiniteTablePropColumns, InfiniteTableRowInfo, InfiniteTablePropColumnOrder, InfiniteTablePropComponents, InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnGroup, InfiniteTableColumn, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableContextValue, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnAggregations, InfiniteTablePropColumnGroups, InfiniteTableState, InfiniteTableAction, InfiniteTableProps, InfiniteTableImperativeApi, InfiniteTableActionType, InfiniteTablePropRowStyle, InfiniteTablePropRowClassName, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, };
+    export type { InfiniteTableColumnAggregator, InfiniteTableComputedValues, InfiniteTablePropColumns, InfiniteTableRowInfo, InfiniteTableGroupColumnFunction, InfiniteTablePropColumnOrder, InfiniteTablePropComponents, InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnGroup, InfiniteTableColumn, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableContextValue, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnAggregations, InfiniteTablePropColumnGroups, InfiniteTableState, InfiniteTableAction, InfiniteTableProps, InfiniteTableImperativeApi, InfiniteTableActionType, InfiniteTablePropRowStyle, InfiniteTablePropRowClassName, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTableGroupColumnGetterOptions, };
 }
 declare module "components/InfiniteTable/InfiniteTableContext" {
     import { InfiniteTableContextValue } from "components/InfiniteTable/types/InfiniteTableContextValue";
@@ -1122,7 +1180,7 @@ declare module "components/InfiniteTable/state/getInitialState" {
         pivotColumn: 1 | ((value: Partial<import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotColumn<T>> | undefined) => Partial<import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotColumn<T>> | undefined);
         components: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropComponents | undefined) => import("components/InfiniteTable/types").InfiniteTablePropComponents | undefined);
         groupColumn: 1 | ((value: Partial<InfiniteTablePropGroupColumn<T>> | undefined) => Partial<InfiniteTablePropGroupColumn<T>> | undefined);
-        loadingText: 1 | ((value: import("components/types/Renderable").Renderable) => import("components/types/Renderable").Renderable);
+        loadingText: 1 | ((value: import("react").ReactNode) => import("react").ReactNode);
         onReady: 1 | ((value: ((api: import("components/InfiniteTable/types").InfiniteTableImperativeApi<T>) => void) | undefined) => ((api: import("components/InfiniteTable/types").InfiniteTableImperativeApi<T>) => void) | undefined);
         onSelfFocus: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined);
         onSelfBlur: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined);
@@ -1430,21 +1488,21 @@ declare module "components/InfiniteTable/components/InfiniteTableRow/row.css" {
     export const GroupRowExpanderCls: string;
 }
 declare module "components/InfiniteTable/utils/getColumnForGroupBy" {
+    import * as React from 'react';
     import { InfiniteTableColumnRenderParam } from "components/InfiniteTable/index";
     import { DataSourceGroupRowsBy } from "components/DataSource/index";
     import { InfiniteTableGeneratedGroupColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
-    import { GroupColumnGetterOptions, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy } from "components/InfiniteTable/types/InfiniteTableProps";
-    export function getGroupColumnRender<T>({ groupIndex, groupRenderStrategy, toggleGroupRow, }: {
+    import { InfiniteTableGroupColumnGetterOptions, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy } from "components/InfiniteTable/types/InfiniteTableProps";
+    export function getGroupColumnRender<T>({ groupIndexForColumn, groupRenderStrategy, toggleGroupRow, }: {
         toggleGroupRow: (groupRowKeys: any[]) => void;
         groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
-        groupIndex: number;
-    }): (renderOptions: InfiniteTableColumnRenderParam<T>) => import("components/types/Renderable").Renderable;
-    export function getColumnForGroupBy<T>(options: GroupColumnGetterOptions<T> & {
-        groupIndex: number;
-        groupBy: DataSourceGroupRowsBy<T>;
-        groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
+        groupIndexForColumn: number;
+    }): (renderOptions: InfiniteTableColumnRenderParam<T>) => React.ReactNode;
+    export function getColumnForGroupBy<T>(options: InfiniteTableGroupColumnGetterOptions<T> & {
+        groupIndexForColumn: number;
+        groupByForColumn: DataSourceGroupRowsBy<T>;
     }, toggleGroupRow: (groupRowKeys: any[]) => void, groupColumnFromProps?: InfiniteTablePropGroupColumn<T>): InfiniteTableGeneratedGroupColumn<T>;
-    export function getSingleGroupColumn<T>(options: GroupColumnGetterOptions<T>, toggleGroupRow: (groupRowKeys: any[]) => void, groupColumnFromProps?: InfiniteTablePropGroupColumn<T>): InfiniteTableGeneratedGroupColumn<T>;
+    export function getSingleGroupColumn<T>(options: InfiniteTableGroupColumnGetterOptions<T>, toggleGroupRow: (groupRowKeys: any[]) => void, groupColumnFromProps?: InfiniteTablePropGroupColumn<T>): InfiniteTableGeneratedGroupColumn<T>;
 }
 declare module "components/InfiniteTable/hooks/useToggleGroupRow" {
     export type ToggleGrouRowFn = (groupKeys: any[]) => void;

package/index.esm.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=OnJvb3QgewogIC0taW5maW5pdGUtc3BhY2UtMDogMHJlbTsKICAtLWluZmluaXRlLXNwYWNlLTE6IDAuMTI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtMjogMC4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTM6IDAuNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTQ6IDAuNzVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS01OiAxcmVtOwogIC0taW5maW5pdGUtc3BhY2UtNjogMS4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTc6IDEuNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTg6IDIuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS05OiAzcmVtOwogIC0taW5maW5pdGUtc3BhY2UtMTA6IDRyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMDogMC41cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTE6IDAuNjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTI6IDAuNzVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMzogMC44NzVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNDogMXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS01OiAxLjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTY6IDEuNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS03OiAyLjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1jb2xvcjogIzQ4NDg0ODsKICAtLWluZmluaXRlLWFjY2VudC1jb2xvcjogI2ZmNzA0MzsKICAtLWluZmluaXRlLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpOwogIC0taW5maW5pdGUtYmFja2dyb3VuZDogd2hpdGU7CiAgLS1pbmZpbml0ZS1taW4taGVpZ2h0OiAxMDBweDsKICAtLWluZmluaXRlLWxvYWQtbWFzay10ZXh0LWJhY2tncm91bmQ6IHJnYmEoMjU1LDI1NSwyNTUsMC44KTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LWJhY2tncm91bmQ6IGdyYXk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stb3ZlcmxheS1vcGFjaXR5OiAwLjM7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stY29sb3I6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtNSk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtYm9yZGVyLXJhZGl1cyk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kOiAjZWRlZGVkOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtMykgdmFyKC0taW5maW5pdGUtc3BhY2UtMyk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1kcmFnZ2luZy1iYWNrZ3JvdW5kOiAjZDRkM2QzOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtaWNvbi1zaXplOiAxNnB4OwogIC0taW5maW5pdGUtaGVhZGVyLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtaGVhZGVyLWNvbG9yOiAjNmY2ZjZmOwogIC0taW5maW5pdGUtaGVhZGVyLWhlaWdodDogMzBweDsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoOiAxcHg7CiAgLS1pbmZpbml0ZS1jZWxsLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpIHZhcigtLWluZmluaXRlLXNwYWNlLTMpOwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoKSBzb2xpZCAjYzZjNmM2OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItaW52aXNpYmxlOiBub25lOwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKTsKICAtLWluZmluaXRlLXJvdy1jb2xvcjogaW5oZXJpdDsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZDogI2Y2ZjZmNjsKICAtLWluZmluaXRlLWdyb3VwLXJvdy1iYWNrZ3JvdW5kOiAjY2JjNWM1OwogIC0taW5maW5pdGUtZ3JvdXAtcm93LWNvbHVtbi1uZXN0aW5nOiAzMHB4OwogIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICNkYmRiZGI7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBhdXRvOwp9Ci5saWdodCB7CiAgLS1pbmZpbml0ZS1zcGFjZS0wOiAwcmVtOwogIC0taW5maW5pdGUtc3BhY2UtMTogMC4xMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0yOiAwLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtMzogMC41cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNDogMC43NXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTU6IDFyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS02OiAxLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNzogMS41cmVtOwogIC0taW5maW5pdGUtc3BhY2UtODogMi4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTk6IDNyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0xMDogNHJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0wOiAwLjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMTogMC42MjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMjogMC43NXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0zOiAwLjg3NXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS00OiAxcmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTU6IDEuMjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNjogMS41cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTc6IDIuMjVyZW07CiAgLS1pbmZpbml0ZS1mb250LWZhbWlseTogaW5oZXJpdDsKICAtLWluZmluaXRlLWNvbG9yOiAjNDg0ODQ4OwogIC0taW5maW5pdGUtYWNjZW50LWNvbG9yOiAjZmY3MDQzOwogIC0taW5maW5pdGUtYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtc3BhY2UtMik7CiAgLS1pbmZpbml0ZS1iYWNrZ3JvdW5kOiB3aGl0ZTsKICAtLWluZmluaXRlLW1pbi1oZWlnaHQ6IDEwMHB4OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLXRleHQtYmFja2dyb3VuZDogcmdiYSgyNTUsMjU1LDI1NSwwLjgpOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLW92ZXJsYXktYmFja2dyb3VuZDogZ3JheTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LW9wYWNpdHk6IDAuMzsKICAtLWluZmluaXRlLWxvYWQtbWFzay1jb2xvcjogaW5oZXJpdDsKICAtLWluZmluaXRlLWxvYWQtbWFzay1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS01KTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1ib3JkZXItcmFkaXVzKTsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQ6ICNlZGVkZWQ7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKSB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKTsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWRyYWdnaW5nLWJhY2tncm91bmQ6ICNkNGQzZDM7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1pY29uLXNpemU6IDE2cHg7CiAgLS1pbmZpbml0ZS1oZWFkZXItYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICM2ZjZmNmY7CiAgLS1pbmZpbml0ZS1oZWFkZXItaGVpZ2h0OiAzMHB4OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItd2lkdGg6IDFweDsKICAtLWluZmluaXRlLWNlbGwtcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtMikgdmFyKC0taW5maW5pdGUtc3BhY2UtMyk7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlcjogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXItd2lkdGgpIHNvbGlkICNjNmM2YzY7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1pbnZpc2libGU6IG5vbmU7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpOwogIC0taW5maW5pdGUtcm93LWNvbG9yOiBpbmhlcml0OwogIC0taW5maW5pdGUtcm93LWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjZjZmNmY2OwogIC0taW5maW5pdGUtZ3JvdXAtcm93LWJhY2tncm91bmQ6ICNjYmM1YzU7CiAgLS1pbmZpbml0ZS1ncm91cC1yb3ctY29sdW1uLW5lc3Rpbmc6IDMwcHg7CiAgLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZDogI2RiZGJkYjsKICAtLWluZmluaXRlLXJvdy1wb2ludGVyLWV2ZW50cy13aGlsZS1zY3JvbGxpbmc6IGF1dG87Cn0KLmluZmluaXRlLWxpZ2h0IHsKICAtLWluZmluaXRlLXNwYWNlLTA6IDByZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0xOiAwLjEyNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTI6IDAuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0zOiAwLjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS00OiAwLjc1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNTogMXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTY6IDEuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS03OiAxLjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS04OiAyLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtOTogM3JlbTsKICAtLWluZmluaXRlLXNwYWNlLTEwOiA0cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTA6IDAuNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0xOiAwLjYyNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0yOiAwLjc1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTM6IDAuODc1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTQ6IDFyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNTogMS4yNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS02OiAxLjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNzogMi4yNXJlbTsKICAtLWluZmluaXRlLWZvbnQtZmFtaWx5OiBpbmhlcml0OwogIC0taW5maW5pdGUtY29sb3I6ICM0ODQ4NDg7CiAgLS1pbmZpbml0ZS1hY2NlbnQtY29sb3I6ICNmZjcwNDM7CiAgLS1pbmZpbml0ZS1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKTsKICAtLWluZmluaXRlLWJhY2tncm91bmQ6IHdoaXRlOwogIC0taW5maW5pdGUtbWluLWhlaWdodDogMTAwcHg7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stdGV4dC1iYWNrZ3JvdW5kOiByZ2JhKDI1NSwyNTUsMjU1LDAuOCk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stb3ZlcmxheS1iYWNrZ3JvdW5kOiBncmF5OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLW92ZXJsYXktb3BhY2l0eTogMC4zOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLWNvbG9yOiBpbmhlcml0OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTUpOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLWJvcmRlci1yYWRpdXMpOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZDogI2VkZWRlZDsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTMpIHZhcigtLWluZmluaXRlLXNwYWNlLTMpOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtZHJhZ2dpbmctYmFja2dyb3VuZDogI2Q0ZDNkMzsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWljb24tc2l6ZTogMTZweDsKICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLWhlYWRlci1jb2xvcjogIzZmNmY2ZjsKICAtLWluZmluaXRlLWhlYWRlci1oZWlnaHQ6IDMwcHg7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aDogMXB4OwogIC0taW5maW5pdGUtY2VsbC1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKSB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKTsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aCkgc29saWQgI2M2YzZjNjsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLWludmlzaWJsZTogbm9uZTsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtc3BhY2UtMik7CiAgLS1pbmZpbml0ZS1yb3ctY29sb3I6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6ICNmNmY2ZjY7CiAgLS1pbmZpbml0ZS1ncm91cC1yb3ctYmFja2dyb3VuZDogI2NiYzVjNTsKICAtLWluZmluaXRlLWdyb3VwLXJvdy1jb2x1bW4tbmVzdGluZzogMzBweDsKICAtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kOiAjZGJkYmRiOwogIC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZzogYXV0bzsKfQouZGFyayB7CiAgLS1pbmZpbml0ZS1iYWNrZ3JvdW5kOiAjMTAxNDE5OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IDFweCBzb2xpZCAjMmEzMjNkOwogIC0taW5maW5pdGUtaGVhZGVyLWNvbG9yOiAjYzNjM2MzOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZDogIzFiMjEyOTsKICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kOiAjM2I0NzU0OwogIC0taW5maW5pdGUtcm93LWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjMjQyYTMxOwogIC0taW5maW5pdGUtcm93LWNvbG9yOiAjYzNjM2MzOwp9Ci5pbmZpbml0ZS1kYXJrIHsKICAtLWluZmluaXRlLWJhY2tncm91bmQ6ICMxMDE0MTk7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlcjogMXB4IHNvbGlkICMyYTMyM2Q7CiAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICNjM2MzYzM7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kOiAjMWIyMTI5OwogIC0taW5maW5pdGUtaGVhZGVyLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICMzYjQ3NTQ7CiAgLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6ICMyNDJhMzE7CiAgLS1pbmZpbml0ZS1yb3ctY29sb3I6ICNjM2MzYzM7Cn0KQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaykgewogIDpyb290IHsKICAgIC0taW5maW5pdGUtYmFja2dyb3VuZDogIzEwMTQxOTsKICAgIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IDFweCBzb2xpZCAjMmEzMjNkOwogICAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICNjM2MzYzM7CiAgICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQ6ICMxYjIxMjk7CiAgICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAgIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICMzYjQ3NTQ7CiAgICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1iYWNrZ3JvdW5kKTsKICAgIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjMjQyYTMxOwogICAgLS1pbmZpbml0ZS1yb3ctY29sb3I6ICNjM2MzYzM7CiAgfQp9 */
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=OnJvb3QgewogIC0taW5maW5pdGUtc3BhY2UtMDogMHJlbTsKICAtLWluZmluaXRlLXNwYWNlLTE6IDAuMTI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtMjogMC4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTM6IDAuNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTQ6IDAuNzVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS01OiAxcmVtOwogIC0taW5maW5pdGUtc3BhY2UtNjogMS4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTc6IDEuNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTg6IDIuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS05OiAzcmVtOwogIC0taW5maW5pdGUtc3BhY2UtMTA6IDRyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMDogMC41cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTE6IDAuNjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTI6IDAuNzVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMzogMC44NzVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNDogMXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS01OiAxLjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTY6IDEuNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS03OiAyLjI1cmVtOwogIC0taW5maW5pdGUtZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1jb2xvcjogIzQ4NDg0ODsKICAtLWluZmluaXRlLWFjY2VudC1jb2xvcjogI2ZmNzA0MzsKICAtLWluZmluaXRlLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpOwogIC0taW5maW5pdGUtYmFja2dyb3VuZDogd2hpdGU7CiAgLS1pbmZpbml0ZS1taW4taGVpZ2h0OiAxMDBweDsKICAtLWluZmluaXRlLWxvYWQtbWFzay10ZXh0LWJhY2tncm91bmQ6IHJnYmEoMjU1LDI1NSwyNTUsMC44KTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LWJhY2tncm91bmQ6IGdyYXk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stb3ZlcmxheS1vcGFjaXR5OiAwLjM7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stY29sb3I6IGluaGVyaXQ7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtNSk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtYm9yZGVyLXJhZGl1cyk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kOiAjZWRlZGVkOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtMykgdmFyKC0taW5maW5pdGUtc3BhY2UtMyk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1kcmFnZ2luZy1iYWNrZ3JvdW5kOiAjZDRkM2QzOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtaWNvbi1zaXplOiAxNnB4OwogIC0taW5maW5pdGUtaGVhZGVyLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtaGVhZGVyLWNvbG9yOiAjNmY2ZjZmOwogIC0taW5maW5pdGUtaGVhZGVyLWhlaWdodDogMzBweDsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoOiAxcHg7CiAgLS1pbmZpbml0ZS1jZWxsLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpIHZhcigtLWluZmluaXRlLXNwYWNlLTMpOwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoKSBzb2xpZCAjYzZjNmM2OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItaW52aXNpYmxlOiBub25lOwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKTsKICAtLWluZmluaXRlLXJvdy1jb2xvcjogY3VycmVudENvbG9yOwogIC0taW5maW5pdGUtcm93LWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjZjZmNmY2OwogIC0taW5maW5pdGUtZ3JvdXAtcm93LWJhY2tncm91bmQ6ICNjYmM1YzU7CiAgLS1pbmZpbml0ZS1ncm91cC1yb3ctY29sdW1uLW5lc3Rpbmc6IDMwcHg7CiAgLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZDogI2RiZGJkYjsKICAtLWluZmluaXRlLXJvdy1wb2ludGVyLWV2ZW50cy13aGlsZS1zY3JvbGxpbmc6IGF1dG87Cn0KLmxpZ2h0IHsKICAtLWluZmluaXRlLXNwYWNlLTA6IDByZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0xOiAwLjEyNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTI6IDAuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0zOiAwLjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS00OiAwLjc1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNTogMXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTY6IDEuMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS03OiAxLjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS04OiAyLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtOTogM3JlbTsKICAtLWluZmluaXRlLXNwYWNlLTEwOiA0cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTA6IDAuNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0xOiAwLjYyNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0yOiAwLjc1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTM6IDAuODc1cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTQ6IDFyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNTogMS4yNXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS02OiAxLjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNzogMi4yNXJlbTsKICAtLWluZmluaXRlLWZvbnQtZmFtaWx5OiBpbmhlcml0OwogIC0taW5maW5pdGUtY29sb3I6ICM0ODQ4NDg7CiAgLS1pbmZpbml0ZS1hY2NlbnQtY29sb3I6ICNmZjcwNDM7CiAgLS1pbmZpbml0ZS1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKTsKICAtLWluZmluaXRlLWJhY2tncm91bmQ6IHdoaXRlOwogIC0taW5maW5pdGUtbWluLWhlaWdodDogMTAwcHg7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stdGV4dC1iYWNrZ3JvdW5kOiByZ2JhKDI1NSwyNTUsMjU1LDAuOCk7CiAgLS1pbmZpbml0ZS1sb2FkLW1hc2stb3ZlcmxheS1iYWNrZ3JvdW5kOiBncmF5OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLW92ZXJsYXktb3BhY2l0eTogMC4zOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLWNvbG9yOiBpbmhlcml0OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTUpOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLWJvcmRlci1yYWRpdXMpOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZDogI2VkZWRlZDsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLXBhZGRpbmc6IHZhcigtLWluZmluaXRlLXNwYWNlLTMpIHZhcigtLWluZmluaXRlLXNwYWNlLTMpOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtZHJhZ2dpbmctYmFja2dyb3VuZDogI2Q0ZDNkMzsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWljb24tc2l6ZTogMTZweDsKICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLWhlYWRlci1jb2xvcjogIzZmNmY2ZjsKICAtLWluZmluaXRlLWhlYWRlci1oZWlnaHQ6IDMwcHg7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aDogMXB4OwogIC0taW5maW5pdGUtY2VsbC1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0yKSB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKTsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aCkgc29saWQgI2M2YzZjNjsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLWludmlzaWJsZTogbm9uZTsKICAtLWluZmluaXRlLWNlbGwtYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtc3BhY2UtMik7CiAgLS1pbmZpbml0ZS1yb3ctY29sb3I6IGN1cnJlbnRDb2xvcjsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZDogI2Y2ZjZmNjsKICAtLWluZmluaXRlLWdyb3VwLXJvdy1iYWNrZ3JvdW5kOiAjY2JjNWM1OwogIC0taW5maW5pdGUtZ3JvdXAtcm93LWNvbHVtbi1uZXN0aW5nOiAzMHB4OwogIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICNkYmRiZGI7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBhdXRvOwp9Ci5pbmZpbml0ZS1saWdodCB7CiAgLS1pbmZpbml0ZS1zcGFjZS0wOiAwcmVtOwogIC0taW5maW5pdGUtc3BhY2UtMTogMC4xMjVyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0yOiAwLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtMzogMC41cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNDogMC43NXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTU6IDFyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS02OiAxLjI1cmVtOwogIC0taW5maW5pdGUtc3BhY2UtNzogMS41cmVtOwogIC0taW5maW5pdGUtc3BhY2UtODogMi4yNXJlbTsKICAtLWluZmluaXRlLXNwYWNlLTk6IDNyZW07CiAgLS1pbmZpbml0ZS1zcGFjZS0xMDogNHJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0wOiAwLjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMTogMC42MjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtMjogMC43NXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS0zOiAwLjg3NXJlbTsKICAtLWluZmluaXRlLWZvbnQtc2l6ZS00OiAxcmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTU6IDEuMjVyZW07CiAgLS1pbmZpbml0ZS1mb250LXNpemUtNjogMS41cmVtOwogIC0taW5maW5pdGUtZm9udC1zaXplLTc6IDIuMjVyZW07CiAgLS1pbmZpbml0ZS1mb250LWZhbWlseTogaW5oZXJpdDsKICAtLWluZmluaXRlLWNvbG9yOiAjNDg0ODQ4OwogIC0taW5maW5pdGUtYWNjZW50LWNvbG9yOiAjZmY3MDQzOwogIC0taW5maW5pdGUtYm9yZGVyLXJhZGl1czogdmFyKC0taW5maW5pdGUtc3BhY2UtMik7CiAgLS1pbmZpbml0ZS1iYWNrZ3JvdW5kOiB3aGl0ZTsKICAtLWluZmluaXRlLW1pbi1oZWlnaHQ6IDEwMHB4OwogIC0taW5maW5pdGUtbG9hZC1tYXNrLXRleHQtYmFja2dyb3VuZDogcmdiYSgyNTUsMjU1LDI1NSwwLjgpOwogIC0taW5maW5pdGUtbG9hZC1tYXNrLW92ZXJsYXktYmFja2dyb3VuZDogZ3JheTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LW9wYWNpdHk6IDAuMzsKICAtLWluZmluaXRlLWxvYWQtbWFzay1jb2xvcjogaW5oZXJpdDsKICAtLWluZmluaXRlLWxvYWQtbWFzay1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS01KTsKICAtLWluZmluaXRlLWxvYWQtbWFzay1ib3JkZXItcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1ib3JkZXItcmFkaXVzKTsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQ6ICNlZGVkZWQ7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1wYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKSB2YXIoLS1pbmZpbml0ZS1zcGFjZS0zKTsKICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWRyYWdnaW5nLWJhY2tncm91bmQ6ICNkNGQzZDM7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1pY29uLXNpemU6IDE2cHg7CiAgLS1pbmZpbml0ZS1oZWFkZXItYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICM2ZjZmNmY7CiAgLS1pbmZpbml0ZS1oZWFkZXItaGVpZ2h0OiAzMHB4OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXItd2lkdGg6IDFweDsKICAtLWluZmluaXRlLWNlbGwtcGFkZGluZzogdmFyKC0taW5maW5pdGUtc3BhY2UtMikgdmFyKC0taW5maW5pdGUtc3BhY2UtMyk7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlcjogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXItd2lkdGgpIHNvbGlkICNjNmM2YzY7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1pbnZpc2libGU6IG5vbmU7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLXNwYWNlLTIpOwogIC0taW5maW5pdGUtcm93LWNvbG9yOiBjdXJyZW50Q29sb3I7CiAgLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6ICNmNmY2ZjY7CiAgLS1pbmZpbml0ZS1ncm91cC1yb3ctYmFja2dyb3VuZDogI2NiYzVjNTsKICAtLWluZmluaXRlLWdyb3VwLXJvdy1jb2x1bW4tbmVzdGluZzogMzBweDsKICAtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kOiAjZGJkYmRiOwogIC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZzogYXV0bzsKfQouZGFyayB7CiAgLS1pbmZpbml0ZS1iYWNrZ3JvdW5kOiAjMTAxNDE5OwogIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IDFweCBzb2xpZCAjMmEzMjNkOwogIC0taW5maW5pdGUtaGVhZGVyLWNvbG9yOiAjYzNjM2MzOwogIC0taW5maW5pdGUtaGVhZGVyLWNlbGwtYmFja2dyb3VuZDogIzFiMjEyOTsKICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kOiAjM2I0NzU0OwogIC0taW5maW5pdGUtcm93LWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjMjQyYTMxOwogIC0taW5maW5pdGUtcm93LWNvbG9yOiAjYzNjM2MzOwp9Ci5pbmZpbml0ZS1kYXJrIHsKICAtLWluZmluaXRlLWJhY2tncm91bmQ6ICMxMDE0MTk7CiAgLS1pbmZpbml0ZS1jZWxsLWJvcmRlcjogMXB4IHNvbGlkICMyYTMyM2Q7CiAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICNjM2MzYzM7CiAgLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kOiAjMWIyMTI5OwogIC0taW5maW5pdGUtaGVhZGVyLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICMzYjQ3NTQ7CiAgLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6ICMyNDJhMzE7CiAgLS1pbmZpbml0ZS1yb3ctY29sb3I6ICNjM2MzYzM7Cn0KQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaykgewogIDpyb290IHsKICAgIC0taW5maW5pdGUtYmFja2dyb3VuZDogIzEwMTQxOTsKICAgIC0taW5maW5pdGUtY2VsbC1ib3JkZXI6IDFweCBzb2xpZCAjMmEzMjNkOwogICAgLS1pbmZpbml0ZS1oZWFkZXItY29sb3I6ICNjM2MzYzM7CiAgICAtLWluZmluaXRlLWhlYWRlci1jZWxsLWJhY2tncm91bmQ6ICMxYjIxMjk7CiAgICAtLWluZmluaXRlLWhlYWRlci1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1oZWFkZXItY2VsbC1iYWNrZ3JvdW5kKTsKICAgIC0taW5maW5pdGUtcm93LWhvdmVyLWJhY2tncm91bmQ6ICMzYjQ3NTQ7CiAgICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1iYWNrZ3JvdW5kKTsKICAgIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiAjMjQyYTMxOwogICAgLS1pbmZpbml0ZS1yb3ctY29sb3I6ICNjM2MzYzM7CiAgfQp9 */
 :root {
   --infinite-space-0: 0rem;
   --infinite-space-1: 0.125rem;
@@ -43,7 +43,7 @@
   --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
   --infinite-cell-border-invisible: none;
   --infinite-cell-border-radius: var(--infinite-space-2);
-  --infinite-row-color: inherit;
+  --infinite-row-color: currentColor;
   --infinite-row-background: var(--infinite-background);
   --infinite-row-odd-background: #f6f6f6;
   --infinite-group-row-background: #cbc5c5;
@@ -95,7 +95,7 @@
   --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
   --infinite-cell-border-invisible: none;
   --infinite-cell-border-radius: var(--infinite-space-2);
-  --infinite-row-color: inherit;
+  --infinite-row-color: currentColor;
   --infinite-row-background: var(--infinite-background);
   --infinite-row-odd-background: #f6f6f6;
   --infinite-group-row-background: #cbc5c5;
@@ -147,7 +147,7 @@
   --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
   --infinite-cell-border-invisible: none;
   --infinite-cell-border-radius: var(--infinite-space-2);
-  --infinite-row-color: inherit;
+  --infinite-row-color: currentColor;
   --infinite-row-background: var(--infinite-background);
   --infinite-row-odd-background: #f6f6f6;
   --infinite-group-row-background: #cbc5c5;

package/index.esm.js CHANGED Viewed

@@ -658,7 +658,7 @@ function computeColumnGroupsDepths(columnGroups) {
     while (parentGroupId) {
       const parent = columnGroups.get(parentGroupId);
       if (!parent) {
-        if (false) {
+        if (true) {
           console.warn(`Cannot find column group ${parentGroupId}`);
         }
         break;
@@ -1075,7 +1075,7 @@ var Logger = class {
   constructor(channelName) {
     this.debug = emptyLogFn;
     this.error = emptyLogFn;
-    if (false) {
+    if (true) {
       this.debug = dbg(channelName);
       this.error = err(channelName);
     }
@@ -1677,16 +1677,16 @@ function getComponentStateRoot(config) {
             return [__spreadProps(__spreadValues({}, initialArg), { props: props2 })];
           }
         });
-        propsToStateSetRef.current = new Set([
-          ...propsToStateSetRef.current,
-          ...propertyReads
-        ]);
         const stateFromProps = mapPropsToState3({
           props,
           state: state2,
           oldState: null,
           parentState
         });
+        propsToStateSetRef.current = new Set([
+          ...propsToStateSetRef.current,
+          ...propertyReads
+        ]);
         return __spreadValues(__spreadValues({}, state2), stateFromProps);
       }
       return state2;
@@ -1708,16 +1708,16 @@ function getComponentStateRoot(config) {
             return [__spreadProps(__spreadValues({}, initialArg), { props: props2 })];
           }
         });
-        propsToStateSetRef.current = new Set([
-          ...propsToStateSetRef.current,
-          ...propertyReads
-        ]);
         const stateFromProps = mapPropsToState3({
           props: getProps(),
           state: newState,
           oldState: previousState,
           parentState: parentState2
         });
+        propsToStateSetRef.current = new Set([
+          ...propsToStateSetRef.current,
+          ...propertyReads
+        ]);
         Object.assign(newState, stateFromProps);
       }
       const result = config.concludeReducer ? config.concludeReducer({
@@ -2091,7 +2091,7 @@ var RowHoverCls = "_7pupv01";
 // src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
 function getGroupColumnRender({
-  groupIndex,
+  groupIndexForColumn,
   groupRenderStrategy,
   toggleGroupRow
 }) {
@@ -2101,7 +2101,7 @@ function getGroupColumnRender({
     if (column.renderValue) {
       value = column.renderValue(renderOptions);
     }
-    let groupRowInfo = groupRenderStrategy !== "inline" ? rowInfo : ((_a = rowInfo.parents) == null ? void 0 : _a[groupIndex]) || rowInfo;
+    let groupRowInfo = groupRenderStrategy !== "inline" ? rowInfo : ((_a = rowInfo.parents) == null ? void 0 : _a[groupIndexForColumn]) || rowInfo;
     if (!groupRowInfo) {
       return null;
     }
@@ -2111,14 +2111,14 @@ function getGroupColumnRender({
       if (groupRowInfo.groupCount === 1) {
         return value;
       }
-      if (groupRowInfo.groupNesting === groupIndex && collapsed) {
+      if (groupRowInfo.groupNesting === groupIndexForColumn && collapsed) {
         return null;
       }
     } else {
       if (!groupRowInfo.isGroupRow) {
         return null;
       }
-      if (groupIndex + 1 !== groupRowInfo.groupNesting) {
+      if (groupIndexForColumn + 1 !== groupRowInfo.groupNesting) {
         return null;
       }
     }
@@ -2135,17 +2135,21 @@ function getGroupColumnRender({
   };
 }
 function getColumnForGroupBy(options, toggleGroupRow, groupColumnFromProps) {
-  const { groupBy, groupIndex, groupRenderStrategy } = options;
+  const {
+    groupByForColumn,
+    groupIndexForColumn,
+    groupRenderStrategy
+  } = options;
   let generatedGroupColumn = __spreadValues({
-    header: `Group by ${groupBy.field}`,
-    groupByField: groupBy.field,
+    header: `Group by ${groupByForColumn.field}`,
+    groupByField: groupByForColumn.field,
     sortable: false,
     render: getGroupColumnRender({
-      groupIndex,
+      groupIndexForColumn,
       toggleGroupRow,
       groupRenderStrategy
     })
-  }, groupBy.column);
+  }, groupByForColumn.column);
   if (groupColumnFromProps) {
     if (typeof groupColumnFromProps === "function") {
       generatedGroupColumn = __spreadValues(__spreadValues({}, generatedGroupColumn), groupColumnFromProps(options, toggleGroupRow));
@@ -3193,7 +3197,7 @@ function DataSourceCmp({ children }) {
     componentActions,
     getState
   };
-  if (false) {
+  if (true) {
     globalThis.getDataSourceState = getState;
   }
   useLoadData();
@@ -3297,7 +3301,7 @@ function useColumnsWhenInlineGroupRenderStrategy(groupRowsMap) {
             return rowspan;
           },
           render: getGroupColumnRender({
-            groupIndex,
+            groupIndexForColumn: groupIndex,
             groupRenderStrategy: groupRenderStrategy2,
             toggleGroupRow: toggleGroupRow2
           })
@@ -3360,7 +3364,7 @@ function useColumnsWhenGrouping() {
       return;
     }
     const update = () => {
-      componentActions.columnsWhenGrouping = getColumnsWhenGrouping({
+      const columnsWhenGrouping = getColumnsWhenGrouping({
         columns,
         groupColumn,
         groupRenderStrategy,
@@ -3368,6 +3372,7 @@ function useColumnsWhenGrouping() {
         pivotColumns,
         toggleGroupRow
       });
+      componentActions.columnsWhenGrouping = columnsWhenGrouping;
     };
     update();
     return interceptMap(columns, {
@@ -3455,11 +3460,11 @@ function getColumnsWhenGrouping(params) {
   }
   const computedColumns = new Map();
   if (groupRenderStrategy === "multi-column") {
-    groupRowsBy.forEach((groupBy, index, arr) => {
-      computedColumns.set(`group-by-${groupBy.field}`, getColumnForGroupBy({
-        groupBy,
+    groupRowsBy.forEach((groupByForColumn, groupIndexForColumn, arr) => {
+      computedColumns.set(`group-by-${groupByForColumn.field}`, getColumnForGroupBy({
+        groupByForColumn,
         groupRowsBy,
-        groupIndex: index,
+        groupIndexForColumn,
         groupCount: arr.length,
         groupRenderStrategy
       }, toggleGroupRow, groupColumn));
@@ -3467,7 +3472,8 @@ function getColumnsWhenGrouping(params) {
   } else if (groupRenderStrategy === "single-column") {
     computedColumns.set("group-by", getSingleGroupColumn({
       groupCount: groupRowsBy.length,
-      groupRowsBy
+      groupRowsBy,
+      groupRenderStrategy
     }, toggleGroupRow, groupColumn));
   }
   columns.forEach((col, colId) => {
@@ -4247,7 +4253,7 @@ var MappedItems = class extends Logger {
     this.init();
   }
   renderItemAtElement(itemIndex, elementIndex, renderNode) {
-    if (false) {
+    if (true) {
       this.debug(`Render item ${itemIndex} at element ${elementIndex}`);
     }
     const currentItemIndex = this.elementIndexToItemIndex[elementIndex];
@@ -4306,7 +4312,7 @@ var ReactVirtualRenderer = class extends Logger {
       }
       const { mappedItems } = this;
       const { renderStartIndex, renderEndIndex } = range;
-      if (false) {
+      if (true) {
         this.debug(`Render range ${renderStartIndex}-${renderEndIndex}. Force ${force}`);
       }
       const renderCount = renderEndIndex === -1 ? 0 : renderEndIndex - renderStartIndex + 1;
@@ -4319,7 +4325,7 @@ var ReactVirtualRenderer = class extends Logger {
             delete this.updaters[elementIndex];
           }
           delete this.items[elementIndex];
-          if (false) {
+          if (true) {
             this.debug(`Discard element ${elementIndex}`);
           }
         });
@@ -4341,7 +4347,7 @@ var ReactVirtualRenderer = class extends Logger {
         }
         const elementIndex = elementsOutsideItemRange.pop();
         if (elementIndex == null) {
-          if (false) {
+          if (true) {
             this.error(`Cannot find element to render item ${i}`);
           }
           continue;
@@ -4363,7 +4369,7 @@ var ReactVirtualRenderer = class extends Logger {
       const itemIndex = this.mappedItems.getItemRenderedAtElementIndex(elementIndex);
       const options = this.brain.getOptions();
       if (itemIndex == null) {
-        if (false) {
+        if (true) {
           this.error(`Cannot find item for element ${elementIndex}`);
         }
         return;
@@ -4373,7 +4379,7 @@ var ReactVirtualRenderer = class extends Logger {
         return;
       }
       if (itemElement) {
-        if (false) {
+        if (true) {
           itemElement.dataset.elementIndex = elementIndex;
           itemElement.dataset.itemIndex = itemIndex;
         }
@@ -4387,6 +4393,9 @@ var ReactVirtualRenderer = class extends Logger {
       }
     };
     this.destroy = () => {
+      if (true) {
+        return;
+      }
       this.destroyed = true;
       this.mappedItems.destroy();
       this.itemDOMElements = [];
@@ -4446,7 +4455,7 @@ var ReactVirtualRenderer = class extends Logger {
       return;
     }
     this.mappedItems.renderItemAtElement(itemIndex, elementIndex, renderedNode);
-    if (false) {
+    if (true) {
       this.debug(`Render item ${itemIndex} at element ${elementIndex}`);
     }
     itemUpdater(renderedNode);
@@ -4509,7 +4518,7 @@ function InfiniteTableHeaderFn(props) {
   const renderColumn = useCallback8(({ domRef: domRef2, itemIndex: columnIndex }) => {
     const column = columns[columnIndex];
     if (!column) {
-      if (false) {
+      if (true) {
         debug3("Cannot find column to render at ", columnIndex);
       }
       return null;
@@ -4954,7 +4963,7 @@ var getScrollableClassName = (scrollable) => {
 };
 // src/components/VirtualScrollContainer/index.tsx
-var rootClassName6 = "Infinite-VirtualScrollContainer";
+var rootClassName6 = "InfiniteVirtualScrollContainer";
 var VirtualScrollContainer = forwardRef2(function VirtualScrollContainer2(props, ref) {
   const {
     children,
@@ -4988,8 +4997,8 @@ function SpacePlaceholderFn(props) {
   };
   return /* @__PURE__ */ createElement21("div", {
     "data-count": count,
-    "data-width": width,
-    "data-height": height,
+    "data-placeholder-width": true ? width : void 0,
+    "data-placeholder-height": true ? height : void 0,
     "data-name": "SpacePlaceholder",
     style
   });
@@ -5066,7 +5075,7 @@ var VirtualList = (props) => {
   useEffect15(() => {
     const removeOnRenderCount = virtualBrain.onRenderCountChange((renderCount) => {
       renderCountRef.current = renderCount;
-      if (false) {
+      if (true) {
         debug4.extend(mainAxis)(`Render count change ${renderCount}`);
       }
       rerender();
@@ -5094,7 +5103,7 @@ var VirtualList = (props) => {
   const domProps = __spreadProps(__spreadValues({}, restDOMProps), {
     className: join(props.className, rootClassName7, `${rootClassName7}--${mainAxis}`, VirtualListCls, VirtualListClsOrientation[mainAxis])
   });
-  if (false) {
+  if (true) {
     domProps["data-cmp-name"] = `VirtualList`;
   }
   return /* @__PURE__ */ createElement22(Fragment4, null, /* @__PURE__ */ createElement22("div", __spreadValues({}, domProps), /* @__PURE__ */ createElement22(VirtualScrollContainer, {
@@ -5258,7 +5267,7 @@ var InfiniteTableRowClassName = `${rootClassName9}Row`;
 var InfiniteTableRowClassName__hover = `${rootClassName9}Element--hover`;
 // src/components/InfiniteTable/theme.css.ts
-var ThemeVars = { theme: "var(--infinite-theme)", color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", height: "var(--infinite-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", iconSize: "var(--infinite-header-cell-icon-size)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)" }, Row: { color: "var(--infinite-row-color)", background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
+var ThemeVars = { color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", height: "var(--infinite-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", iconSize: "var(--infinite-header-cell-icon-size)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)" }, Row: { color: "var(--infinite-row-color)", background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
 // src/utils/stripVar.ts
 function stripVar(cssVariableWithVarString) {
@@ -5408,7 +5417,7 @@ function InfiniteTableRowFn(props) {
   if (renderCellRef.current !== renderCell) {
     renderCellRef.current = renderCell;
   }
-  if (false) {
+  if (true) {
     domProps["data-cmp-name"] = "ITableRow";
   }
   return /* @__PURE__ */ createElement25("div", __spreadProps(__spreadValues({}, domProps), {
@@ -5711,7 +5720,7 @@ var RowListWithExternalScrolling = (props) => {
     const onScroll = (scrollPosition) => {
       const node = domRef.current;
       if (node) {
-        if (false) {
+        if (true) {
           const { renderStartIndex, renderEndIndex } = brain.getRenderRange();
           node.dataset.renderStartIndex = renderStartIndex;
           node.dataset.renderEndIndex = renderEndIndex;
@@ -5733,7 +5742,7 @@ var RowListWithExternalScrolling = (props) => {
     style,
     className: join(className, rootClassName10, `${rootClassName10}--vertical`, VirtualListCls, VirtualListClsOrientation.vertical, ...defaultClasses)
   };
-  if (false) {
+  if (true) {
     domProps["data-cmp-name"] = "RowListWithExternalScrolling";
   }
   return /* @__PURE__ */ createElement28("div", __spreadValues({}, domProps), /* @__PURE__ */ createElement28(RawList, {
@@ -5959,7 +5968,7 @@ var VirtualBrain = class extends Logger {
     this.availableSize = { width: 0, height: 0 };
     this.setAvailableSize = (size) => {
       this.availableSize = size;
-      if (false) {
+      if (true) {
         this.debug("New available size %d", size[this.options.mainAxis === "vertical" ? "height" : "width"]);
       }
       this.updateRenderCount();
@@ -5996,7 +6005,7 @@ var VirtualBrain = class extends Logger {
         this.notifyTotalSizeChange();
         return;
       }
-      if (false) {
+      if (true) {
         this.debug("set renderCount to %d", renderCount);
       }
       this.renderCount = renderCount;
@@ -6070,7 +6079,7 @@ var VirtualBrain = class extends Logger {
           return;
         }
       }
-      if (false) {
+      if (true) {
         if (itemSizeChange && countChange) {
           this.debug(`Reset brain: reason itemSize changed and count changed (old ${count}, new ${newCount})`, {
             oldItemSize: itemSize,
@@ -6110,7 +6119,7 @@ var VirtualBrain = class extends Logger {
           if (cache[i] === void 0) {
             ItemIndexBag.itemIndex = i;
             let spanValue = itemSpan(ItemIndexBag);
-            if (false) {
+            if (spanValue < 1) {
               this.debug("itemSpan cannot be less than 1 - got %d for index %d", spanValue, i);
             }
             cache[i] = i;
@@ -6310,7 +6319,7 @@ var VirtualBrain = class extends Logger {
     const { renderStartIndex, renderEndIndex } = this.renderRange;
     if (renderEndIndex !== renderRange.renderEndIndex || renderStartIndex !== renderRange.renderStartIndex) {
       this.renderRange = renderRange;
-      if (false) {
+      if (true) {
         this.debug("Set renderRange to %d-%d", renderRange.renderStartIndex, renderRange.renderEndIndex);
       }
       this.notifyRenderRangeChange();
@@ -6827,9 +6836,9 @@ var useLicense = (licenseKey) => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.0.2-canary.4"
+      version: "0.0.3"
     });
-    if (!valid2 && isInsideSandbox) {
+    if (!licenseKey && !valid2 && isInsideSandbox) {
       return true;
     }
     return valid2;
@@ -7016,7 +7025,8 @@ var InfiniteTableRoot = getComponentStateRoot({
     rowHeight: true,
     headerHeight: true
   },
-  getParentState: () => useDataSource()
+  getParentState: () => useDataSource(),
+  debugName: "InfiniteTable"
 });
 var InfiniteTableComponent = memo13(function InfiniteTableComponent2() {
   var _a;
@@ -7094,7 +7104,7 @@ function InfiniteTableContextProvider() {
   const computed = useComputed();
   const getComputed = useLatest(computed);
   const getState = useLatest(componentState);
-  if (false) {
+  if (true) {
     globalThis.getState = getState;
     globalThis.getComputed = getComputed;
   }

package/index.js CHANGED Viewed

@@ -674,7 +674,7 @@ function computeColumnGroupsDepths(columnGroups) {
     while (parentGroupId) {
       const parent = columnGroups.get(parentGroupId);
       if (!parent) {
-        if (false) {
+        if (true) {
           console.warn(`Cannot find column group ${parentGroupId}`);
         }
         break;
@@ -1083,7 +1083,7 @@ var Logger = class {
   constructor(channelName) {
     this.debug = emptyLogFn;
     this.error = emptyLogFn;
-    if (false) {
+    if (true) {
       this.debug = dbg(channelName);
       this.error = err(channelName);
     }
@@ -1670,16 +1670,16 @@ function getComponentStateRoot(config) {
             return [__spreadProps(__spreadValues({}, initialArg), { props: props2 })];
           }
         });
-        propsToStateSetRef.current = new Set([
-          ...propsToStateSetRef.current,
-          ...propertyReads
-        ]);
         const stateFromProps = mapPropsToState3({
           props,
           state: state2,
           oldState: null,
           parentState
         });
+        propsToStateSetRef.current = new Set([
+          ...propsToStateSetRef.current,
+          ...propertyReads
+        ]);
         return __spreadValues(__spreadValues({}, state2), stateFromProps);
       }
       return state2;
@@ -1701,16 +1701,16 @@ function getComponentStateRoot(config) {
             return [__spreadProps(__spreadValues({}, initialArg), { props: props2 })];
           }
         });
-        propsToStateSetRef.current = new Set([
-          ...propsToStateSetRef.current,
-          ...propertyReads
-        ]);
         const stateFromProps = mapPropsToState3({
           props: getProps(),
           state: newState,
           oldState: previousState,
           parentState: parentState2
         });
+        propsToStateSetRef.current = new Set([
+          ...propsToStateSetRef.current,
+          ...propertyReads
+        ]);
         Object.assign(newState, stateFromProps);
       }
       const result = config.concludeReducer ? config.concludeReducer({
@@ -2075,7 +2075,7 @@ var RowHoverCls = "_7pupv01";
 // src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
 function getGroupColumnRender({
-  groupIndex,
+  groupIndexForColumn,
   groupRenderStrategy,
   toggleGroupRow
 }) {
@@ -2085,7 +2085,7 @@ function getGroupColumnRender({
     if (column.renderValue) {
       value = column.renderValue(renderOptions);
     }
-    let groupRowInfo = groupRenderStrategy !== "inline" ? rowInfo : ((_a = rowInfo.parents) == null ? void 0 : _a[groupIndex]) || rowInfo;
+    let groupRowInfo = groupRenderStrategy !== "inline" ? rowInfo : ((_a = rowInfo.parents) == null ? void 0 : _a[groupIndexForColumn]) || rowInfo;
     if (!groupRowInfo) {
       return null;
     }
@@ -2095,14 +2095,14 @@ function getGroupColumnRender({
       if (groupRowInfo.groupCount === 1) {
         return value;
       }
-      if (groupRowInfo.groupNesting === groupIndex && collapsed) {
+      if (groupRowInfo.groupNesting === groupIndexForColumn && collapsed) {
         return null;
       }
     } else {
       if (!groupRowInfo.isGroupRow) {
         return null;
       }
-      if (groupIndex + 1 !== groupRowInfo.groupNesting) {
+      if (groupIndexForColumn + 1 !== groupRowInfo.groupNesting) {
         return null;
       }
     }
@@ -2119,17 +2119,21 @@ function getGroupColumnRender({
   };
 }
 function getColumnForGroupBy(options, toggleGroupRow, groupColumnFromProps) {
-  const { groupBy, groupIndex, groupRenderStrategy } = options;
+  const {
+    groupByForColumn,
+    groupIndexForColumn,
+    groupRenderStrategy
+  } = options;
   let generatedGroupColumn = __spreadValues({
-    header: `Group by ${groupBy.field}`,
-    groupByField: groupBy.field,
+    header: `Group by ${groupByForColumn.field}`,
+    groupByField: groupByForColumn.field,
     sortable: false,
     render: getGroupColumnRender({
-      groupIndex,
+      groupIndexForColumn,
       toggleGroupRow,
       groupRenderStrategy
     })
-  }, groupBy.column);
+  }, groupByForColumn.column);
   if (groupColumnFromProps) {
     if (typeof groupColumnFromProps === "function") {
       generatedGroupColumn = __spreadValues(__spreadValues({}, generatedGroupColumn), groupColumnFromProps(options, toggleGroupRow));
@@ -3174,7 +3178,7 @@ function DataSourceCmp({ children }) {
     componentActions,
     getState
   };
-  if (false) {
+  if (true) {
     globalThis.getDataSourceState = getState;
   }
   useLoadData();
@@ -3278,7 +3282,7 @@ function useColumnsWhenInlineGroupRenderStrategy(groupRowsMap) {
             return rowspan;
           },
           render: getGroupColumnRender({
-            groupIndex,
+            groupIndexForColumn: groupIndex,
             groupRenderStrategy: groupRenderStrategy2,
             toggleGroupRow: toggleGroupRow2
           })
@@ -3341,7 +3345,7 @@ function useColumnsWhenGrouping() {
       return;
     }
     const update = () => {
-      componentActions.columnsWhenGrouping = getColumnsWhenGrouping({
+      const columnsWhenGrouping = getColumnsWhenGrouping({
         columns,
         groupColumn,
         groupRenderStrategy,
@@ -3349,6 +3353,7 @@ function useColumnsWhenGrouping() {
         pivotColumns,
         toggleGroupRow
       });
+      componentActions.columnsWhenGrouping = columnsWhenGrouping;
     };
     update();
     return interceptMap(columns, {
@@ -3436,11 +3441,11 @@ function getColumnsWhenGrouping(params) {
   }
   const computedColumns = new Map();
   if (groupRenderStrategy === "multi-column") {
-    groupRowsBy.forEach((groupBy, index, arr) => {
-      computedColumns.set(`group-by-${groupBy.field}`, getColumnForGroupBy({
-        groupBy,
+    groupRowsBy.forEach((groupByForColumn, groupIndexForColumn, arr) => {
+      computedColumns.set(`group-by-${groupByForColumn.field}`, getColumnForGroupBy({
+        groupByForColumn,
         groupRowsBy,
-        groupIndex: index,
+        groupIndexForColumn,
         groupCount: arr.length,
         groupRenderStrategy
       }, toggleGroupRow, groupColumn));
@@ -3448,7 +3453,8 @@ function getColumnsWhenGrouping(params) {
   } else if (groupRenderStrategy === "single-column") {
     computedColumns.set("group-by", getSingleGroupColumn({
       groupCount: groupRowsBy.length,
-      groupRowsBy
+      groupRowsBy,
+      groupRenderStrategy
     }, toggleGroupRow, groupColumn));
   }
   columns.forEach((col, colId) => {
@@ -4199,7 +4205,7 @@ var MappedItems = class extends Logger {
     this.init();
   }
   renderItemAtElement(itemIndex, elementIndex, renderNode) {
-    if (false) {
+    if (true) {
       this.debug(`Render item ${itemIndex} at element ${elementIndex}`);
     }
     const currentItemIndex = this.elementIndexToItemIndex[elementIndex];
@@ -4254,7 +4260,7 @@ var ReactVirtualRenderer = class extends Logger {
       }
       const { mappedItems } = this;
       const { renderStartIndex, renderEndIndex } = range;
-      if (false) {
+      if (true) {
         this.debug(`Render range ${renderStartIndex}-${renderEndIndex}. Force ${force}`);
       }
       const renderCount = renderEndIndex === -1 ? 0 : renderEndIndex - renderStartIndex + 1;
@@ -4267,7 +4273,7 @@ var ReactVirtualRenderer = class extends Logger {
             delete this.updaters[elementIndex];
           }
           delete this.items[elementIndex];
-          if (false) {
+          if (true) {
             this.debug(`Discard element ${elementIndex}`);
           }
         });
@@ -4289,7 +4295,7 @@ var ReactVirtualRenderer = class extends Logger {
         }
         const elementIndex = elementsOutsideItemRange.pop();
         if (elementIndex == null) {
-          if (false) {
+          if (true) {
             this.error(`Cannot find element to render item ${i}`);
           }
           continue;
@@ -4311,7 +4317,7 @@ var ReactVirtualRenderer = class extends Logger {
       const itemIndex = this.mappedItems.getItemRenderedAtElementIndex(elementIndex);
       const options = this.brain.getOptions();
       if (itemIndex == null) {
-        if (false) {
+        if (true) {
           this.error(`Cannot find item for element ${elementIndex}`);
         }
         return;
@@ -4321,7 +4327,7 @@ var ReactVirtualRenderer = class extends Logger {
         return;
       }
       if (itemElement) {
-        if (false) {
+        if (true) {
           itemElement.dataset.elementIndex = elementIndex;
           itemElement.dataset.itemIndex = itemIndex;
         }
@@ -4335,6 +4341,9 @@ var ReactVirtualRenderer = class extends Logger {
       }
     };
     this.destroy = () => {
+      if (true) {
+        return;
+      }
       this.destroyed = true;
       this.mappedItems.destroy();
       this.itemDOMElements = [];
@@ -4394,7 +4403,7 @@ var ReactVirtualRenderer = class extends Logger {
       return;
     }
     this.mappedItems.renderItemAtElement(itemIndex, elementIndex, renderedNode);
-    if (false) {
+    if (true) {
       this.debug(`Render item ${itemIndex} at element ${elementIndex}`);
     }
     itemUpdater(renderedNode);
@@ -4457,7 +4466,7 @@ function InfiniteTableHeaderFn(props) {
   const renderColumn = (0, import_react26.useCallback)(({ domRef: domRef2, itemIndex: columnIndex }) => {
     const column = columns[columnIndex];
     if (!column) {
-      if (false) {
+      if (true) {
         debug3("Cannot find column to render at ", columnIndex);
       }
       return null;
@@ -4890,7 +4899,7 @@ var getScrollableClassName = (scrollable) => {
 };
 // src/components/VirtualScrollContainer/index.tsx
-var rootClassName6 = "Infinite-VirtualScrollContainer";
+var rootClassName6 = "InfiniteVirtualScrollContainer";
 var VirtualScrollContainer = React23.forwardRef(function VirtualScrollContainer2(props, ref) {
   const {
     children,
@@ -4921,8 +4930,8 @@ function SpacePlaceholderFn(props) {
   };
   return /* @__PURE__ */ React24.createElement("div", {
     "data-count": count,
-    "data-width": width,
-    "data-height": height,
+    "data-placeholder-width": true ? width : void 0,
+    "data-placeholder-height": true ? height : void 0,
     "data-name": "SpacePlaceholder",
     style
   });
@@ -4991,7 +5000,7 @@ var VirtualList = (props) => {
   (0, import_react30.useEffect)(() => {
     const removeOnRenderCount = virtualBrain.onRenderCountChange((renderCount) => {
       renderCountRef.current = renderCount;
-      if (false) {
+      if (true) {
         debug4.extend(mainAxis)(`Render count change ${renderCount}`);
       }
       rerender();
@@ -5019,7 +5028,7 @@ var VirtualList = (props) => {
   const domProps = __spreadProps(__spreadValues({}, restDOMProps), {
     className: join(props.className, rootClassName7, `${rootClassName7}--${mainAxis}`, VirtualListCls, VirtualListClsOrientation[mainAxis])
   });
-  if (false) {
+  if (true) {
     domProps["data-cmp-name"] = `VirtualList`;
   }
   return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement("div", __spreadValues({}, domProps), /* @__PURE__ */ React25.createElement(VirtualScrollContainer, {
@@ -5173,7 +5182,7 @@ var InfiniteTableRowClassName = `${rootClassName9}Row`;
 var InfiniteTableRowClassName__hover = `${rootClassName9}Element--hover`;
 // src/components/InfiniteTable/theme.css.ts
-var ThemeVars = { theme: "var(--infinite-theme)", color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", height: "var(--infinite-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", iconSize: "var(--infinite-header-cell-icon-size)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)" }, Row: { color: "var(--infinite-row-color)", background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
+var ThemeVars = { color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", height: "var(--infinite-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", iconSize: "var(--infinite-header-cell-icon-size)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)" }, Row: { color: "var(--infinite-row-color)", background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
 // src/utils/stripVar.ts
 function stripVar(cssVariableWithVarString) {
@@ -5323,7 +5332,7 @@ function InfiniteTableRowFn(props) {
   if (renderCellRef.current !== renderCell) {
     renderCellRef.current = renderCell;
   }
-  if (false) {
+  if (true) {
     domProps["data-cmp-name"] = "ITableRow";
   }
   return /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({}, domProps), {
@@ -5618,7 +5627,7 @@ var RowListWithExternalScrolling = (props) => {
     const onScroll = (scrollPosition) => {
       const node = domRef.current;
       if (node) {
-        if (false) {
+        if (true) {
           const { renderStartIndex, renderEndIndex } = brain.getRenderRange();
           node.dataset.renderStartIndex = renderStartIndex;
           node.dataset.renderEndIndex = renderEndIndex;
@@ -5640,7 +5649,7 @@ var RowListWithExternalScrolling = (props) => {
     style,
     className: join(className, rootClassName10, `${rootClassName10}--vertical`, VirtualListCls, VirtualListClsOrientation.vertical, ...defaultClasses)
   };
-  if (false) {
+  if (true) {
     domProps["data-cmp-name"] = "RowListWithExternalScrolling";
   }
   return /* @__PURE__ */ React31.createElement("div", __spreadValues({}, domProps), /* @__PURE__ */ React31.createElement(RawList, {
@@ -5866,7 +5875,7 @@ var VirtualBrain = class extends Logger {
     this.availableSize = { width: 0, height: 0 };
     this.setAvailableSize = (size) => {
       this.availableSize = size;
-      if (false) {
+      if (true) {
         this.debug("New available size %d", size[this.options.mainAxis === "vertical" ? "height" : "width"]);
       }
       this.updateRenderCount();
@@ -5903,7 +5912,7 @@ var VirtualBrain = class extends Logger {
         this.notifyTotalSizeChange();
         return;
       }
-      if (false) {
+      if (true) {
         this.debug("set renderCount to %d", renderCount);
       }
       this.renderCount = renderCount;
@@ -5977,7 +5986,7 @@ var VirtualBrain = class extends Logger {
           return;
         }
       }
-      if (false) {
+      if (true) {
         if (itemSizeChange && countChange) {
           this.debug(`Reset brain: reason itemSize changed and count changed (old ${count}, new ${newCount})`, {
             oldItemSize: itemSize,
@@ -6017,7 +6026,7 @@ var VirtualBrain = class extends Logger {
           if (cache[i] === void 0) {
             ItemIndexBag.itemIndex = i;
             let spanValue = itemSpan(ItemIndexBag);
-            if (false) {
+            if (spanValue < 1) {
               this.debug("itemSpan cannot be less than 1 - got %d for index %d", spanValue, i);
             }
             cache[i] = i;
@@ -6217,7 +6226,7 @@ var VirtualBrain = class extends Logger {
     const { renderStartIndex, renderEndIndex } = this.renderRange;
     if (renderEndIndex !== renderRange.renderEndIndex || renderStartIndex !== renderRange.renderStartIndex) {
       this.renderRange = renderRange;
-      if (false) {
+      if (true) {
         this.debug("Set renderRange to %d-%d", renderRange.renderStartIndex, renderRange.renderEndIndex);
       }
       this.notifyRenderRangeChange();
@@ -6729,9 +6738,9 @@ var useLicense = (licenseKey) => {
   const valid = (0, import_react42.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.0.2-canary.4"
+      version: "0.0.3"
     });
-    if (!valid2 && isInsideSandbox) {
+    if (!licenseKey && !valid2 && isInsideSandbox) {
       return true;
     }
     return valid2;
@@ -6911,7 +6920,8 @@ var InfiniteTableRoot = getComponentStateRoot({
     rowHeight: true,
     headerHeight: true
   },
-  getParentState: () => useDataSource()
+  getParentState: () => useDataSource(),
+  debugName: "InfiniteTable"
 });
 var InfiniteTableComponent = React36.memo(function InfiniteTableComponent2() {
   var _a;
@@ -6989,7 +6999,7 @@ function InfiniteTableContextProvider() {
   const computed = useComputed();
   const getComputed = useLatest(computed);
   const getState = useLatest(componentState);
-  if (false) {
+  if (true) {
     globalThis.getState = getState;
     globalThis.getComputed = getComputed;
   }

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@infinite-table/infinite-react",
   "description": "Infinite Table for React",
-  "version": "0.0.2-canary.4",
+  "version": "0.0.3",
   "main": "index.js",
   "module": "index.esm.js",
   "typings": "index.d.ts",
@@ -15,5 +15,5 @@
   },
   "license": "Commercial",
   "//": "will be updated at build time",
-  "publishedAt": 1637703745216
+  "publishedAt": 1638183704342
 }