@infinite-table/infinite-react 6.1.0 → 6.1.1-canary.0

package/index.css

@@ -1,4 +1,4 @@
-/* vanilla-extract-css-ns:src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62XwW7bOBCG73kKXQqkRVVITpNN1FMTbBc9LdDsabGAQEkjmzFNuiRlOV703QuSkihSlOqgudma//s1HJLi8EMjMcESg8gLdnzEJ0zX94xXwO/ZMc/TG7JLcZtE/19EUcGOsdCKLCq0Ji7Y8dPFj4sP57lkBdSMwyuZoVoCfx2v6N1r+bzqEKN3Lx3kngksMaM5B4IkPsBglmqTPp5FvWDOABWCkUZag5Vn0AvmDIREEpcDfuXhJjwP43L7PMAfJ7AKz8E1PkI1sNceq6MeWmNC8rLhHKh8YITxgb7RtIpn0VgQMkBlOeH/GPEHxC/jGNMaUywhNvK4VPq3nt8O8TWmOWXUTsCttjKRLEo84gBc4hKRzwSvab7DVUUseqfRXhIjpckiI/J8hORsC+FiIG1jFIvl6ExCBSkcjxeUpEDlds1ZQ6sc0w1wLAfP0myQQZBFncKzYI0kmIJb1krDXSiLVMzDJEdU1Izv/lE/CJLwL3A2GJjNPogy81PJrqrL5H3yPvGHMmhzGXSsf8ORM4kk3CWD2do3M4rLu6SC9a980ltrtJkxSm9DTmXDBeP5nmEqwU4/1iYmmEVdNIxWUKOG2Fl+ctAuGkZLRr6BwCc7y1sHLhmJuRZMviE6oT8PQKVw1wnpviNaEINWBJdLTeCYpwO3M18AAscsSkNS5y10pA54n77SynFnWn+KsXo+fUGvt7O49wD/OzIQFvnuI/OMhfgEWqAsJqbYEmdBGQAXSYs2IXSZtfAhCM/R24Frz6+PhY4vqY7Fns+oTYXFnqBnsyR78KTBLpTpZTmDlYxKvWeGfiNx2V4wwzubIE1dNrAReq4grLQDTVcuqKMz5Jpj2ySkVy6ogjMcpuqguHff+9HFjSZeer2RfBlXO70OuixU3Sj+ckZyEzQJDKgRwB+BQCm96pueRYVjoePBGdgAXm9kbndCahoU83zaoHT6NEn+e2OZO4dJk+RNGLt2KORQ1xOoxZXcjFMzXYd+PM3MqL3EyjERyEuy/fgFpouQbD+1V0rPHKw6YE2gdupq2gH1dGqutZ77eqSfs0eNtP1GuhkRKjK5o0jJduOUcHclUc+nSXV6L60nhwkkxv0FZQ5tHl5PPLScyJiYfYU7+N2YCYxe7b8vhLWqq2h21IL2rI5rwlrdVjQ7uox/gwNwMdptLOwScyOcc+OstR5734OzdgGc5PA9wM8koO8OXyXsRK569VFrl5ojXwtirBRZZCTzFkJykOXGeoipR6fxTJ4aIXH9/GCOlUkuph3oRHF3+Mzk41mJPSrhHmQLMJrsJmyoxXFh1Gf4fjY3mMH2sGSLtPgXrhJx2yOnbdhPT62WLrvBOLfjghdM8mIH4Grx5BtcVePKme6jD2eRic/R7t48eWxgew7kAQtcjC69q8SDO4F/cVZP1Z/nqYPpQ6ziDA9v9KvVxCI4/hYT8rBBdA2jO9hgctUdRoTEpRZl9h7mG22whEe1fHLKWo721sU0KVoQ6wWmznUl8Q8sOMq/+6oCIXgvsG3sVqZLUaLY1raXfbr48RNDLx0/UxQAAA== */
+/* vanilla-extract-css-ns:src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62XQW/bNhTH7/kUuhTIhqqQnCZL1FMTrENPA5qdhgECJT3JjGnSJSnL8dDvPpCURJGiVBfrzdb7//56fCTFx3etxARLDCIv2OkZnzFtHhmvgD+yU56nd2Sf4i6J/r2KooKdYqEVWVRoTVyw04erb1fvLnPJCqgZh59khmoJ/Od4Rb9e7nNgAkvMaM6BIImPMNqk2mSIZ9EgWDJAhWCkldZg4xkMgiUDIZHE5YjfeLgJL8O43L2O8PsZrMJLcI1PUI3srcfqqIfWmJC8bDkHKp8YYXyk7zSt4lk0FYQMUFnO+N8m/BHx6zjGtMYUS4iNPC6V/hfPb494g2lOGbUTcK+tTCSLEo84Ape4ROQjwQ3N97iqiEUfNDpIYqQ0WWREno+QnO0gXAykbYxitRy9SagghePxAyUpULlrOGtplWO6BY7l6FmaDTIKsqhXeBaslQRTcMtaabgPZZGKeZjkiIqa8f1f6gdBEv4GzkYD88kYRZn5qWQ31XXyNnmb+EMZtbkMOtb/w5EziSQ8JKNZ45sZxfVDUkHzPZ/03hptF4zS+5BT2XLBeH5gmEqw04+1iQlmUR8NoxXUqCV2ll8ctI+G0ZKRLyDw2c7yzoFLRmKuBbNviE7o9yNQKdx1QvrviBbEoBXB5VITOOXpyO3NF4DAKYvSkNR5C52oA97nz7Ry3JnWn2Osns9fMOjtLB48wP+OjIRFvvrIMmMhPoNWKIuJObbGWVAGwFXSom0IXWctfAzCS/Ru5LrL62Oh049Ux2KvF9SmwuJA0KtZkgN41mAfyvSyXMBKRqXeM2O/kbjsIFjgnU2Qpi4b2AgDVxBW2oGmGxfU0QWy4dg2CemNC6rgAoepOige3fe+d3GjiddebySfptVOb4MuK1U3ij+ckdwFTQIDagXwZyBQSq/6pmdR4VjoeHAGtoCbrcztTkhNg2KezxuUXp8myT9vLPPgMGmSvAljtw6FHOp2BnW4kttpaqbr0I/nmRm1l1g5JQJ5SXaYvsB0EZId5vZK6ZmDVQesCdROXU07oJ7OzbXWc28m+iV71Erbb6TbCaEis9uJlGw/TQn3VxL1fJ5Ur/fSenGYQGLcX1Dm0Obh9cRDy4lMicVXuIPfT5nA6NX++0RYp7qKdk8taM/quCas021Fu6fr+Bc4AheT3cbCLjE3wiU3zjrrcfA9OOtWwFkOXwP8QgL67vBZwl7kqleftHapOfK1IMZKkUVGsmwhJAdZbq2HmHv0Gs/kpRUS169P5liZ5WLagV4U94fPQj6elTigEh5BdgCTyW7DhlocF0Z9ge9Hc4MZbY9rtkiLv+MqEbc9ctqF/fTUaum6G0xzO614wSwvdgSuFk++xVU1rZzpPoZwFpn4Eu3uzbPHBrbnSB6xwMXk0rtJPLgX+Bdn9VT9eZ07mD7EKi7w8Ea/2cwsguPvMCFPW0QbmNzBRpOb/jAiJC61KLP3MN9oiyU8q+WTU9ZxdLAupknRglgvMHWuK4l/YMFJ/jlUFQjBB4FtY7cxXYoSxba2g+zD1bf/APSt7cG2EwAA */
 .utilities_boxSizingBorderBox__16lm1iw0 {
   box-sizing: border-box;
 }
@@ -11,12 +11,6 @@
 .utilities_boxSizingBorderBox__16lm1iw0 * {
   box-sizing: border-box;
 }
-.utilities_boxSizingBorderBox__16lm1iw0 *:before {
-  box-sizing: border-box;
-}
-.utilities_boxSizingBorderBox__16lm1iw0 *:after {
-  box-sizing: border-box;
-}
 .utilities_position_relative__16lm1iw1 {
   position: relative;
 }
@@ -261,7 +255,7 @@
   will-change: transform;
 }
 
-/* vanilla-extract-css-ns:src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WRPW+DMBBAd36Fl45E0O+6Y6SuHVp1RcYccMXyRXCEoKr/vYIm4auRiryZA73j+W0+sORamTddkjFbsqzQQhn9Pd6aKorCGvBTUyC+PCFipYtUafD3WGGMBrmVIsckAfvsCeE3EBfIPu2hTA01ftUD0WZSMNU67z6img1akMKShW6wowoZyUqR4gGSbpQDZjlLEQbBVffcYML58GggZSmC7si060/f3madW44meafjdCQa9qLDP1WMumjHq0b7L2/NgF+Pt/BCZcRlDecV1/2K0yVJoWqmFaxUmWqA3cxgpxr/xvUpzQC8nQGP71cQO58z7s5N9lfnTLt3tZ2EeJjQ/INjiscFzjnG0wLpmEO5Ks+CxO7OkyR6ymsdkyQLnHMSWCAdk6SuyrMk2WXnH7n7kvwABgAA */
+/* vanilla-extract-css-ns:src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WSTWvcMBCG7/sr5lLIQhy8SZuk6jHQUyGHhF6NLI/sqVXNIo33o6X/vdj77U0gi27SSDyaZ17d/KQgnXYvJrBzT+xFk8dQvF1+crEoZh3SL8M5/J0AlNq0VhvMFhSpJEeyVtBQVaH/NgHIlli2JBkvMFjHyywOQPK1AuHONP0l7sSRRwWePfaFOUcSYq/A0gqrvtQg1Y0omOX5p36/pEqaw9ahFQV5vxSeD6t/k5vL3Bpy1Stvq0eis0H00FMUMu1604RzmWm0r1GBBO2j5fB7aGK32dadFryrrhY6XGXZ4vj9H2jl2dqIUhSz+6YtWyPTa3jj5ivPRxe76TXk89W0f9FsPBRE+oPg9Jo7OR7H0Yzen0yN8rxN6juHQkKH+zHcDmPYBalAd8IXsKx28QC7G8F2P+bDuOG7uQPw8wi4Pb+A2PvscV/SZDc6e9p9qu1JEA8ntGyVGMXjGS45jK9nyMQ4dKryKJAy3fkkEnPKWydGUp3hkiPBM2RiJDZVeRRJ/b7zf7eDJD+kBgAA */
 .VirtualScrollContainer_VirtualScrollContainerCls__1ueijco0 {
   backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
@@ -274,6 +268,9 @@
 }
 .VirtualScrollContainer_VirtualScrollContainerChildToScrollCls__1ueijco1 {
   position: sticky;
+  will-change: transform;
+  transform: translate3d(var(--virtualScrollLeftOffset__16hkbkct), var(--virtualScrollTopOffset__16hkbkcu), 0px);
+  contain: size layout;
   top: 0;
   left: 0;
 }
@@ -1460,8 +1457,8 @@
   user-select: none;
 }
 
-/* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Yy27cNhTd+yuIAAUyRVhoxrHTKJu2NgpkUxQxkK1AkVcaxhQpkNQ8XOTfC1Ea6q3RODaQlR88POfw8vLyUn88wjHRJAODKAgR/S2I2XKZ3ilRZPIOhPgClOcQxcRARCTPiOVK/kMyiKI1wIFuyO/ovyuEgl/cD4RUTii3xxAFn64Q+n6F0OZmMLY+jX2YGVsHk6Tfr35zfqnz+afgqTP7YI8CIgrSgvb+AsfxrTCWJ0dMlbQgbYgq1Kd5KmOJtp5pPc6UCDhghzzDBpJ5rs15LlT9lQi1D5FWe6xhB9pAo1JS3wnzlWhOpDWR2fLEcpl6lWunYjWRhpcbFyIBiUXXQZCZaRqmSZq2ad4PaKSSQx8ef+PwOWGMyzREO6LfYsxlwiW3gMspuB5clcuMlWagcWltHNwCtCdonm7nZzjEyhn9XI+XPk9xosqZPkIRb3Y5qhfjc7+9pNtBCNzvidLZwIAjwBoqD5AkQC1mhXZnZ9WE7QEE0PJ/d1ugj7E6tAU/OMGM6JRLzKXgEgZLNScCTGsG3JnQ0po82Se9j2FIEgvayfp8fPOmjHeuTosmsVGisFD+l0sDtj6ST5hLBoeBw6SWxWoHWpAjroFuG6sNp0TQt0F+QHhuJ/ec2e3KTau3/eJ5ueLlkcewA2nNKYcR8mUNS5INg+yX0MW9+4GKuerKJlwInCkGIUqU3hPNTBdwyp160evMoF9rm7TQGqQ92bivkVG0vt0+xo/0+t3kenxGVuGJCX1MtSokC8e5//IAz76ZZm/oVkvSkHFdpXJU5D5QxCXjIiPT21bkLS+v4JepvfSO45dwXDK+rmcJhdVEeNv0JWy33LSuBm/CV7vPknFKrNK9CsTCMIZEaXheCfpJqsnwGPXKNbCa0gMxg4QUonO3OaVzDC3oIEkItXw34n4KWDYYs7iROKzajk3Z4yxz7KBLHDtgW2UR/4D5pwvbK0RpgcE6msvUqRJqGMkR9VlgS30KVzbi1eCqyqgLSoc7vFFChGnKSNIpI+1G8HSogos0yrrSk9iOSZS45ylYlfcEvo0JWJU/jz9W1qqsJyHGJCrkrEqvaGd1sRZqeDZdllQ7O8PEpeEM7rkhsQB2X789/iUpRFYXjVLulPxLsKe1VZo/KWmJwIIcVWH7bTirBXBOUsA1zZwvUj7eOm+2w8ybDSSb4dqBtpwS4R6EvVflk2N1aphbyMz4i/IMZ9vnOpignDep1f60C93Irz/W7YGPtjvW0xddOezj3WkLBiyKsXNMJWQh27Z8ZryAs3b1mieb9+Mr6yJjHj3lcCr5O6takNpPEGvSqwfrqtm+ZLln+MvOqKGPX5pesVbG0yXs3VybU9Bq/1BvRu8osCVCfiOXqSVcG9vTSfuV310vmjBemPlPHg7Sbszqon4xwaRfQQZ2ed9udeH+iN/LGeYD/EXt+ymf91zPyliVz2lQleXupRQ0/E8D/t53s0mSdfOhMBj0MQObOZey274tcnrdiGz6ncxLadw0Gu+XfYid5rptuG7GbqRFRXb6Nvn+PyibwCsOFwAA */
-@keyframes cell_FlashingColumnCellRecipe_base_animationName__1eexc2a8 {
+/* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Y227cNhB991ewAQpkC7PYtWunlV/a2iiQl6KIgb4uKHIkMaZIhaT24sL/XpDSUreVVpvYQIAASZbDcw5nhsMZ/f4E+0STHAyiIMT6L0FMxmV6r0SZy3sQ4hNQXsA6JgbWRPKcWK7k3ySH9XoFsKNX5Df03wVCyx/9XwipglBu9xFa3l0g9HKB0NXNYG11WPswsbZajoK+XPzs9VKv8w/BUy/20e4FrClICzroW3qMz6WxPNljqqQFaSNUWd1NQxlLtA1Iq+NIiYAd9pYn0ECygHV1GgtV/0uE2kZIqy3WsAFtoGFx0PfC/Es0J9Katcl4YrlMA8u1Z7GaSMNd4CIkILHoernMzTgM0yRN2zC/DGCkki0dD2AJzYDVQGHfjd9XKO5cjWED0ppqL/qB54XSlkh/0A03PObChzjjjIHsGTQJ0FvwohKl86j6pyAWrtn75SVyfxYd6955g8xbL5NxUwiyr2Iw9L77hbh4Ym4hN00CIeSiR7hzLtmr0iLDn+HOH/zgLhIbJUrrf91yITDNiEwhauT7lYxbwKYgFJyXtpoU7ufSgMYGBFB7cDxCBWGMyzRCG6LfY8xlwqXb7Q6I68WFM4yVZqCxi/tx45ZBe4PmaTa9w1ssvFs/1uvOq4ckpMq7eA9lfLUpUO36UFjaAfgwyK/gl4EAD4A1VBogSYBazErtC9OiCfKjdxhX8j4D+hSrXZvwV0+YE51yibkUXMLgqOYAgGmNgDsbWlyjZfPAR6KIJBa0pw2X/d27yt87bPizD2bt2VjtxvOHSwO2roTPmEsGu4H2pBaE1Qa0IHtcG/oAV6lAiaDvl8UO4akYbzmz2cJvqxPi7H3Hrr+/TIfXBEuSD90fjtC1u/yGh2rRpU3cRcwVgwglSm+JZqZrcMiq+tCr3KCfapm01BqkPch4qC3X69Vt9hQ/0evL0fOEXK3cExP6lGpVShYdx/4zGAT0q3H0Bm4xJ0EZ11WSr8siOCr2aTpLyHjYyqKl5Q30MrWVQTF9DcUO8W01SyitJiLIZq8hu6Wm9cQFEaEOfpSMU2KV7tUmiKIYEqXhtYvTd1JnhhesV+KB1ZDBEDNISCk676FnOoXQMh2kD6GWb46oHzN0Hd+k3RE/LNqKjWs65yn2pnMUe8M2yyz8AfJ357Y38NIMgbU357FTJdTQk0fYJw1b7GN2rrGtFhdVRp1RVPzlXSdEmKbApJ0C024eD5dqeRaHqys9Cn6Mwtl9HYNVRY/g6RiBVcXX4cfKWpX3KPJjFJXlJEuvnMu6jAs1vJs+S6rITiBxaTiDB25ILIA91MPgPySFtdVlw/TFM4XJrMeVKc2f3WAkcDUW9Vt3VhPggqSAa5gpXX766gzR+4khGiSbwNqAtpwS4Sf0/phffTHoDHvHZvwToG2hq9UI5LRKrbaHMHRdvyJ15xDc7e/1+EvnloPDOx3DAEUxdgrJmcxEy9wE8grK2uVrGmxaTyits4QF6zGFY9nfOdWM3H6GWJNeQVhVffg5xz2B71qjBp6+NrxirYxnc9C7uTbFoNX2sQ5G7yrAHKIQyHlsCdfG9niyfun374smjJdm+juJN2l3ZnVVPxtgVK8gA7mf+3KrF/db9J6PMO3gT2rbT/kvPdWTNFYVUxxU5YUfopbNV9flAL/7JXMcZNWArAaNzEBmwaXs9m+zlF43JNf9Vua1OG4ajpt5n8bHsW4brNtjL9KsIjv+mrz8DyMNLTWgGAAA */
+@keyframes cell_FlashingColumnCellRecipe_base_animationName__1eexc2a9 {
   0% {
     opacity: 0;
   }
@@ -1491,41 +1488,59 @@
 .cell_CellClsVariants_dragging__1eexc2a4 {
   transition: none;
 }
-.cell_CellCls__1eexc2a5 {
+.cell_DetachedCellCls__1eexc2a5 {
+  pointer-events: none !important;
+  visibility: hidden !important;
+  opacity: 0 !important;
+  transform: translate3d(0, 0, 0) !important;
+}
+.cell_CellCls__1eexc2a6 {
+  display: flex;
+  flex-flow: row;
+  align-items: center;
+  contain: layout size;
+  position: absolute;
+  will-change: transform;
+  white-space: nowrap;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
   padding: var(--infinite-cell-padding);
   border-left: var(--infinite-cell-border-left);
   border-right: var(--infinite-cell-border-right);
 }
-.InfiniteCls_shiftingcols__1yeub2vp .cell_ColumnCellCls__1eexc2a6 {
+.InfiniteCls_shiftingcols__1yeub2vp .cell_ColumnCellCls__1eexc2a7 {
   transition: transform var(--infinite-column-reorder-effect-duration);
 }
-.cell_SelectionCheckboxCls__1eexc2a7 {
+.cell_SelectionCheckboxCls__1eexc2a8 {
   margin-inline: var(--infinite-selection-checkbox-margin-inline);
 }
-.cell_FlashingColumnCellRecipe__1eexc2a9::after {
+.cell_FlashingColumnCellRecipe__1eexc2aa::after {
   content: "";
+  box-sizing: border-box;
   position: absolute;
   inset: 0;
   z-index: var(--infinite-flashing-overlay-z-index);
   left: calc(0px - var(--infinite-cell-border-width));
   right: calc(0px - var(--infinite-cell-border-width));
   pointer-events: none;
-  animation-name: var(--infinite-flashing-animation-name, cell_FlashingColumnCellRecipe_base_animationName__1eexc2a8);
+  animation-name: var(--infinite-flashing-animation-name, cell_FlashingColumnCellRecipe_base_animationName__1eexc2a9);
   animation-fill-mode: forwards;
   animation-duration: calc(1ms * var(--currentFlashingDuration__16hkbkc3, var(--infinite-flashing-duration)));
   background: var(--currentFlashingBackground__16hkbkc2, var(--infinite-flashing-background));
 }
-.cell_FlashingColumnCellRecipe_direction_up__1eexc2aa {
+.cell_FlashingColumnCellRecipe_direction_up__1eexc2ab {
   --currentFlashingBackground__16hkbkc2: var(--infinite-flashing-up-background, var(--infinite-flashing-background));
 }
-.cell_FlashingColumnCellRecipe_direction_down__1eexc2ab {
+.cell_FlashingColumnCellRecipe_direction_down__1eexc2ac {
   --currentFlashingBackground__16hkbkc2: var(--infinite-flashing-down-background, var(--infinite-flashing-background));
 }
-.cell_FlashingColumnCellRecipe_direction_neutral__1eexc2ac {
+.cell_FlashingColumnCellRecipe_direction_neutral__1eexc2ad {
   --currentFlashingBackground__16hkbkc2: var(--infinite-flashing-background);
 }
-.cell_ColumnCellSelectionIndicatorRecipe__1eexc2ad::before {
+.cell_ColumnCellSelectionIndicatorRecipe__1eexc2ae::before {
   content: "";
+  box-sizing: border-box;
   position: absolute;
   inset: 0;
   left: calc(0px - var(--infinite-cell-border-width));
@@ -1536,34 +1551,34 @@
   border-style: var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style));
   border: var(--infinite-selected-cell-border, var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width)))) var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style, var(--infinite-active-row-border-style))) var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))));
 }
-.cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2af::before {
+.cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2ag::before {
   border-right-width: 0;
 }
-.cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ah::before {
+.cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ai::before {
   border-left-width: 0;
 }
-.cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2aj::before {
+.cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2ak::before {
   border-top-width: 0;
 }
-.cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2al::before {
+.cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2am::before {
   border-bottom-width: 0;
 }
-.cell_ColumnCellRecipe__1eexc2am {
+.cell_ColumnCellRecipe__1eexc2an {
   color: var(--infinite-cell-color);
 }
-.cell_ColumnCellRecipe_insideDisabledDraggingPage_true__1eexc2ap {
+.cell_ColumnCellRecipe_insideDisabledDraggingPage_true__1eexc2aq {
   opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
 }
-.cell_ColumnCellRecipe_align_end__1eexc2ax {
+.cell_ColumnCellRecipe_align_end__1eexc2ay {
   justify-content: flex-end;
 }
-.cell_ColumnCellRecipe_verticalAlign_start__1eexc2az {
+.cell_ColumnCellRecipe_verticalAlign_start__1eexc2a10 {
   align-items: flex-start;
 }
-.cell_ColumnCellRecipe_verticalAlign_end__1eexc2a10 {
+.cell_ColumnCellRecipe_verticalAlign_end__1eexc2a11 {
   align-items: flex-end;
 }
-.cell_ColumnCellRecipe_rowDisabled_true__1eexc2a19 {
+.cell_ColumnCellRecipe_rowDisabled_true__1eexc2a1a {
   --infinite-row-background: var(--infinite-row-disabled-background);
   --infinite-row-odd-background: var(--infinite-row-odd-disabled-background);
   --infinite-row-hover-background: var(--infinite-row-disabled-background);
@@ -1571,46 +1586,46 @@
   --infinite-row-selected-hover-background: var(--infinite-row-selected-disabled-background);
   opacity: var(--infinite-row-disabled-opacity);
 }
-.cell_ColumnCellRecipe_zebra_false__1eexc2a1a {
+.cell_ColumnCellRecipe_zebra_false__1eexc2a1b {
   background: var(--infinite-row-background);
 }
-.cell_ColumnCellRecipe_zebra_even__1eexc2a1b {
+.cell_ColumnCellRecipe_zebra_even__1eexc2a1c {
   background: var(--infinite-row-background);
 }
-.cell_ColumnCellRecipe_zebra_odd__1eexc2a1c {
+.cell_ColumnCellRecipe_zebra_odd__1eexc2a1d {
   background: var(--infinite-row-odd-background);
 }
-.cell_ColumnCellRecipe_rowSelected_true__1eexc2a1d {
+.cell_ColumnCellRecipe_rowSelected_true__1eexc2a1e {
   background: var(--infinite-row-selected-background);
 }
-.cell_ColumnCellRecipe_first_true__1eexc2a1g {
+.cell_ColumnCellRecipe_first_true__1eexc2a1h {
   border-top-left-radius: var(--infinite-cell-border-radius);
   border-bottom-left-radius: var(--infinite-cell-border-radius);
 }
-.cell_ColumnCellRecipe_last_true__1eexc2a1i {
+.cell_ColumnCellRecipe_last_true__1eexc2a1j {
   border-top-right-radius: var(--infinite-cell-border-radius);
   border-bottom-right-radius: var(--infinite-cell-border-radius);
 }
-.cell_ColumnCellRecipe_firstRow_false__1eexc2a1p {
+.cell_ColumnCellRecipe_firstRow_false__1eexc2a1q {
   border-top: var(--infinite-cell-border-top);
 }
-.cell_ColumnCellRecipe_compound_0__1eexc2a1z {
+.cell_ColumnCellRecipe_compound_0__1eexc2a20 {
   border-top: none;
 }
-.cell_ColumnCellRecipe_compound_1__1eexc2a20 {
+.cell_ColumnCellRecipe_compound_1__1eexc2a21 {
   border-right: var(--infinite-pinned-cell-border);
 }
-.cell_ColumnCellRecipe_compound_3__1eexc2a22 {
+.cell_ColumnCellRecipe_compound_3__1eexc2a23 {
   border-left: var(--infinite-pinned-cell-border);
 }
-.cell_ColumnCellRecipe_compound_5__1eexc2a24 {
+.cell_ColumnCellRecipe_compound_5__1eexc2a25 {
   justify-content: center;
 }
-.cell_ColumnCellRecipe_compound_6__1eexc2a25 {
+.cell_ColumnCellRecipe_compound_6__1eexc2a26 {
   --infinite-row-hover-background: var(--infinite-row-odd-disabled-background);
 }
 
-/* vanilla-extract-css-ns:src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYTW/jNhC951foUqA+MLC1TZsqpyLbdnMoNmiA7tGgyZE8CU2qJOXYKfrfFyRlWZIlWXaMBfYURyLfe/PB4Yyul0A56Pkn/+dJafvAlPwbGOYwpwIzOTeWajufz+K3VC1mH6L/rqJoRXWGkghIbRKtqf6REJQpSrRAAiJhIAQxSluCTEkSdkzurv6/uj7OyUBa0BXpT9+EFCSvGG/qjBqz5cUoHySHzb0wFdXPnkqgdJCBaXp3FUWpkpYYfIMkmk3zjXu0UNpRasqxMEl0M/3BPc0p5yizJJqFVbkyaFHJJKILo0RhwT21msrdc6vyaHodG/9c5SVhaWbsUNrq/0BhQXfq/+V70P/EtBJiQfWjoAyWSnDQdSNuvRELyl4yrQrJ+6K9XzHpJJ8GM61VK/9PW8e9MGXO7Zh/PY+ZKaF0b066lx05uGdXa9CpUK9zq4u9lqXX8kbQxdiFbQiCqVXu5Myn1f7nYEsZ5c5Tk6OUwMOpCQsHdVYkcUUi6iSdxWAcBwjxqNVmWwHLkZHwuEvnwXFB8et3IYkilVOGdptE0+vbRvp3bStfTmoLS5vj8kxV0Yqn0654gRCtjFNHHVjzHHlFbpeTyCiBPBzCnGqQ9u5YpOveqi/0toz0csu/latGGpr4KL0zrANEKA1y+IiGLgTwj5pmGcrskWbQPFezF6+hinxbgNL4pqSlggi6VYV12VKsJNEQ/MZLBpLTDEgJMywtRW1sS8WqHnirch/8qhoP5EBYMqmFPJS40wEGFAt6IFi1BfsEepfi0xEGJIdC0+qQZq8jqugeo6OMxrPz6+hDuSBcblsoFvE6jhqPa79LDUtqHj3ek7Pkc+tuCCA8OsOEbt8O+h3lGg0uBAy7vuKc7Tnjy90M/ddP/OF4cIbx/wJZuE6q3n/EocVlhTbuBmFKWthYsgJZ1Ev/Qij2Qny+lY1O+x24Ale+WaEM5Xuw5Pm21fVp/rTsWriRG8bZllBmcQ3eRN8yzbp6tIEKPtqBPndQhCob8shZxdHkgm6TKBXQwVwHdC7/J+xsVqP45kIMGgzoNTzllMGXJchPyDnIeUqFqbGFtrqClUrCMGzXKbx9h2QXjnuXh9K2ohKHnrWvcannyr5/OQ6/Bm2RUfFbx9gZM0/pBzWCFlYmyA5n4XT0+qwX8x5skHwM8uH0GGce0YNw1MDC2KLVK9GwBm06QtmH2xqF49CjPxfGYrolLOxIorDsEPaLpnnenHViPGfkaAP/qVWRN2CfB7PioJ1t3MtHSuhJ9fa87rJ74m1n/kurIzkqpVGdD1annoQAR6t0+e2AdHV2Qc3nHDS1qhlNWXc7Qekm8T4iVQLsAkE240Ue7O3XuUtgX/VbVVREJ1rWPVRR5jK+d9IdQh13GzURah+Lds14y658sMV3t4qvLfteft/G7+99Wlh1jpTW3fHvKSb+7pOv4SJd//o1nFHN1G2m06idZ2Ria+f22Jlvbhs1sze37If3nga2xXBYtrrnja5t/YNHf7iSVLHChAQsbHB6aBgqBWPM9CikvuGCJ7w3zS6v+Ctpt/Zl1RYAAA== */
+/* vanilla-extract-css-ns:src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYTW/jNhC951foUmANlIGsNNusciqybTdAiwQNsHs0KHIkM6ZJlaQcO4v+94KkrC9LsuwEBXpJbIl8bz4ehzO+XAKmoBZf3L8nqcw9keIvICyHBeYsEwttsDKLxTx6TWUyvwq+XwTBGquMCcQhNXGwweoDQkykTDADyCMiApwjLZVBjEiB/I7Z7cU/F5fHOQkIA6oi/ek/IQVBK8brJqNi2fLdKO8Fhe0d1xXVR0fFmbCQnim8vQiCVAqDNHuFOJiH+dY+SqSylApTVug4uA5/sE9zTCkTWRzM/apcamaYFHGAEy15YcA+NQqL/XMj8yC8jLR7LvOSsHQzsihd639j3IDqtf/n/4P9T0RJzhOsHjkmsJScgmo6ceOcSDBZZUoWgg5lu14x6yUPvZvGyLX70rXjjutSc3vmT+cxE8mlGtSkfTmropZKtY79R44NXNEPftuGKVNg7mPzB6TmIU012LP+cblKVsTMfgzCfOv+9Ci69kVuQKVcviyMKmrPls6zV8SsYqwIxiCIXOfWuUVY7X/2kSk103sGcyYEUH8G/cJROyuSqCLhTZLe0jKNAzh/VHK7q4DFxLw63KWN4LQUu/V1gmWOCTO7OAgvb1qHqW9b+XLWWFj6HJUntMpWFIZ9+QLOO/qVRwPYiBx6YdQsZ4GWnFGvyBwrEOb2WKab0WoudL5MjHInvlWo3KGlTOcc7+Ig4ZKsprkeu7y9MdEjRExoRuEz0zjhQD8rnGVMZI84g/ZJm6+cDZUWugZIxV6lMJgjjneyMFY/xVogBT6StGRAOc4AlTDjpqVMadOxYt2UgpG5k0NV7UdU4ZfMGiLwJfR0gBGLOT4wWHYNdpJ6k8WnI4yY7EtPpwObv0yoqzVGT2GN5udX1vtygb88d1Ak0SYKWo8bn0sbllg/Orwn68lD57bwIDQ4w4X+2I7GnYkN0yzhMB76inNec0bvd1cMX0jR1fHkjOP/CaKwnVqzv4l8C00Kpe2dQqQwsDVoDaJoXgau9iGnt7KR6r4DW+DKN2smfEEfLXmuLbZ9oDst+xZx4oZpvsWYGLYB56JryeZ9PeBIBZ8cQKcdxn2V9TpqXR4phx7mJqAN+Ve/s12Nout3YlCgQW3gKccEvi1BfGGUglikmOsGm2/bK1ghBYzD9p3CmzeYbNNxZ3UoTCcrke+Jh1qZplbqjuY4/AaUYQTzX3rG2og4SjcIImZgrb3Z/iycjt6cJSM6gA2CTkE+nE6jzCE6EMoUED8WKfmCFGxA6Z5UDuF2Ru3Id+3PhTYs3SHid8SBX3YI+03hPG/PUhE7Z6TpAv+uZJG3YJ9HVXHQ4Lbu5SMl9KR6e16/2T9Rd5W/6nQkR01pVeeD1akjQUCZkar8bQL1dXbemoccFDaynU3RDDtiwk76Q0SyBNgnAm2nG3mwd9jOvYBd1e9UUR6c6Fn/mIWJVXw1aJ0Sr2m3URuh8WPUvhnv+JWPtvj2VnG1pe7l6za+vvdxYeQ5pnTujr9PcfFXJ75WiFTz17VxRbWl25bTpJ1nKLGzc3fszLe3TZri21vqcX6gge0wHJat/nmjb9vw4DGcrjiVpNBegIXxQfcNQ2XBFDcdCmpueMcTPiiz97f4X+92uow1FwAA */
 .header_HeaderSortIconRecipe_align_start__12zfob13 {
   margin-left: var(--infinite-header-cell-sort-icon-margin);
 }
@@ -1649,6 +1664,7 @@
 .header_HeaderClsRecipe__12zfob19 {
   background: var(--infinite-header-background);
   color: var(--infinite-header-color);
+  transform: translate3d(var(--virtualScrollLeftOffset__16hkbkct), 0px, 0px);
 }
 .header_HeaderClsRecipe_overflow_true__12zfob1h {
   z-index: 10;
@@ -1672,6 +1688,7 @@
   border-right: var(--infinite-header-cell-border-right);
   background: var(--infinite-header-cell-background);
   padding: 0;
+  display: block;
 }
 .header_HeaderCellRecipe__12zfob1o:hover {
   background: var(--infinite-header-cell-hover-background);

package/index.d.ts

@@ -272,6 +272,8 @@ declare class MatrixBrain extends Logger implements IBrain {
     private horizontalTotalSize;
     private horizontalRenderCount?;
     private verticalRenderCount?;
+    protected maxHorizontalRenderCount: number;
+    protected maxVerticalRenderCount: number;
     private horizontalExtendRangeBy;
     private verticalExtendRangeBy;
     protected horizontalRenderRange: RenderRangeType;
@@ -459,6 +461,7 @@ declare class MatrixBrain extends Logger implements IBrain {
         extraCells?: [number, number][] | undefined;
     }) => void;
     getRenderRangeCellCount: (range: TableRenderRange) => number;
+    getMaxCellCount: () => number;
     getExtraCells: () => [
         number,
         number
@@ -1569,6 +1572,7 @@ interface GridCellInterface<T_ADDITIONAL_CELL_INFO = any> {
     destroy(): void;
     onMount(callback: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>) => void): void;
     getAdditionalInfo(): T_ADDITIONAL_CELL_INFO | undefined;
+    isMounted(): boolean;
     ref: (htmlElement: HTMLElement) => void;
 }
 
@@ -1576,7 +1580,8 @@ declare type CellPos = [number, number];
 
 declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
     private matrix;
-    private matrixWithHistory;
+    private rowsWithCellsHistory;
+    private columnsWithCellsHistory;
     private cellToMatrixPosition;
     private pool;
     debugId: string;
@@ -1586,6 +1591,8 @@ declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
     set poolSize(cellCount: number);
     get poolSize(): number;
     getDetachedCell(): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
+    private clearCellFromMatrix;
+    private addCellToMatrix;
     private setCellPositionInMatrix;
     renderNodeAtCell(node: Renderable, cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>, cellPos: CellPos, additionalInfo?: T_ADDITIONAL_CELL_INFO): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
     getCellPosition(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): CellPos | null;
@@ -1617,12 +1624,13 @@ declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
     isColumnAttached(colIndex: number): boolean;
     detachRow(rowIndex: number): void;
     detachCol(colIndex: number): void;
-    detachCell(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): void;
+    detachCell(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): boolean;
     detachCells(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>): void;
     detachRowsStartingWith(rowIndex: number): void;
     detachColsStartingWith(colIndex: number): void;
     detachCellsStartingAt(cellPos: CellPos): void;
-    detachCellAt(cellPos: CellPos): void;
+    detachCellAt(cellPos: CellPos): boolean;
+    onCellAttachmentChange(callback: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>, attached: boolean) => void): VoidFn;
     getCellsOutsideRenderRange: (range: TableRenderRange) => Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>;
     getCellFromListForRow(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>, rowIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
     getCellFromListForColumn(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>, colIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
@@ -1630,6 +1638,7 @@ declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
     destroy(): void;
     reset(): void;
     makeDetachedCellsEmpty(): void;
+    withDetachedCells(fn: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>) => void): void;
 }
 
 /**
@@ -1642,6 +1651,7 @@ interface ListRowInterface {
     getNode(): Renderable;
     destroy(): void;
     onMount(callback: (row: ListRowInterface) => void): void;
+    isMounted(): boolean;
     ref: (htmlElement: HTMLElement) => void;
 }
 
@@ -1679,6 +1689,8 @@ declare class ListRowManager extends Logger {
     detachRow(row: ListRowInterface): void;
     renderNodeAtRow(node: Renderable, row: ListRowInterface, rowIndex: number): ListRowInterface;
     makeDetachedRowsEmpty(): void;
+    onRowAttachmentChange(callback: (row: ListRowInterface, attached: boolean) => void): VoidFn;
+    withDetachedRows(fn: (row: ListRowInterface) => void): void;
     destroy(): void;
     reset(): void;
 }
@@ -1689,6 +1701,7 @@ declare class GridRenderer extends Logger {
     protected destroyed: boolean;
     private scrolling;
     cellHoverClassNames: string[];
+    cellDetachedClassNames: string[];
     protected cellManager: GridCellManager<{
         renderRowIndex: number;
         renderColIndex: number;
@@ -1712,6 +1725,10 @@ declare class GridRenderer extends Logger {
         scrollTop?: boolean | undefined;
     }, zIndex: number | 'auto' | undefined | null) => void;
     constructor(brain: MatrixBrain, debugId?: string);
+    private onCellAttached;
+    private onCellDetached;
+    private onRowAttached;
+    private onRowDetached;
     getFullyVisibleRowsRange: () => {
         start: number;
         end: number;