react-virtuoso 3.1.4 → 4.0.0

package/dist/index.m.js

@@ -1,2 +1,3819 @@
-import{systemToComponent as t}from"@virtuoso.dev/react-urx";import*as e from"@virtuoso.dev/urx";import*as n from"react";import{useLayoutEffect as o,useEffect as r,useRef as i,useCallback as a,createElement as l,useContext as s}from"react";import{flushSync as u}from"react-dom";function c(){return c=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},c.apply(this,arguments)}function m(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)e.indexOf(n=i[o])>=0||(r[n]=t[n]);return r}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function f(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(n)return(n=n.call(t)).next.bind(n);if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return d(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var o=0;return function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p,h,g="undefined"!=typeof document?o:r;!function(t){t[t.DEBUG=0]="DEBUG",t[t.INFO=1]="INFO",t[t.WARN=2]="WARN",t[t.ERROR=3]="ERROR"}(h||(h={}));var v=((p={})[h.DEBUG]="debug",p[h.INFO]="log",p[h.WARN]="warn",p[h.ERROR]="error",p),S=e.system(function(){var t=e.statefulStream(h.ERROR);return{log:e.statefulStream(function(n,o,r){var i;void 0===r&&(r=h.INFO),r>=(null!=(i=("undefined"==typeof globalThis?window:globalThis).VIRTUOSO_LOG_LEVEL)?i:e.getValue(t))&&console[v[r]]("%creact-virtuoso: %c%s %o","color: #0253b3; font-weight: bold","color: initial",n,o)}),logLevel:t}},[],{singleton:!0});function C(t,e){void 0===e&&(e=!0);var n=i(null),o=function(t){};if("undefined"!=typeof ResizeObserver){var r=new ResizeObserver(function(e){var n=e[0].target;null!==n.offsetParent&&t(n)});o=function(t){t&&e?(r.observe(t),n.current=t):(n.current&&r.unobserve(n.current),n.current=null)}}return{ref:n,callbackRef:o}}function I(t,e){return void 0===e&&(e=!0),C(t,e).callbackRef}function T(t,e,n,o,r,i,a){return C(function(n){for(var l=function(t,e,n,o){var r=t.length;if(0===r)return null;for(var i=[],a=0;a<r;a++){var l=t.item(a);if(l&&void 0!==l.dataset.index){var s=parseInt(l.dataset.index),u=parseFloat(l.dataset.knownSize),c=e(l,"offsetHeight");if(0===c&&o("Zero-sized element, this should not happen",{child:l},h.ERROR),c!==u){var m=i[i.length-1];0===i.length||m.size!==c||m.endIndex!==s-1?i.push({startIndex:s,endIndex:s,size:c}):i[i.length-1].endIndex++}}}return i}(n.children,e,0,r),s=n.parentElement;!s.dataset.virtuosoScroller;)s=s.parentElement;var u="window"===s.firstElementChild.dataset.viewportType,c=a?a.scrollTop:u?window.pageYOffset||document.documentElement.scrollTop:s.scrollTop,m=a?a.scrollHeight:u?document.documentElement.scrollHeight:s.scrollHeight,d=a?a.offsetHeight:u?window.innerHeight:s.offsetHeight;o({scrollTop:Math.max(c,0),scrollHeight:m,viewportHeight:d}),null==i||i(function(t,e,n){return"normal"===e||null!=e&&e.endsWith("px")||n("row-gap was not resolved to pixel value correctly",e,h.WARN),"normal"===e?0:parseInt(null!=e?e:"0",10)}(0,getComputedStyle(n).rowGap,r)),null!==l&&t(l)},n)}function w(t,e){return Math.round(t.getBoundingClientRect()[e])}function x(t,e){return Math.abs(t-e)<1.01}function b(t,n,o,l,s){void 0===l&&(l=e.noop);var c=i(null),m=i(null),d=i(null),f=i(!1),p=a(function(e){var o=e.target,r=o===window||o===document,i=r?window.pageYOffset||document.documentElement.scrollTop:o.scrollTop,a=r?document.documentElement.scrollHeight:o.scrollHeight,l=r?window.innerHeight:o.offsetHeight,s=function(){t({scrollTop:Math.max(i,0),scrollHeight:a,viewportHeight:l})};f.current?u(s):s(),f.current=!1,null!==m.current&&(i===m.current||i<=0||i===a-l)&&(m.current=null,n(!0),d.current&&(clearTimeout(d.current),d.current=null))},[t,n]);return r(function(){var t=s||c.current;return l(s||c.current),p({target:t}),t.addEventListener("scroll",p,{passive:!0}),function(){l(null),t.removeEventListener("scroll",p)}},[c,p,o,l,s]),{scrollerRef:c,scrollByCallback:function(t){f.current=!0,c.current.scrollBy(t)},scrollToCallback:function(e){var o=c.current;if(o&&(!("offsetHeight"in o)||0!==o.offsetHeight)){var r,i,a,l="smooth"===e.behavior;if(o===window?(i=Math.max(w(document.documentElement,"height"),document.documentElement.scrollHeight),r=window.innerHeight,a=document.documentElement.scrollTop):(i=o.scrollHeight,r=w(o,"height"),a=o.scrollTop),e.top=Math.ceil(Math.max(Math.min(i-r,e.top),0)),x(r,i)||e.top===a)return t({scrollTop:a,scrollHeight:i,viewportHeight:r}),void(l&&n(!0));l?(m.current=e.top,d.current&&clearTimeout(d.current),d.current=setTimeout(function(){d.current=null,m.current=null,n(!0)},1e3)):m.current=null,o.scrollTo(e)}}}}var y=e.system(function(){var t=e.stream(),n=e.stream(),o=e.statefulStream(0),r=e.stream(),i=e.statefulStream(0),a=e.stream(),l=e.stream(),s=e.statefulStream(0),u=e.statefulStream(0),c=e.statefulStream(0),m=e.statefulStream(0),d=e.stream(),f=e.stream(),p=e.statefulStream(!1),h=e.statefulStream(!1);return e.connect(e.pipe(t,e.map(function(t){return t.scrollTop})),n),e.connect(e.pipe(t,e.map(function(t){return t.scrollHeight})),l),e.connect(n,i),{scrollContainerState:t,scrollTop:n,viewportHeight:a,headerHeight:s,fixedHeaderHeight:u,fixedFooterHeight:c,footerHeight:m,scrollHeight:l,smoothScrollTargetReached:r,react18ConcurrentRendering:h,scrollTo:d,scrollBy:f,statefulScrollTop:i,deviation:o,scrollingInProgress:p}},[],{singleton:!0}),H={lvl:0};function E(t,e,n,o,r){return void 0===o&&(o=H),void 0===r&&(r=H),{k:t,v:e,lvl:n,l:o,r:r}}function R(t){return t===H}function L(){return H}function F(t,e){if(R(t))return H;var n=t.k,o=t.l,r=t.r;if(e===n){if(R(o))return r;if(R(r))return o;var i=O(o);return U(W(t,{k:i[0],v:i[1],l:M(o)}))}return U(W(t,e<n?{l:F(o,e)}:{r:F(r,e)}))}function k(t,e,n){if(void 0===n&&(n="k"),R(t))return[-Infinity,void 0];if(t[n]===e)return[t.k,t.v];if(t[n]<e){var o=k(t.r,e,n);return-Infinity===o[0]?[t.k,t.v]:o}return k(t.l,e,n)}function z(t,e,n){return R(t)?E(e,n,1):e===t.k?W(t,{k:e,v:n}):function(t){return D(G(t))}(W(t,e<t.k?{l:z(t.l,e,n)}:{r:z(t.r,e,n)}))}function B(t,e,n){if(R(t))return[];var o=t.k,r=t.v,i=t.r,a=[];return o>e&&(a=a.concat(B(t.l,e,n))),o>=e&&o<=n&&a.push({k:o,v:r}),o<=n&&(a=a.concat(B(i,e,n))),a}function P(t){return R(t)?[]:[].concat(P(t.l),[{k:t.k,v:t.v}],P(t.r))}function O(t){return R(t.r)?[t.k,t.v]:O(t.r)}function M(t){return R(t.r)?t.l:U(W(t,{r:M(t.r)}))}function W(t,e){return E(void 0!==e.k?e.k:t.k,void 0!==e.v?e.v:t.v,void 0!==e.lvl?e.lvl:t.lvl,void 0!==e.l?e.l:t.l,void 0!==e.r?e.r:t.r)}function V(t){return R(t)||t.lvl>t.r.lvl}function U(t){var e=t.l,n=t.r,o=t.lvl;if(n.lvl>=o-1&&e.lvl>=o-1)return t;if(o>n.lvl+1){if(V(e))return G(W(t,{lvl:o-1}));if(R(e)||R(e.r))throw new Error("Unexpected empty nodes");return W(e.r,{l:W(e,{r:e.r.l}),r:W(t,{l:e.r.r,lvl:o-1}),lvl:o})}if(V(t))return D(W(t,{lvl:o-1}));if(R(n)||R(n.l))throw new Error("Unexpected empty nodes");var r=n.l,i=V(r)?n.lvl-1:n.lvl;return W(r,{l:W(t,{r:r.l,lvl:o-1}),r:D(W(n,{l:r.r,lvl:i})),lvl:r.lvl+1})}function A(t,e,n){return R(t)?[]:N(B(t,k(t,e)[0],n),function(t){return{index:t.k,value:t.v}})}function N(t,e){var n=t.length;if(0===n)return[];for(var o=e(t[0]),r=o.index,i=o.value,a=[],l=1;l<n;l++){var s=e(t[l]),u=s.index,c=s.value;a.push({start:r,end:u-1,value:i}),r=u,i=c}return a.push({start:r,end:Infinity,value:i}),a}function D(t){var e=t.r,n=t.lvl;return R(e)||R(e.r)||e.lvl!==n||e.r.lvl!==n?t:W(e,{l:W(t,{r:e.l}),lvl:n+1})}function G(t){var e=t.l;return R(e)||e.lvl!==t.lvl?t:W(e,{r:W(t,{l:e.r})})}function _(t,e,n,o){void 0===o&&(o=0);for(var r=t.length-1;o<=r;){var i=Math.floor((o+r)/2),a=n(t[i],e);if(0===a)return i;if(-1===a){if(r-o<2)return i-1;r=i-1}else{if(r===o)return i;o=i+1}}throw new Error("Failed binary finding record in array - "+t.join(",")+", searched for "+e)}function j(t,e,n){return t[_(t,e,n)]}var K=e.system(function(){return{recalcInProgress:e.statefulStream(!1)}},[],{singleton:!0});function Y(t){var e=t.size,n=t.startIndex,o=t.endIndex;return function(t){return t.start===n&&(t.end===o||Infinity===t.end)&&t.value===e}}function q(t,e){var n=t.index;return e===n?0:e<n?-1:1}function Z(t,e){var n=t.offset;return e===n?0:e<n?-1:1}function J(t){return{index:t.index,value:t}}function $(t,e,n,o){var r=t,i=0,a=0,l=0,s=0;if(0!==e){l=r[s=_(r,e-1,q)].offset;var u=k(n,e-1);i=u[0],a=u[1],r.length&&r[s].size===k(n,e)[1]&&(s-=1),r=r.slice(0,s+1)}else r=[];for(var c,m=f(A(n,e,Infinity));!(c=m()).done;){var d=c.value,p=d.start,h=d.value,g=p-i,v=g*a+l+g*o;r.push({offset:v,size:h,index:p}),i=p,l=v,a=h}return{offsetTree:r,lastIndex:i,lastOffset:l,lastSize:a}}function Q(t,e){var n=e[0],o=e[1],r=e[3];n.length>0&&(0,e[2])("received item sizes",n,h.DEBUG);var i=t.sizeTree,a=i,l=0;if(o.length>0&&R(i)&&2===n.length){var s=n[0].size,u=n[1].size;a=o.reduce(function(t,e){return z(z(t,e,s),e+1,u)},a)}else{var c=function(t,e){for(var n,o=R(t)?0:Infinity,r=f(e);!(n=r()).done;){var i=n.value,a=i.size,l=i.startIndex,s=i.endIndex;if(o=Math.min(o,l),R(t))t=z(t,0,a);else{var u=A(t,l-1,s+1);if(!u.some(Y(i))){for(var c,m=!1,d=!1,p=f(u);!(c=p()).done;){var h=c.value,g=h.start,v=h.end,S=h.value;m?(s>=g||a===S)&&(t=F(t,g)):(d=S!==a,m=!0),v>s&&s>=g&&S!==a&&(t=z(t,s+1,S))}d&&(t=z(t,l,a))}}}return[t,o]}(a,n);a=c[0],l=c[1]}if(a===i)return t;var m=$(t.offsetTree,l,a,r),d=m.offsetTree;return{sizeTree:a,offsetTree:d,lastIndex:m.lastIndex,lastOffset:m.lastOffset,lastSize:m.lastSize,groupOffsetTree:o.reduce(function(t,e){return z(t,e,X(e,d,r))},L()),groupIndices:o}}function X(t,e,n){if(0===e.length)return 0;var o=j(e,t,q),r=t-o.index,i=o.size*r+(r-1)*n+o.offset;return i>0?i+n:i}function tt(t,e,n){if(function(t){return void 0!==t.groupIndex}(t))return e.groupIndices[t.groupIndex]+1;var o=et("LAST"===t.index?n:t.index,e);return Math.max(0,o,Math.min(n,o))}function et(t,e){if(!nt(e))return t;for(var n=0;e.groupIndices[n]<=t+n;)n++;return t+n}function nt(t){return!R(t.groupOffsetTree)}var ot={offsetHeight:"height",offsetWidth:"width"},rt=e.system(function(t){var n=t[0].log,o=t[1].recalcInProgress,r=e.stream(),i=e.stream(),a=e.statefulStreamFromEmitter(i,0),l=e.stream(),s=e.stream(),u=e.statefulStream(0),m=e.statefulStream([]),d=e.statefulStream(void 0),f=e.statefulStream(void 0),p=e.statefulStream(function(t,e){return w(t,ot[e])}),g=e.statefulStream(void 0),v=e.statefulStream(0),S={offsetTree:[],sizeTree:L(),groupOffsetTree:L(),lastIndex:0,lastOffset:0,lastSize:0,groupIndices:[]},C=e.statefulStreamFromEmitter(e.pipe(r,e.withLatestFrom(m,n,v),e.scan(Q,S),e.distinctUntilChanged()),S);e.connect(e.pipe(m,e.filter(function(t){return t.length>0}),e.withLatestFrom(C,v),e.map(function(t){var e=t[0],n=t[1],o=t[2],r=e.reduce(function(t,e,r){return z(t,e,X(e,n.offsetTree,o)||r)},L());return c({},n,{groupIndices:e,groupOffsetTree:r})})),C),e.connect(e.pipe(i,e.withLatestFrom(C),e.filter(function(t){return t[0]<t[1].lastIndex}),e.map(function(t){var e=t[1];return[{startIndex:t[0],endIndex:e.lastIndex,size:e.lastSize}]})),r),e.connect(d,f);var I=e.statefulStreamFromEmitter(e.pipe(d,e.map(function(t){return void 0===t})),!0);e.connect(e.pipe(f,e.filter(function(t){return void 0!==t&&R(e.getValue(C).sizeTree)}),e.map(function(t){return[{startIndex:0,endIndex:0,size:t}]})),r);var T=e.streamFromEmitter(e.pipe(r,e.withLatestFrom(C),e.scan(function(t,e){var n=e[1];return{changed:n!==t.sizes,sizes:n}},{changed:!1,sizes:S}),e.map(function(t){return t.changed})));e.subscribe(e.pipe(u,e.scan(function(t,e){return{diff:t.prev-e,prev:e}},{diff:0,prev:0}),e.map(function(t){return t.diff})),function(t){t>0?(e.publish(o,!0),e.publish(l,t)):t<0&&e.publish(s,t)}),e.subscribe(e.pipe(u,e.withLatestFrom(n)),function(t){t[0]<0&&(0,t[1])("`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",{firstItemIndex:u},h.ERROR)});var x=e.streamFromEmitter(l);e.connect(e.pipe(l,e.withLatestFrom(C),e.map(function(t){var e=t[0],n=t[1];if(n.groupIndices.length>0)throw new Error("Virtuoso: prepending items does not work with groups");return P(n.sizeTree).reduce(function(t,n){var o=n.k,r=n.v;return{ranges:[].concat(t.ranges,[{startIndex:t.prevIndex,endIndex:o+e-1,size:t.prevSize}]),prevIndex:o+e,prevSize:r}},{ranges:[],prevIndex:0,prevSize:n.lastSize}).ranges})),r);var b=e.streamFromEmitter(e.pipe(s,e.withLatestFrom(C,v),e.map(function(t){return X(-t[0],t[1].offsetTree,t[2])})));return e.connect(e.pipe(s,e.withLatestFrom(C,v),e.map(function(t){var e=t[0],n=t[1],o=t[2];if(n.groupIndices.length>0)throw new Error("Virtuoso: shifting items does not work with groups");var r=P(n.sizeTree).reduce(function(t,n){var o=n.v;return z(t,Math.max(0,n.k+e),o)},L());return c({},n,{sizeTree:r},$(n.offsetTree,0,r,o))})),C),{data:g,totalCount:i,sizeRanges:r,groupIndices:m,defaultItemSize:f,fixedItemSize:d,unshiftWith:l,shiftWith:s,shiftWithOffset:b,beforeUnshiftWith:x,firstItemIndex:u,gap:v,sizes:C,listRefresh:T,statefulTotalCount:a,trackItemSizes:I,itemSize:p}},e.tup(S,K),{singleton:!0}),it="undefined"!=typeof document&&"scrollBehavior"in document.documentElement.style;function at(t){var e="number"==typeof t?{index:t}:t;return e.align||(e.align="start"),e.behavior&&it||(e.behavior="auto"),e.offset||(e.offset=0),e}var lt=e.system(function(t){var n=t[0],o=n.sizes,r=n.totalCount,i=n.listRefresh,a=n.gap,l=t[1],s=l.scrollingInProgress,u=l.viewportHeight,c=l.scrollTo,m=l.smoothScrollTargetReached,d=l.headerHeight,f=l.footerHeight,p=l.fixedHeaderHeight,g=l.fixedFooterHeight,v=t[2].log,S=e.stream(),C=e.statefulStream(0),I=null,T=null,w=null;function x(){I&&(I(),I=null),w&&(w(),w=null),T&&(clearTimeout(T),T=null),e.publish(s,!1)}return e.connect(e.pipe(S,e.withLatestFrom(o,u,r,C,d,f,v),e.withLatestFrom(a,p,g),e.map(function(t){var n=t[0],o=n[0],r=n[1],a=n[2],l=n[3],u=n[4],c=n[5],d=n[6],f=n[7],p=t[1],g=t[2],v=t[3],C=at(o),b=C.align,y=C.behavior,H=C.offset,E=l-1,R=tt(C,r,E),L=X(R,r.offsetTree,p)+c;"end"===b?(L+=g+k(r.sizeTree,R)[1]-a+v,R===E&&(L+=d)):"center"===b?L+=(g+k(r.sizeTree,R)[1]-a+v)/2:L-=u,H&&(L+=H);var F=function(t){x(),t?(f("retrying to scroll to",{location:o},h.DEBUG),e.publish(S,o)):f("list did not change, scroll successful",{},h.DEBUG)};if(x(),"smooth"===y){var z=!1;w=e.subscribe(i,function(t){z=z||t}),I=e.handleNext(m,function(){F(z)})}else I=e.handleNext(e.pipe(i,function(t){var e=setTimeout(function(){t(!1)},150);return function(n){n&&(t(!0),clearTimeout(e))}}),F);return T=setTimeout(function(){x()},1200),e.publish(s,!0),f("scrolling from index to",{index:R,top:L,behavior:y},h.DEBUG),{top:L,behavior:y}})),c),{scrollToIndex:S,topListHeight:C}},e.tup(rt,y,S),{singleton:!0}),st="up",ut={atBottom:!1,notAtBottomBecause:"NOT_SHOWING_LAST_ITEM",state:{offsetBottom:0,scrollTop:0,viewportHeight:0,scrollHeight:0}},ct=e.system(function(t){var n=t[0],o=n.scrollContainerState,r=n.scrollTop,i=n.viewportHeight,a=n.headerHeight,l=n.footerHeight,s=n.scrollBy,u=e.statefulStream(!1),c=e.statefulStream(!0),m=e.stream(),d=e.stream(),f=e.statefulStream(4),p=e.statefulStream(0),h=e.statefulStreamFromEmitter(e.pipe(e.merge(e.pipe(e.duc(r),e.skip(1),e.mapTo(!0)),e.pipe(e.duc(r),e.skip(1),e.mapTo(!1),e.debounceTime(100))),e.distinctUntilChanged()),!1),g=e.statefulStreamFromEmitter(e.pipe(e.merge(e.pipe(s,e.mapTo(!0)),e.pipe(s,e.mapTo(!1),e.debounceTime(200))),e.distinctUntilChanged()),!1);e.connect(e.pipe(e.combineLatest(e.duc(r),e.duc(p)),e.map(function(t){return t[0]<=t[1]}),e.distinctUntilChanged()),c),e.connect(e.pipe(c,e.throttleTime(50)),d);var v=e.streamFromEmitter(e.pipe(e.combineLatest(o,e.duc(i),e.duc(a),e.duc(l),e.duc(f)),e.scan(function(t,e){var n,o,r=e[0],i=r.scrollTop,a=r.scrollHeight,l=e[1],s={viewportHeight:l,scrollTop:i,scrollHeight:a};return i+l-a>-e[4]?(i>t.state.scrollTop?(n="SCROLLED_DOWN",o=t.state.scrollTop-i):(n="SIZE_DECREASED",o=t.state.scrollTop-i||t.scrollTopDelta),{atBottom:!0,state:s,atBottomBecause:n,scrollTopDelta:o}):{atBottom:!1,notAtBottomBecause:s.scrollHeight>t.state.scrollHeight?"SIZE_INCREASED":l<t.state.viewportHeight?"VIEWPORT_HEIGHT_DECREASING":i<t.state.scrollTop?"SCROLLING_UPWARDS":"NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM",state:s}},ut),e.distinctUntilChanged(function(t,e){return t&&t.atBottom===e.atBottom}))),S=e.statefulStreamFromEmitter(e.pipe(o,e.scan(function(t,e){var n=e.scrollTop,o=e.scrollHeight,r=e.viewportHeight;return x(t.scrollHeight,o)?{scrollTop:n,scrollHeight:o,jump:0,changed:!1}:t.scrollTop!==n&&o-(n+r)<1?{scrollHeight:o,scrollTop:n,jump:t.scrollTop-n,changed:!0}:{scrollHeight:o,scrollTop:n,jump:0,changed:!0}},{scrollHeight:0,jump:0,scrollTop:0,changed:!1}),e.filter(function(t){return t.changed}),e.map(function(t){return t.jump})),0);e.connect(e.pipe(v,e.map(function(t){return t.atBottom})),u),e.connect(e.pipe(u,e.throttleTime(50)),m);var C=e.statefulStream("down");e.connect(e.pipe(o,e.map(function(t){return t.scrollTop}),e.distinctUntilChanged(),e.scan(function(t,n){return e.getValue(g)?{direction:t.direction,prevScrollTop:n}:{direction:n<t.prevScrollTop?st:"down",prevScrollTop:n}},{direction:"down",prevScrollTop:0}),e.map(function(t){return t.direction})),C),e.connect(e.pipe(o,e.throttleTime(50),e.mapTo("none")),C);var I=e.statefulStream(0);return e.connect(e.pipe(h,e.filter(function(t){return!t}),e.mapTo(0)),I),e.connect(e.pipe(r,e.throttleTime(100),e.withLatestFrom(h),e.filter(function(t){return!!t[1]}),e.scan(function(t,e){return[t[1],e[0]]},[0,0]),e.map(function(t){return t[1]-t[0]})),I),{isScrolling:h,isAtTop:c,isAtBottom:u,atBottomState:v,atTopStateChange:d,atBottomStateChange:m,scrollDirection:C,atBottomThreshold:f,atTopThreshold:p,scrollVelocity:I,lastJumpDueToItemResize:S}},e.tup(y)),mt=e.system(function(t){var n=t[0].log,o=e.statefulStream(!1),r=e.streamFromEmitter(e.pipe(o,e.filter(function(t){return t}),e.distinctUntilChanged()));return e.subscribe(o,function(t){t&&e.getValue(n)("props updated",{},h.DEBUG)}),{propsReady:o,didMount:r}},e.tup(S),{singleton:!0}),dt=e.system(function(t){var n=t[0],o=n.sizes,r=n.listRefresh,i=n.defaultItemSize,a=t[1].scrollTop,l=t[2].scrollToIndex,s=t[3].didMount,u=e.statefulStream(!0),c=e.statefulStream(0);return e.connect(e.pipe(s,e.withLatestFrom(c),e.filter(function(t){return!!t[1]}),e.mapTo(!1)),u),e.subscribe(e.pipe(e.combineLatest(r,s),e.withLatestFrom(u,o,i),e.filter(function(t){var e=t[1],n=t[3];return t[0][1]&&(!R(t[2].sizeTree)||void 0!==n)&&!e}),e.withLatestFrom(c)),function(t){var n=t[1];setTimeout(function(){e.handleNext(a,function(){e.publish(u,!0)}),e.publish(l,n)})}),{scrolledToInitialItem:u,initialTopMostItemIndex:c}},e.tup(rt,y,lt,mt),{singleton:!0});function ft(t){return!!t&&("smooth"===t?"smooth":"auto")}var pt=e.system(function(t){var n=t[0],o=n.totalCount,r=n.listRefresh,i=t[1],a=i.isAtBottom,l=i.atBottomState,s=t[2].scrollToIndex,u=t[3].scrolledToInitialItem,c=t[4],m=c.propsReady,d=c.didMount,f=t[5].log,p=t[6].scrollingInProgress,g=e.statefulStream(!1),v=e.stream(),S=null;function C(t){e.publish(s,{index:"LAST",align:"end",behavior:t})}function I(t){var n=e.handleNext(l,function(n){!t||n.atBottom||"SIZE_INCREASED"!==n.notAtBottomBecause||S||(e.getValue(f)("scrolling to bottom due to increased size",{},h.DEBUG),C("auto"))});setTimeout(n,100)}return e.subscribe(e.pipe(e.combineLatest(e.pipe(e.duc(o),e.skip(1)),d),e.withLatestFrom(e.duc(g),a,u,p),e.map(function(t){var e=t[0],n=e[0],o=e[1]&&t[3],r="auto";return o&&(r=function(t,e){return"function"==typeof t?ft(t(e)):e&&ft(t)}(t[1],t[2]||t[4]),o=o&&!!r),{totalCount:n,shouldFollow:o,followOutputBehavior:r}}),e.filter(function(t){return t.shouldFollow})),function(t){var n=t.totalCount,o=t.followOutputBehavior;S&&(S(),S=null),S=e.handleNext(r,function(){e.getValue(f)("following output to ",{totalCount:n},h.DEBUG),C(o),S=null})}),e.subscribe(e.pipe(e.combineLatest(e.duc(g),o,m),e.filter(function(t){return t[0]&&t[2]}),e.scan(function(t,e){var n=e[1];return{refreshed:t.value===n,value:n}},{refreshed:!1,value:0}),e.filter(function(t){return t.refreshed}),e.withLatestFrom(g,o)),function(t){I(!1!==t[1])}),e.subscribe(v,function(){I(!1!==e.getValue(g))}),e.subscribe(e.combineLatest(e.duc(g),l),function(t){var e=t[1];t[0]&&!e.atBottom&&"VIEWPORT_HEIGHT_DECREASING"===e.notAtBottomBecause&&C("auto")}),{followOutput:g,autoscrollToBottom:v}},e.tup(rt,ct,lt,dt,mt,S,y));function ht(t){return t.reduce(function(t,e){return t.groupIndices.push(t.totalCount),t.totalCount+=e+1,t},{totalCount:0,groupIndices:[]})}var gt=e.system(function(t){var n=t[0],o=n.totalCount,r=n.groupIndices,i=n.sizes,a=t[1],l=a.scrollTop,s=a.headerHeight,u=e.stream(),c=e.stream(),m=e.streamFromEmitter(e.pipe(u,e.map(ht)));return e.connect(e.pipe(m,e.map(function(t){return t.totalCount})),o),e.connect(e.pipe(m,e.map(function(t){return t.groupIndices})),r),e.connect(e.pipe(e.combineLatest(l,i,s),e.filter(function(t){return nt(t[1])}),e.map(function(t){return k(t[1].groupOffsetTree,Math.max(t[0]-t[2],0),"v")[0]}),e.distinctUntilChanged(),e.map(function(t){return[t]})),c),{groupCounts:u,topItemsIndexes:c}},e.tup(rt,y));function vt(t,e){return!(!t||t[0]!==e[0]||t[1]!==e[1])}function St(t,e){return!(!t||t.startIndex!==e.startIndex||t.endIndex!==e.endIndex)}function Ct(t,e,n){return"number"==typeof t?n===st&&"top"===e||"down"===n&&"bottom"===e?t:0:n===st?"top"===e?t.main:t.reverse:"bottom"===e?t.main:t.reverse}function It(t,e){return"number"==typeof t?t:t[e]||0}var Tt=e.system(function(t){var n=t[0],o=n.scrollTop,r=n.viewportHeight,i=n.deviation,a=n.headerHeight,l=n.fixedHeaderHeight,s=e.stream(),u=e.statefulStream(0),c=e.statefulStream(0),m=e.statefulStream(0),d=e.statefulStreamFromEmitter(e.pipe(e.combineLatest(e.duc(o),e.duc(r),e.duc(a),e.duc(s,vt),e.duc(m),e.duc(u),e.duc(l),e.duc(i),e.duc(c)),e.map(function(t){var e=t[0],n=t[1],o=t[2],r=t[3],i=r[0],a=r[1],l=t[4],s=t[6],u=t[7],c=t[8],m=e-u,d=t[5]+s,f=Math.max(o-m,0),p="none",h=It(c,"top"),g=It(c,"bottom");return i-=u,a+=o+s,(i+=o+s)>e+d-h&&(p=st),(a-=u)<e-f+n+g&&(p="down"),"none"!==p?[Math.max(m-o-Ct(l,"top",p)-h,0),m-f-s+n+Ct(l,"bottom",p)+g]:null}),e.filter(function(t){return null!=t}),e.distinctUntilChanged(vt)),[0,0]);return{listBoundary:s,overscan:m,topListHeight:u,increaseViewportBy:c,visibleRange:d}},e.tup(y),{singleton:!0}),wt={items:[],topItems:[],offsetTop:0,offsetBottom:0,top:0,bottom:0,topListHeight:0,totalCount:0,firstItemIndex:0};function xt(t,e,n){if(0===t.length)return[];if(!nt(e))return t.map(function(t){return c({},t,{index:t.index+n,originalIndex:t.index})});for(var o,r=[],i=A(e.groupOffsetTree,t[0].index,t[t.length-1].index),a=void 0,l=0,s=f(t);!(o=s()).done;){var u=o.value;(!a||a.end<u.index)&&(a=i.shift(),l=e.groupIndices.indexOf(a.start)),r.push(c({},u.index===a.start?{type:"group",index:l}:{index:u.index-(l+1)+n,groupIndex:l},{size:u.size,offset:u.offset,originalIndex:u.index,data:u.data}))}return r}function bt(t,e,n,o,r,i){var a=0,l=0;if(t.length>0){a=t[0].offset;var s=t[t.length-1];l=s.offset+s.size}var u=n-r.lastIndex,c=a,m=r.lastOffset+u*r.lastSize+(u-1)*o-l;return{items:xt(t,r,i),topItems:xt(e,r,i),topListHeight:e.reduce(function(t,e){return e.size+t},0),offsetTop:a,offsetBottom:m,top:c,bottom:l,totalCount:n,firstItemIndex:i}}var yt=e.system(function(t){var n=t[0],o=n.sizes,r=n.totalCount,i=n.data,a=n.firstItemIndex,l=n.gap,s=t[1],u=t[2],m=u.visibleRange,d=u.listBoundary,p=u.topListHeight,h=t[3],g=h.scrolledToInitialItem,v=h.initialTopMostItemIndex,S=t[4].topListHeight,C=t[5],I=t[6].didMount,T=t[7].recalcInProgress,w=e.statefulStream([]),x=e.stream();e.connect(s.topItemsIndexes,w);var b=e.statefulStreamFromEmitter(e.pipe(e.combineLatest(I,T,e.duc(m,vt),e.duc(r),e.duc(o),e.duc(v),g,e.duc(w),e.duc(a),e.duc(l),i),e.filter(function(t){return t[0]&&!t[1]}),e.map(function(t){var n=t[2],o=n[0],r=n[1],i=t[3],a=t[5],l=t[6],s=t[7],u=t[8],m=t[9],d=t[10],p=t[4],h=p.sizeTree,g=p.offsetTree;if(0===i||0===o&&0===r)return c({},wt,{totalCount:i});if(R(h))return bt(function(t,e,n){if(nt(e)){var o=et(t,e);return[{index:k(e.groupOffsetTree,o)[0],size:0,offset:0},{index:o,size:0,offset:0,data:n&&n[0]}]}return[{index:t,size:0,offset:0,data:n&&n[0]}]}(function(t,e){return"number"==typeof t?t:"LAST"===t.index?e-1:t.index}(a,i),p,d),[],i,m,p,u);var v=[];if(s.length>0)for(var S,C=s[0],I=s[s.length-1],T=0,w=f(A(h,C,I));!(S=w()).done;)for(var x=S.value,b=x.value,y=Math.max(x.start,C),H=Math.min(x.end,I),E=y;E<=H;E++)v.push({index:E,size:b,offset:T,data:d&&d[E]}),T+=b;if(!l)return bt([],v,i,m,p,u);var L=s.length>0?s[s.length-1]+1:0,F=function(t,e,n,o){return void 0===o&&(o=0),o>0&&(e=Math.max(e,j(t,o,q).offset)),N((i=n,l=_(r=t,e,a=Z),s=_(r,i,a,l),r.slice(l,s+1)),J);var r,i,a,l,s}(g,o,r,L);if(0===F.length)return null;var z=i-1;return bt(e.tap([],function(t){for(var e,n=f(F);!(e=n()).done;){var i=e.value,a=i.value,l=a.offset,s=i.start,u=a.size;if(a.offset<o){var c=(s+=Math.floor((o-a.offset+m)/(u+m)))-i.start;l+=c*u+c*m}s<L&&(l+=(L-s)*u,s=L);for(var p=Math.min(i.end,z),h=s;h<=p&&!(l>=r);h++)t.push({index:h,size:u,offset:l,data:d&&d[h]}),l+=u+m}}),v,i,m,p,u)}),e.filter(function(t){return null!==t}),e.distinctUntilChanged()),wt);return e.connect(e.pipe(i,e.filter(function(t){return void 0!==t}),e.map(function(t){return t.length})),r),e.connect(e.pipe(b,e.map(function(t){return t.topListHeight})),S),e.connect(S,p),e.connect(e.pipe(b,e.map(function(t){return[t.top,t.bottom]})),d),e.connect(e.pipe(b,e.map(function(t){return t.items})),x),c({listState:b,topItemsIndexes:w,endReached:e.streamFromEmitter(e.pipe(b,e.filter(function(t){return t.items.length>0}),e.withLatestFrom(r,i),e.filter(function(t){var e=t[0].items;return e[e.length-1].originalIndex===t[1]-1}),e.map(function(t){return[t[1]-1,t[2]]}),e.distinctUntilChanged(vt),e.map(function(t){return t[0]}))),startReached:e.streamFromEmitter(e.pipe(b,e.throttleTime(200),e.filter(function(t){var e=t.items;return e.length>0&&e[0].originalIndex===t.topItems.length}),e.map(function(t){return t.items[0].index}),e.distinctUntilChanged())),rangeChanged:e.streamFromEmitter(e.pipe(b,e.filter(function(t){return t.items.length>0}),e.map(function(t){for(var e=t.items,n=0,o=e.length-1;"group"===e[n].type&&n<o;)n++;for(;"group"===e[o].type&&o>n;)o--;return{startIndex:e[n].index,endIndex:e[o].index}}),e.distinctUntilChanged(St))),itemsRendered:x},C)},e.tup(rt,gt,Tt,dt,lt,ct,mt,K),{singleton:!0}),Ht=e.system(function(t){var n=t[0],o=n.sizes,r=n.firstItemIndex,i=n.data,a=n.gap,l=t[1].listState,s=t[2].didMount,u=e.statefulStream(0);return e.connect(e.pipe(s,e.withLatestFrom(u),e.filter(function(t){return 0!==t[1]}),e.withLatestFrom(o,r,a,i),e.map(function(t){var e=t[0][1],n=t[1],o=t[2],r=t[3],i=t[4],a=void 0===i?[]:i,l=0;if(n.groupIndices.length>0)for(var s,u=f(n.groupIndices);!((s=u()).done||s.value-l>=e);)l++;var c=e+l;return bt(Array.from({length:c}).map(function(t,e){return{index:e,size:0,offset:0,data:a[e]}}),[],c,r,n,o)})),l),{initialItemCount:u}},e.tup(rt,yt,mt),{singleton:!0}),Et=e.system(function(t){var n=t[0].scrollVelocity,o=e.statefulStream(!1),r=e.stream(),i=e.statefulStream(!1);return e.connect(e.pipe(n,e.withLatestFrom(i,o,r),e.filter(function(t){return!!t[1]}),e.map(function(t){var e=t[0],n=t[1],o=t[2],r=t[3],i=n.enter;if(o){if((0,n.exit)(e,r))return!1}else if(i(e,r))return!0;return o}),e.distinctUntilChanged()),o),e.subscribe(e.pipe(e.combineLatest(o,n,r),e.withLatestFrom(i)),function(t){var e=t[0],n=t[1];return e[0]&&n&&n.change&&n.change(e[1],e[2])}),{isSeeking:o,scrollSeekConfiguration:i,scrollVelocity:n,scrollSeekRangeChanged:r}},e.tup(ct),{singleton:!0}),Rt=e.system(function(t){var n=t[0].topItemsIndexes,o=e.statefulStream(0);return e.connect(e.pipe(o,e.filter(function(t){return t>0}),e.map(function(t){return Array.from({length:t}).map(function(t,e){return e})})),n),{topItemCount:o}},e.tup(yt)),Lt=e.system(function(t){var n=t[0],o=n.footerHeight,r=n.headerHeight,i=n.fixedHeaderHeight,a=n.fixedFooterHeight,l=t[1].listState,s=e.stream(),u=e.statefulStreamFromEmitter(e.pipe(e.combineLatest(o,a,r,i,l),e.map(function(t){var e=t[4];return t[0]+t[1]+t[2]+t[3]+e.offsetBottom+e.bottom})),0);return e.connect(e.duc(u),s),{totalListHeight:u,totalListHeightChanged:s}},e.tup(y,yt),{singleton:!0});function Ft(t){var e,n=!1;return function(){return n||(n=!0,e=t()),e}}var kt=Ft(function(){return/iP(ad|od|hone)/i.test(navigator.userAgent)&&/WebKit/i.test(navigator.userAgent)}),zt=e.system(function(t){var n=t[0],o=n.scrollBy,r=n.scrollTop,i=n.deviation,a=n.scrollingInProgress,l=t[1],s=l.isScrolling,u=l.isAtBottom,c=l.scrollDirection,m=t[3],d=m.beforeUnshiftWith,f=m.shiftWithOffset,p=m.sizes,g=m.gap,v=t[4].log,S=t[5].recalcInProgress,C=e.streamFromEmitter(e.pipe(t[2].listState,e.withLatestFrom(l.lastJumpDueToItemResize),e.scan(function(t,e){var n=t[1],o=e[0],r=o.items,i=o.totalCount,a=o.bottom+o.offsetBottom,l=0;return t[2]===i&&n.length>0&&r.length>0&&(0===r[0].originalIndex&&0===n[0].originalIndex||0!=(l=a-t[3])&&(l+=e[1])),[l,r,i,a]},[0,[],0,0]),e.filter(function(t){return 0!==t[0]}),e.withLatestFrom(r,c,a,u,v),e.filter(function(t){return!t[3]&&0!==t[1]&&t[2]===st}),e.map(function(t){var e=t[0][0];return(0,t[5])("Upward scrolling compensation",{amount:e},h.DEBUG),e})));function I(t){t>0?(e.publish(o,{top:-t,behavior:"auto"}),e.publish(i,0)):(e.publish(i,0),e.publish(o,{top:-t,behavior:"auto"}))}return e.subscribe(e.pipe(C,e.withLatestFrom(i,s)),function(t){var n=t[0],o=t[1];t[2]&&kt()?e.publish(i,o-n):I(-n)}),e.subscribe(e.pipe(e.combineLatest(e.statefulStreamFromEmitter(s,!1),i,S),e.filter(function(t){return!t[0]&&!t[2]&&0!==t[1]}),e.map(function(t){return t[1]}),e.throttleTime(1)),I),e.connect(e.pipe(f,e.map(function(t){return{top:-t}})),o),e.subscribe(e.pipe(d,e.withLatestFrom(p,g),e.map(function(t){var e=t[0];return e*t[1].lastSize+e*t[2]})),function(t){e.publish(i,t),requestAnimationFrame(function(){e.publish(o,{top:t}),requestAnimationFrame(function(){e.publish(i,0),e.publish(S,!1)})})}),{deviation:i}},e.tup(y,ct,yt,rt,S,K)),Bt=e.system(function(t){var n=t[0].totalListHeight,o=t[1].didMount,r=t[2].scrollTo,i=e.statefulStream(0);return e.subscribe(e.pipe(o,e.withLatestFrom(i),e.filter(function(t){return 0!==t[1]}),e.map(function(t){return{top:t[1]}})),function(t){e.handleNext(e.pipe(n,e.filter(function(t){return 0!==t})),function(){setTimeout(function(){e.publish(r,t)})})}),{initialScrollTop:i}},e.tup(Lt,mt,y),{singleton:!0}),Pt=e.system(function(t){var n=t[0].viewportHeight,o=t[1].totalListHeight,r=e.statefulStream(!1);return{alignToBottom:r,paddingTopAddition:e.statefulStreamFromEmitter(e.pipe(e.combineLatest(r,n,o),e.filter(function(t){return t[0]}),e.map(function(t){return Math.max(0,t[1]-t[2])}),e.distinctUntilChanged()),0)}},e.tup(y,Lt),{singleton:!0}),Ot=e.system(function(t){var n=t[0],o=n.scrollTo,r=n.scrollContainerState,i=e.stream(),a=e.stream(),l=e.stream(),s=e.statefulStream(!1),u=e.statefulStream(void 0);return e.connect(e.pipe(e.combineLatest(i,a),e.map(function(t){var e=t[0],n=e.viewportHeight,o=e.scrollHeight;return{scrollTop:Math.max(0,e.scrollTop-t[1].offsetTop),scrollHeight:o,viewportHeight:n}})),r),e.connect(e.pipe(o,e.withLatestFrom(a),e.map(function(t){var e=t[0];return c({},e,{top:e.top+t[1].offsetTop})})),l),{useWindowScroll:s,customScrollParent:u,windowScrollContainerState:i,windowViewportRect:a,windowScrollTo:l}},e.tup(y)),Mt=["done","behavior","align"],Wt=e.system(function(t){var n=t[0],o=n.sizes,r=n.totalCount,i=n.gap,a=t[1],l=a.scrollTop,s=a.viewportHeight,u=a.headerHeight,d=a.fixedHeaderHeight,f=a.fixedFooterHeight,p=a.scrollingInProgress,h=t[2].scrollToIndex,g=e.stream();return e.connect(e.pipe(g,e.withLatestFrom(o,s,r,u,d,f,l),e.withLatestFrom(i),e.map(function(t){var n=t[0],o=n[0],r=n[1],i=n[2],a=n[3],l=n[4],s=n[5],u=n[6],d=n[7],f=t[1],h=o.done,g=o.behavior,v=o.align,S=m(o,Mt),C=null,I=tt(o,r,a-1),T=X(I,r.offsetTree,f)+l+s;return T<d+s?C=c({},S,{behavior:g,align:null!=v?v:"start"}):T+k(r.sizeTree,I)[1]>d+i-u&&(C=c({},S,{behavior:g,align:null!=v?v:"end"})),C?h&&e.handleNext(e.pipe(p,e.skip(1),e.filter(function(t){return!1===t})),h):h&&h(),C}),e.filter(function(t){return null!==t})),h),{scrollIntoView:g}},e.tup(rt,y,lt,yt,S),{singleton:!0}),Vt=["listState","topItemsIndexes"],Ut=e.system(function(t){return c({},t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8])},e.tup(Tt,Ht,mt,Et,Lt,Bt,Pt,Ot,Wt)),At=e.system(function(t){var n=t[0],o=n.totalCount,r=n.sizeRanges,i=n.fixedItemSize,a=n.defaultItemSize,l=n.trackItemSizes,s=n.itemSize,u=n.data,d=n.firstItemIndex,f=n.groupIndices,p=n.statefulTotalCount,h=n.gap,g=t[1],v=g.initialTopMostItemIndex,S=g.scrolledToInitialItem,C=t[2],I=t[3],T=t[4],w=T.listState,x=T.topItemsIndexes,b=m(T,Vt),y=t[5].scrollToIndex,H=t[7].topItemCount,E=t[8].groupCounts,R=t[9],L=t[10];return e.connect(b.rangeChanged,R.scrollSeekRangeChanged),e.connect(e.pipe(R.windowViewportRect,e.map(function(t){return t.visibleHeight})),C.viewportHeight),c({totalCount:o,data:u,firstItemIndex:d,sizeRanges:r,initialTopMostItemIndex:v,scrolledToInitialItem:S,topItemsIndexes:x,topItemCount:H,groupCounts:E,fixedItemHeight:i,defaultItemHeight:a,gap:h},I,{statefulTotalCount:p,listState:w,scrollToIndex:y,trackItemSizes:l,itemSize:s,groupIndices:f},b,R,C,L)},e.tup(rt,dt,y,pt,yt,lt,zt,Rt,gt,Ut,S)),Nt=Ft(function(){if("undefined"==typeof document)return"sticky";var t=document.createElement("div");return t.style.position="-webkit-sticky","-webkit-sticky"===t.style.position?"-webkit-sticky":"sticky"});function Dt(t,e){var n=i(null),o=a(function(o){if(null!==o&&o.offsetParent){var r,i,a=o.getBoundingClientRect(),l=a.width;if(e){var s=e.getBoundingClientRect(),u=a.top-s.top;r=s.height-Math.max(0,u),i=u+e.scrollTop}else r=window.innerHeight-Math.max(0,a.top),i=a.top+window.pageYOffset;n.current={offsetTop:i,visibleHeight:r,visibleWidth:l},t(n.current)}},[t,e]),l=C(o),s=l.callbackRef,u=l.ref,c=a(function(){o(u.current)},[o,u]);return r(function(){if(e){e.addEventListener("scroll",c);var t=new ResizeObserver(c);return t.observe(e),function(){e.removeEventListener("scroll",c),t.unobserve(e)}}return window.addEventListener("scroll",c),window.addEventListener("resize",c),function(){window.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[c,e]),s}var Gt=n.createContext(void 0),_t=n.createContext(void 0),jt=["placeholder"],Kt=["style","children"],Yt=["style","children"];function qt(t){return t}var Zt=e.system(function(){var t=e.statefulStream(function(t){return"Item "+t}),n=e.statefulStream(null),o=e.statefulStream(function(t){return"Group "+t}),r=e.statefulStream({}),i=e.statefulStream(qt),a=e.statefulStream("div"),l=e.statefulStream(e.noop),s=function(t,n){return void 0===n&&(n=null),e.statefulStreamFromEmitter(e.pipe(r,e.map(function(e){return e[t]}),e.distinctUntilChanged()),n)};return{context:n,itemContent:t,groupContent:o,components:r,computeItemKey:i,headerFooterTag:a,scrollerRef:l,FooterComponent:s("Footer"),HeaderComponent:s("Header"),TopItemListComponent:s("TopItemList"),ListComponent:s("List","div"),ItemComponent:s("Item","div"),GroupComponent:s("Group","div"),ScrollerComponent:s("Scroller","div"),EmptyPlaceholder:s("EmptyPlaceholder"),ScrollSeekPlaceholder:s("ScrollSeekPlaceholder")}});function Jt(t,n){var o=e.stream();return e.subscribe(o,function(){return console.warn("react-virtuoso: You are using a deprecated property. "+n,"color: red;","color: inherit;","color: blue;")}),e.connect(o,t),o}var $t=e.system(function(t){var n=t[0],o=t[1],r={item:Jt(o.itemContent,"Rename the %citem%c prop to %citemContent."),group:Jt(o.groupContent,"Rename the %cgroup%c prop to %cgroupContent."),topItems:Jt(n.topItemCount,"Rename the %ctopItems%c prop to %ctopItemCount."),itemHeight:Jt(n.fixedItemHeight,"Rename the %citemHeight%c prop to %cfixedItemHeight."),scrollingStateChange:Jt(n.isScrolling,"Rename the %cscrollingStateChange%c prop to %cisScrolling."),adjustForPrependedItems:e.stream(),maxHeightCacheSize:e.stream(),footer:e.stream(),header:e.stream(),HeaderContainer:e.stream(),FooterContainer:e.stream(),ItemContainer:e.stream(),ScrollContainer:e.stream(),GroupContainer:e.stream(),ListContainer:e.stream(),emptyComponent:e.stream(),scrollSeek:e.stream()};function i(t,n,r){e.connect(e.pipe(t,e.withLatestFrom(o.components),e.map(function(t){var e,o=t[0],i=t[1];return console.warn("react-virtuoso: "+r+" property is deprecated. Pass components."+n+" instead."),c({},i,((e={})[n]=o,e))})),o.components)}return e.subscribe(r.adjustForPrependedItems,function(){console.warn("react-virtuoso: adjustForPrependedItems is no longer supported. Use the firstItemIndex property instead - https://virtuoso.dev/prepend-items.","color: red;","color: inherit;","color: blue;")}),e.subscribe(r.maxHeightCacheSize,function(){console.warn("react-virtuoso: maxHeightCacheSize is no longer necessary. Setting it has no effect - remove it from your code.")}),e.subscribe(r.HeaderContainer,function(){console.warn("react-virtuoso: HeaderContainer is deprecated. Use headerFooterTag if you want to change the wrapper of the header component and pass components.Header to change its contents.")}),e.subscribe(r.FooterContainer,function(){console.warn("react-virtuoso: FooterContainer is deprecated. Use headerFooterTag if you want to change the wrapper of the footer component and pass components.Footer to change its contents.")}),e.subscribe(r.scrollSeek,function(t){var r=t.placeholder,i=m(t,jt);console.warn("react-virtuoso: scrollSeek property is deprecated. Pass scrollSeekConfiguration and specify the placeholder in components.ScrollSeekPlaceholder instead."),e.publish(o.components,c({},e.getValue(o.components),{ScrollSeekPlaceholder:r})),e.publish(n.scrollSeekConfiguration,i)}),i(r.footer,"Footer","footer"),i(r.header,"Header","header"),i(r.ItemContainer,"Item","ItemContainer"),i(r.ListContainer,"List","ListContainer"),i(r.ScrollContainer,"Scroller","ScrollContainer"),i(r.emptyComponent,"EmptyPlaceholder","emptyComponent"),i(r.GroupContainer,"Group","GroupContainer"),c({},n,o,r)},e.tup(At,Zt)),Qt=function(t){return n.createElement("div",{style:{height:t.height}})},Xt={position:Nt(),zIndex:1,overflowAnchor:"none"},te={overflowAnchor:"none"},ee=n.memo(function(t){var o=t.showTopList,r=void 0!==o&&o,i=ge("listState"),a=he("sizeRanges"),s=ge("useWindowScroll"),u=ge("customScrollParent"),m=he("windowScrollContainerState"),d=he("scrollContainerState"),f=u||s?m:d,p=ge("itemContent"),h=ge("context"),g=ge("groupContent"),v=ge("trackItemSizes"),S=ge("itemSize"),C=ge("log"),I=he("gap"),w=T(a,S,v,r?e.noop:f,C,I,u).callbackRef,x=n.useState(0),b=x[0],y=x[1];ve("deviation",function(t){b!==t&&y(t)});var H=ge("EmptyPlaceholder"),E=ge("ScrollSeekPlaceholder")||Qt,R=ge("ListComponent"),L=ge("ItemComponent"),F=ge("GroupComponent"),k=ge("computeItemKey"),z=ge("isSeeking"),B=ge("groupIndices").length>0,P=ge("paddingTopAddition"),O=r?{}:{boxSizing:"border-box",paddingTop:i.offsetTop+P,paddingBottom:i.offsetBottom,marginTop:b};return!r&&0===i.totalCount&&H?l(H,ie(H,h)):l(R,c({},ie(R,h),{ref:w,style:O,"data-test-id":r?"virtuoso-top-item-list":"virtuoso-item-list"}),(r?i.topItems:i.items).map(function(t){var e=t.originalIndex,n=k(e+i.firstItemIndex,t.data,h);return z?l(E,c({},ie(E,h),{key:n,index:t.index,height:t.size,type:t.type||"item"},"group"===t.type?{}:{groupIndex:t.groupIndex})):"group"===t.type?l(F,c({},ie(F,h),{key:n,"data-index":e,"data-known-size":t.size,"data-item-index":t.index,style:Xt}),g(t.index)):l(L,c({},ie(L,h),{key:n,"data-index":e,"data-known-size":t.size,"data-item-index":t.index,"data-item-group-index":t.groupIndex,style:te}),B?p(t.index,t.groupIndex,t.data,h):p(t.index,t.data,h))}))}),ne={height:"100%",outline:"none",overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},oe={width:"100%",height:"100%",position:"absolute",top:0},re={width:"100%",position:Nt(),top:0};function ie(t,e){if("string"!=typeof t)return{context:e}}var ae=n.memo(function(){var t=ge("HeaderComponent"),e=he("headerHeight"),n=ge("headerFooterTag"),o=I(function(t){return e(w(t,"height"))}),r=ge("context");return t?l(n,{ref:o},l(t,ie(t,r))):null}),le=n.memo(function(){var t=ge("FooterComponent"),e=he("footerHeight"),n=ge("headerFooterTag"),o=I(function(t){return e(w(t,"height"))}),r=ge("context");return t?l(n,{ref:o},l(t,ie(t,r))):null});function se(t){var e=t.usePublisher,o=t.useEmitter,r=t.useEmitterValue;return n.memo(function(t){var n=t.style,i=t.children,a=m(t,Kt),s=e("scrollContainerState"),u=r("ScrollerComponent"),d=e("smoothScrollTargetReached"),f=r("scrollerRef"),p=r("context"),h=b(s,d,u,f),g=h.scrollerRef,v=h.scrollByCallback;return o("scrollTo",h.scrollToCallback),o("scrollBy",v),l(u,c({ref:g,style:c({},ne,n),"data-test-id":"virtuoso-scroller","data-virtuoso-scroller":!0,tabIndex:0},a,ie(u,p)),i)})}function ue(t){var o=t.usePublisher,r=t.useEmitter,i=t.useEmitterValue;return n.memo(function(t){var n=t.style,a=t.children,s=m(t,Yt),u=o("windowScrollContainerState"),d=i("ScrollerComponent"),f=o("smoothScrollTargetReached"),p=i("totalListHeight"),h=i("deviation"),v=i("customScrollParent"),S=i("context"),C=b(u,f,d,e.noop,v),I=C.scrollerRef,T=C.scrollByCallback,w=C.scrollToCallback;return g(function(){return I.current=v||window,function(){I.current=null}},[I,v]),r("windowScrollTo",w),r("scrollBy",T),l(d,c({style:c({position:"relative"},n,0!==p?{height:p+h}:{}),"data-virtuoso-scroller":!0},s,ie(d,S)),a)})}var ce=function(t){var o=t.children,r=s(Gt),i=he("viewportHeight"),a=he("fixedItemHeight"),l=I(e.compose(i,function(t){return w(t,"height")}));return n.useEffect(function(){r&&(i(r.viewportHeight),a(r.itemHeight))},[r,i,a]),n.createElement("div",{style:oe,ref:l,"data-viewport-type":"element"},o)},me=function(t){var e=t.children,o=s(Gt),r=he("windowViewportRect"),i=he("fixedItemHeight"),a=ge("customScrollParent"),l=Dt(r,a);return n.useEffect(function(){o&&(i(o.itemHeight),r({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}))},[o,r,i]),n.createElement("div",{ref:l,style:oe,"data-viewport-type":"window"},e)},de=function(t){var e=t.children,n=ge("TopItemListComponent"),o=ge("headerHeight"),r=c({},re,{marginTop:o+"px"}),i=ge("context");return l(n||"div",{style:r,context:i},e)},fe=t($t,{required:{},optional:{context:"context",followOutput:"followOutput",firstItemIndex:"firstItemIndex",itemContent:"itemContent",groupContent:"groupContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",topItemCount:"topItemCount",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",groupCounts:"groupCounts",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel",react18ConcurrentRendering:"react18ConcurrentRendering",item:"item",group:"group",topItems:"topItems",itemHeight:"itemHeight",scrollingStateChange:"scrollingStateChange",maxHeightCacheSize:"maxHeightCacheSize",footer:"footer",header:"header",ItemContainer:"ItemContainer",ScrollContainer:"ScrollContainer",ListContainer:"ListContainer",GroupContainer:"GroupContainer",emptyComponent:"emptyComponent",HeaderContainer:"HeaderContainer",FooterContainer:"FooterContainer",scrollSeek:"scrollSeek"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy",adjustForPrependedItems:"adjustForPrependedItems",autoscrollToBottom:"autoscrollToBottom"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},n.memo(function(t){var e=ge("useWindowScroll"),o=ge("topItemsIndexes").length>0,r=ge("customScrollParent"),i=r||e?me:ce;return n.createElement(r||e?Ce:Se,c({},t),n.createElement(i,null,n.createElement(ae,null),n.createElement(ee,null),n.createElement(le,null)),o&&n.createElement(de,null,n.createElement(ee,{showTopList:!0})))})),pe=fe.Component,he=fe.usePublisher,ge=fe.useEmitterValue,ve=fe.useEmitter,Se=se({usePublisher:he,useEmitterValue:ge,useEmitter:ve}),Ce=ue({usePublisher:he,useEmitterValue:ge,useEmitter:ve}),Ie={items:[],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},Te={items:[{index:0}],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},we=Math.round,xe=Math.ceil,be=Math.floor,ye=Math.min,He=Math.max;function Ee(t,e,n){return Array.from({length:e-t+1}).map(function(e,o){return{index:o+t,data:null==n?void 0:n[o+t]}})}function Re(t,e){return t&&t.column===e.column&&t.row===e.row}var Le=e.system(function(t){var n=t[0],o=n.overscan,r=n.visibleRange,i=n.listBoundary,a=t[1],l=a.scrollTop,s=a.viewportHeight,u=a.scrollBy,m=a.scrollTo,d=a.smoothScrollTargetReached,f=a.scrollContainerState,p=a.footerHeight,h=a.headerHeight,g=t[2],v=t[3],S=t[4],C=S.propsReady,I=S.didMount,T=t[5],w=T.windowViewportRect,x=T.windowScrollTo,b=T.useWindowScroll,y=T.customScrollParent,H=T.windowScrollContainerState,E=t[6],R=e.statefulStream(0),L=e.statefulStream(0),F=e.statefulStream(Ie),k=e.statefulStream({height:0,width:0}),z=e.statefulStream({height:0,width:0}),B=e.stream(),P=e.stream(),O=e.statefulStream(0),M=e.statefulStream(void 0),W=e.statefulStream({row:0,column:0});e.connect(e.pipe(e.combineLatest(I,L,M),e.filter(function(t){return 0!==t[1]}),e.map(function(t){return{items:Ee(0,t[1]-1,t[2]),top:0,bottom:0,offsetBottom:0,offsetTop:0,itemHeight:0,itemWidth:0}})),F),e.connect(e.pipe(e.combineLatest(e.duc(R),r,e.duc(W,Re),e.duc(z,function(t,e){return t&&t.width===e.width&&t.height===e.height}),M),e.withLatestFrom(k),e.map(function(t){var e=t[0],n=e[0],o=e[1],r=o[0],i=o[1],a=e[2],l=e[3],s=e[4],u=t[1],m=a.row,d=a.column,f=l.height,p=l.width,h=u.width;if(0===n||0===h)return Ie;if(0===p)return function(t){return c({},Te,{items:t})}(Ee(0,0,s));var g=ze(h,p,d),v=g*be((r+m)/(f+m)),S=g*xe((i+m)/(f+m))-1;S=ye(n-1,He(S,g-1));var C=Ee(v=ye(S,He(0,v)),S,s),I=Fe(u,a,l,C),T=I.top,w=I.bottom,x=xe(n/g);return{items:C,offsetTop:T,offsetBottom:x*f+(x-1)*m-w,top:T,bottom:w,itemHeight:f,itemWidth:p}})),F),e.connect(e.pipe(M,e.filter(function(t){return void 0!==t}),e.map(function(t){return t.length})),R),e.connect(e.pipe(k,e.map(function(t){return t.height})),s),e.connect(e.pipe(e.combineLatest(k,z,F,W),e.map(function(t){var e=Fe(t[0],t[3],t[1],t[2].items);return[e.top,e.bottom]}),e.distinctUntilChanged(vt)),i);var V=e.streamFromEmitter(e.pipe(e.duc(F),e.filter(function(t){return t.items.length>0}),e.withLatestFrom(R),e.filter(function(t){var e=t[0].items;return e[e.length-1].index===t[1]-1}),e.map(function(t){return t[1]-1}),e.distinctUntilChanged())),U=e.streamFromEmitter(e.pipe(e.duc(F),e.filter(function(t){var e=t.items;return e.length>0&&0===e[0].index}),e.mapTo(0),e.distinctUntilChanged())),A=e.streamFromEmitter(e.pipe(e.duc(F),e.filter(function(t){return t.items.length>0}),e.map(function(t){var e=t.items;return{startIndex:e[0].index,endIndex:e[e.length-1].index}}),e.distinctUntilChanged(St)));e.connect(A,v.scrollSeekRangeChanged),e.connect(e.pipe(B,e.withLatestFrom(k,z,R,W),e.map(function(t){var e=t[1],n=t[2],o=t[3],r=t[4],i=at(t[0]),a=i.align,l=i.behavior,s=i.offset,u=i.index;"LAST"===u&&(u=o-1);var c=ke(e,r,n,u=He(0,u,ye(o-1,u)));return"end"===a?c=we(c-e.height+n.height):"center"===a&&(c=we(c-e.height/2+n.height/2)),s&&(c+=s),{top:c,behavior:l}})),m);var N=e.statefulStreamFromEmitter(e.pipe(F,e.map(function(t){return t.offsetBottom+t.bottom})),0);return e.connect(e.pipe(w,e.map(function(t){return{width:t.visibleWidth,height:t.visibleHeight}})),k),c({data:M,totalCount:R,viewportDimensions:k,itemDimensions:z,scrollTop:l,scrollHeight:P,overscan:o,scrollBy:u,scrollTo:m,scrollToIndex:B,smoothScrollTargetReached:d,windowViewportRect:w,windowScrollTo:x,useWindowScroll:b,customScrollParent:y,windowScrollContainerState:H,deviation:O,scrollContainerState:f,footerHeight:p,headerHeight:h,initialItemCount:L,gap:W},v,{gridState:F,totalListHeight:N},g,{startReached:U,endReached:V,rangeChanged:A,propsReady:C},E)},e.tup(Tt,y,ct,Et,mt,Ot,S));function Fe(t,e,n,o){var r=n.height;return void 0===r||0===o.length?{top:0,bottom:0}:{top:ke(t,e,n,o[0].index),bottom:ke(t,e,n,o[o.length-1].index)+r}}function ke(t,e,n,o){var r=ze(t.width,n.width,e.column),i=be(o/r),a=i*n.height+He(0,i-1)*e.row;return a>0?a+e.row:a}function ze(t,e,n){return He(1,be((t+n)/(e+n)))}var Be=["placeholder"],Pe=e.system(function(){var t=e.statefulStream(function(t){return"Item "+t}),n=e.statefulStream({}),o=e.statefulStream(null),r=e.statefulStream("virtuoso-grid-item"),i=e.statefulStream("virtuoso-grid-list"),a=e.statefulStream(qt),l=e.statefulStream("div"),s=e.statefulStream(e.noop),u=function(t,o){return void 0===o&&(o=null),e.statefulStreamFromEmitter(e.pipe(n,e.map(function(e){return e[t]}),e.distinctUntilChanged()),o)};return{context:o,itemContent:t,components:n,computeItemKey:a,itemClassName:r,listClassName:i,headerFooterTag:l,scrollerRef:s,FooterComponent:u("Footer"),HeaderComponent:u("Header"),ListComponent:u("List","div"),ItemComponent:u("Item","div"),ScrollerComponent:u("Scroller","div"),ScrollSeekPlaceholder:u("ScrollSeekPlaceholder","div")}}),Oe=e.system(function(t){var n=t[0],o=t[1],r={item:Jt(o.itemContent,"Rename the %citem%c prop to %citemContent."),ItemContainer:e.stream(),ScrollContainer:e.stream(),ListContainer:e.stream(),emptyComponent:e.stream(),scrollSeek:e.stream()};function i(t,n,r){e.connect(e.pipe(t,e.withLatestFrom(o.components),e.map(function(t){var e,o=t[0],i=t[1];return console.warn("react-virtuoso: "+r+" property is deprecated. Pass components."+n+" instead."),c({},i,((e={})[n]=o,e))})),o.components)}return e.subscribe(r.scrollSeek,function(t){var r=t.placeholder,i=m(t,Be);console.warn("react-virtuoso: scrollSeek property is deprecated. Pass scrollSeekConfiguration and specify the placeholder in components.ScrollSeekPlaceholder instead."),e.publish(o.components,c({},e.getValue(o.components),{ScrollSeekPlaceholder:r})),e.publish(n.scrollSeekConfiguration,i)}),i(r.ItemContainer,"Item","ItemContainer"),i(r.ListContainer,"List","ListContainer"),i(r.ScrollContainer,"Scroller","ScrollContainer"),c({},n,o,r)},e.tup(Le,Pe)),Me=n.memo(function(){var t=_e("gridState"),e=_e("listClassName"),n=_e("itemClassName"),o=_e("itemContent"),r=_e("computeItemKey"),i=_e("isSeeking"),a=Ge("scrollHeight"),s=_e("ItemComponent"),u=_e("ListComponent"),m=_e("ScrollSeekPlaceholder"),d=_e("context"),f=Ge("itemDimensions"),p=Ge("gap"),h=_e("log"),g=I(function(t){a(t.parentElement.parentElement.scrollHeight);var e=t.firstChild;e&&f(e.getBoundingClientRect()),p({row:qe("row-gap",getComputedStyle(t).rowGap,h),column:qe("column-gap",getComputedStyle(t).columnGap,h)})});return l(u,c({ref:g,className:e},ie(u,d),{style:{paddingTop:t.offsetTop,paddingBottom:t.offsetBottom}}),t.items.map(function(e){var a=r(e.index,e.data,d);return i?l(m,c({key:a},ie(m,d),{index:e.index,height:t.itemHeight,width:t.itemWidth})):l(s,c({},ie(s,d),{className:n,"data-index":e.index,key:a}),o(e.index,e.data,d))}))}),We=n.memo(function(){var t=_e("HeaderComponent"),e=Ge("headerHeight"),n=_e("headerFooterTag"),o=I(function(t){return e(w(t,"height"))}),r=_e("context");return t?l(n,{ref:o},l(t,ie(t,r))):null}),Ve=n.memo(function(){var t=_e("FooterComponent"),e=Ge("footerHeight"),n=_e("headerFooterTag"),o=I(function(t){return e(w(t,"height"))}),r=_e("context");return t?l(n,{ref:o},l(t,ie(t,r))):null}),Ue=function(t){var e=t.children,o=s(_t),r=Ge("itemDimensions"),i=Ge("viewportDimensions"),a=I(function(t){i(t.getBoundingClientRect())});return n.useEffect(function(){o&&(i({height:o.viewportHeight,width:o.viewportWidth}),r({height:o.itemHeight,width:o.itemWidth}))},[o,i,r]),n.createElement("div",{style:oe,ref:a},e)},Ae=function(t){var e=t.children,o=s(_t),r=Ge("windowViewportRect"),i=Ge("itemDimensions"),a=_e("customScrollParent"),l=Dt(r,a);return n.useEffect(function(){o&&(i({height:o.itemHeight,width:o.itemWidth}),r({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:o.viewportWidth}))},[o,r,i]),n.createElement("div",{ref:l,style:oe},e)},Ne=t(Oe,{optional:{context:"context",totalCount:"totalCount",overscan:"overscan",itemContent:"itemContent",components:"components",computeItemKey:"computeItemKey",data:"data",initialItemCount:"initialItemCount",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",listClassName:"listClassName",itemClassName:"itemClassName",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",item:"item",ItemContainer:"ItemContainer",ScrollContainer:"ScrollContainer",ListContainer:"ListContainer",scrollSeek:"scrollSeek"},methods:{scrollTo:"scrollTo",scrollBy:"scrollBy",scrollToIndex:"scrollToIndex"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange"}},n.memo(function(t){var e=c({},t),o=_e("useWindowScroll"),r=_e("customScrollParent"),i=r||o?Ae:Ue;return n.createElement(r||o?Ye:Ke,c({},e),n.createElement(i,null,n.createElement(We,null),n.createElement(Me,null),n.createElement(Ve,null)))})),De=Ne.Component,Ge=Ne.usePublisher,_e=Ne.useEmitterValue,je=Ne.useEmitter,Ke=se({usePublisher:Ge,useEmitterValue:_e,useEmitter:je}),Ye=ue({usePublisher:Ge,useEmitterValue:_e,useEmitter:je});function qe(t,e,n){return"normal"===e||null!=e&&e.endsWith("px")||n(t+" was not resolved to pixel value correctly",e,h.WARN),"normal"===e?0:parseInt(null!=e?e:"0",10)}var Ze=e.system(function(){var t=e.statefulStream(function(t){return n.createElement("td",null,"Item $",t)}),o=e.statefulStream(null),r=e.statefulStream(null),i=e.statefulStream(null),a=e.statefulStream({}),l=e.statefulStream(qt),s=e.statefulStream(e.noop),u=function(t,n){return void 0===n&&(n=null),e.statefulStreamFromEmitter(e.pipe(a,e.map(function(e){return e[t]}),e.distinctUntilChanged()),n)};return{context:o,itemContent:t,fixedHeaderContent:r,fixedFooterContent:i,components:a,computeItemKey:l,scrollerRef:s,TableComponent:u("Table","table"),TableHeadComponent:u("TableHead","thead"),TableFooterComponent:u("TableFoot","tfoot"),TableBodyComponent:u("TableBody","tbody"),TableRowComponent:u("TableRow","tr"),ScrollerComponent:u("Scroller","div"),EmptyPlaceholder:u("EmptyPlaceholder"),ScrollSeekPlaceholder:u("ScrollSeekPlaceholder"),FillerRow:u("FillerRow")}}),Je=e.system(function(t){return c({},t[0],t[1])},e.tup(At,Ze)),$e=function(t){return n.createElement("tr",null,n.createElement("td",{style:{height:t.height}}))},Qe=function(t){return n.createElement("tr",null,n.createElement("td",{style:{height:t.height,padding:0,border:0}}))},Xe=n.memo(function(){var t=an("listState"),e=rn("sizeRanges"),o=an("useWindowScroll"),r=an("customScrollParent"),i=rn("windowScrollContainerState"),a=rn("scrollContainerState"),s=r||o?i:a,u=an("itemContent"),m=an("trackItemSizes"),d=T(e,an("itemSize"),m,s,an("log"),void 0,r),f=d.callbackRef,p=d.ref,h=n.useState(0),g=h[0],v=h[1];ln("deviation",function(t){g!==t&&(p.current.style.marginTop=t+"px",v(t))});var S=an("EmptyPlaceholder"),C=an("ScrollSeekPlaceholder")||$e,I=an("FillerRow")||Qe,w=an("TableBodyComponent"),x=an("TableRowComponent"),b=an("computeItemKey"),y=an("isSeeking"),H=an("paddingTopAddition"),E=an("firstItemIndex"),R=an("statefulTotalCount"),L=an("context");if(0===R&&S)return l(S,ie(S,L));var F=t.offsetTop+H+g,k=t.offsetBottom,z=F>0?n.createElement(I,{height:F,key:"padding-top"}):null,B=k>0?n.createElement(I,{height:k,key:"padding-bottom"}):null,P=t.items.map(function(t){var e=t.originalIndex,n=b(e+E,t.data,L);return y?l(C,c({},ie(C,L),{key:n,index:t.index,height:t.size,type:t.type||"item"})):l(x,c({},ie(x,L),{key:n,"data-index":e,"data-known-size":t.size,"data-item-index":t.index,style:{overflowAnchor:"none"}}),u(t.index,t.data,L))});return l(w,c({ref:f,"data-test-id":"virtuoso-item-list"},ie(w,L)),[z].concat(P,[B]))}),tn=function(t){var o=t.children,r=s(Gt),i=rn("viewportHeight"),a=rn("fixedItemHeight"),l=I(e.compose(i,function(t){return w(t,"height")}));return n.useEffect(function(){r&&(i(r.viewportHeight),a(r.itemHeight))},[r,i,a]),n.createElement("div",{style:oe,ref:l,"data-viewport-type":"element"},o)},en=function(t){var e=t.children,o=s(Gt),r=rn("windowViewportRect"),i=rn("fixedItemHeight"),a=an("customScrollParent"),l=Dt(r,a);return n.useEffect(function(){o&&(i(o.itemHeight),r({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}))},[o,r,i]),n.createElement("div",{ref:l,style:oe,"data-viewport-type":"window"},e)},nn=t(Je,{required:{},optional:{context:"context",followOutput:"followOutput",firstItemIndex:"firstItemIndex",itemContent:"itemContent",fixedHeaderContent:"fixedHeaderContent",fixedFooterContent:"fixedFooterContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",topItemCount:"topItemCount",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",groupCounts:"groupCounts",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel",react18ConcurrentRendering:"react18ConcurrentRendering"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},n.memo(function(t){var o=an("useWindowScroll"),r=an("customScrollParent"),i=rn("fixedHeaderHeight"),a=rn("fixedFooterHeight"),l=an("fixedHeaderContent"),s=an("fixedFooterContent"),u=an("context"),m=I(e.compose(i,function(t){return w(t,"height")})),d=I(e.compose(a,function(t){return w(t,"height")})),f=r||o?un:sn,p=r||o?en:tn,h=an("TableComponent"),g=an("TableHeadComponent"),v=an("TableFooterComponent"),S=l?n.createElement(g,c({key:"TableHead",style:{zIndex:1,position:"sticky",top:0},ref:m},ie(g,u)),l()):null,C=s?n.createElement(v,c({key:"TableFoot",style:{zIndex:1,position:"sticky",bottom:0},ref:d},ie(v,u)),s()):null;return n.createElement(f,c({},t),n.createElement(p,null,n.createElement(h,c({style:{borderSpacing:0}},ie(h,u)),[S,n.createElement(Xe,{key:"TableBody"}),C])))})),on=nn.Component,rn=nn.usePublisher,an=nn.useEmitterValue,ln=nn.useEmitter,sn=se({usePublisher:rn,useEmitterValue:an,useEmitter:ln}),un=ue({usePublisher:rn,useEmitterValue:an,useEmitter:ln}),cn=pe,mn=pe,dn=on,fn=De;export{mn as GroupedVirtuoso,h as LogLevel,dn as TableVirtuoso,cn as Virtuoso,fn as VirtuosoGrid,_t as VirtuosoGridMockContext,Gt as VirtuosoMockContext};
-//# sourceMappingURL=index.m.js.map
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { createContext, forwardRef, useState, useImperativeHandle, createElement, useCallback, useContext, useLayoutEffect, useEffect, useRef } from "react";
+import { flushSync } from "react-dom";
+const PUBLISH = 0;
+const SUBSCRIBE = 1;
+const RESET = 2;
+const VALUE = 4;
+function compose(a, b) {
+  return (arg) => a(b(arg));
+}
+function thrush(arg, proc) {
+  return proc(arg);
+}
+function curry2to1(proc, arg1) {
+  return (arg2) => proc(arg1, arg2);
+}
+function curry1to0(proc, arg) {
+  return () => proc(arg);
+}
+function tap(arg, proc) {
+  proc(arg);
+  return arg;
+}
+function tup(...args) {
+  return args;
+}
+function call(proc) {
+  proc();
+}
+function always(value) {
+  return () => value;
+}
+function joinProc(...procs) {
+  return () => {
+    procs.map(call);
+  };
+}
+function noop() {
+}
+function subscribe(emitter, subscription) {
+  return emitter(SUBSCRIBE, subscription);
+}
+function publish(publisher, value) {
+  publisher(PUBLISH, value);
+}
+function reset(emitter) {
+  emitter(RESET);
+}
+function getValue(depot) {
+  return depot(VALUE);
+}
+function connect(emitter, publisher) {
+  return subscribe(emitter, curry2to1(publisher, PUBLISH));
+}
+function handleNext(emitter, subscription) {
+  const unsub = emitter(SUBSCRIBE, (value) => {
+    unsub();
+    subscription(value);
+  });
+  return unsub;
+}
+function stream() {
+  const subscriptions = [];
+  return (action, arg) => {
+    switch (action) {
+      case RESET:
+        subscriptions.splice(0, subscriptions.length);
+        return;
+      case SUBSCRIBE:
+        subscriptions.push(arg);
+        return () => {
+          const indexOf = subscriptions.indexOf(arg);
+          if (indexOf > -1) {
+            subscriptions.splice(indexOf, 1);
+          }
+        };
+      case PUBLISH:
+        subscriptions.slice().forEach((subscription) => {
+          subscription(arg);
+        });
+        return;
+      default:
+        throw new Error(`unrecognized action ${action}`);
+    }
+  };
+}
+function statefulStream(initial) {
+  let value = initial;
+  const innerSubject = stream();
+  return (action, arg) => {
+    switch (action) {
+      case SUBSCRIBE:
+        const subscription = arg;
+        subscription(value);
+        break;
+      case PUBLISH:
+        value = arg;
+        break;
+      case VALUE:
+        return value;
+    }
+    return innerSubject(action, arg);
+  };
+}
+function eventHandler(emitter) {
+  let unsub;
+  let currentSubscription;
+  const cleanup = () => unsub && unsub();
+  return function(action, subscription) {
+    switch (action) {
+      case SUBSCRIBE:
+        if (subscription) {
+          if (currentSubscription === subscription) {
+            return;
+          }
+          cleanup();
+          currentSubscription = subscription;
+          unsub = subscribe(emitter, subscription);
+          return unsub;
+        } else {
+          cleanup();
+          return noop;
+        }
+      case RESET:
+        cleanup();
+        currentSubscription = null;
+        return;
+      default:
+        throw new Error(`unrecognized action ${action}`);
+    }
+  };
+}
+function streamFromEmitter(emitter) {
+  return tap(stream(), (stream2) => connect(emitter, stream2));
+}
+function statefulStreamFromEmitter(emitter, initial) {
+  return tap(statefulStream(initial), (stream2) => connect(emitter, stream2));
+}
+function combineOperators(...operators) {
+  return (subscriber) => {
+    return operators.reduceRight(thrush, subscriber);
+  };
+}
+function pipe(source, ...operators) {
+  const project = combineOperators(...operators);
+  return (action, subscription) => {
+    switch (action) {
+      case SUBSCRIBE:
+        return subscribe(source, project(subscription));
+      case RESET:
+        reset(source);
+        return;
+    }
+  };
+}
+function defaultComparator(previous, next) {
+  return previous === next;
+}
+function distinctUntilChanged(comparator = defaultComparator) {
+  let current;
+  return (done) => (next) => {
+    if (!comparator(current, next)) {
+      current = next;
+      done(next);
+    }
+  };
+}
+function filter(predicate) {
+  return (done) => (value) => {
+    predicate(value) && done(value);
+  };
+}
+function map(project) {
+  return (done) => compose(done, project);
+}
+function mapTo(value) {
+  return (done) => () => done(value);
+}
+function scan(scanner, initial) {
+  return (done) => (value) => done(initial = scanner(initial, value));
+}
+function skip(times) {
+  return (done) => (value) => {
+    times > 0 ? times-- : done(value);
+  };
+}
+function throttleTime(interval) {
+  let currentValue;
+  let timeout;
+  return (done) => (value) => {
+    currentValue = value;
+    if (timeout) {
+      return;
+    }
+    timeout = setTimeout(() => {
+      timeout = void 0;
+      done(currentValue);
+    }, interval);
+  };
+}
+function debounceTime(interval) {
+  let currentValue;
+  let timeout;
+  return (done) => (value) => {
+    currentValue = value;
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+    timeout = setTimeout(() => {
+      done(currentValue);
+    }, interval);
+  };
+}
+function withLatestFrom(...sources) {
+  const values = new Array(sources.length);
+  let called = 0;
+  let pendingCall = null;
+  const allCalled = Math.pow(2, sources.length) - 1;
+  sources.forEach((source, index) => {
+    const bit = Math.pow(2, index);
+    subscribe(source, (value) => {
+      const prevCalled = called;
+      called = called | bit;
+      values[index] = value;
+      if (prevCalled !== allCalled && called === allCalled && pendingCall) {
+        pendingCall();
+        pendingCall = null;
+      }
+    });
+  });
+  return (done) => (value) => {
+    const call2 = () => done([value].concat(values));
+    if (called === allCalled) {
+      call2();
+    } else {
+      pendingCall = call2;
+    }
+  };
+}
+function merge(...sources) {
+  return function(action, subscription) {
+    switch (action) {
+      case SUBSCRIBE:
+        return joinProc(...sources.map((source) => subscribe(source, subscription)));
+      case RESET:
+        return;
+      default:
+        throw new Error(`unrecognized action ${action}`);
+    }
+  };
+}
+function duc(source, comparator = defaultComparator) {
+  return pipe(source, distinctUntilChanged(comparator));
+}
+function combineLatest(...emitters) {
+  const innerSubject = stream();
+  const values = new Array(emitters.length);
+  let called = 0;
+  const allCalled = Math.pow(2, emitters.length) - 1;
+  emitters.forEach((source, index) => {
+    const bit = Math.pow(2, index);
+    subscribe(source, (value) => {
+      values[index] = value;
+      called = called | bit;
+      if (called === allCalled) {
+        publish(innerSubject, values);
+      }
+    });
+  });
+  return function(action, subscription) {
+    switch (action) {
+      case SUBSCRIBE:
+        if (called === allCalled) {
+          subscription(values);
+        }
+        return subscribe(innerSubject, subscription);
+      case RESET:
+        return reset(innerSubject);
+      default:
+        throw new Error(`unrecognized action ${action}`);
+    }
+  };
+}
+function system(constructor, dependencies = [], { singleton } = { singleton: true }) {
+  return {
+    id: id(),
+    constructor,
+    dependencies,
+    singleton
+  };
+}
+const id = () => Symbol();
+function init(systemSpec) {
+  const singletons = /* @__PURE__ */ new Map();
+  const _init = ({ id: id2, constructor, dependencies, singleton }) => {
+    if (singleton && singletons.has(id2)) {
+      return singletons.get(id2);
+    }
+    const system2 = constructor(dependencies.map((e) => _init(e)));
+    if (singleton) {
+      singletons.set(id2, system2);
+    }
+    return system2;
+  };
+  return _init(systemSpec);
+}
+function omit(keys, obj) {
+  const result = {};
+  const index = {};
+  let idx = 0;
+  const len = keys.length;
+  while (idx < len) {
+    index[keys[idx]] = 1;
+    idx += 1;
+  }
+  for (const prop in obj) {
+    if (!index.hasOwnProperty(prop)) {
+      result[prop] = obj[prop];
+    }
+  }
+  return result;
+}
+const useIsomorphicLayoutEffect$2 = typeof document !== "undefined" ? React.useLayoutEffect : React.useEffect;
+function systemToComponent(systemSpec, map2, Root) {
+  const requiredPropNames = Object.keys(map2.required || {});
+  const optionalPropNames = Object.keys(map2.optional || {});
+  const methodNames = Object.keys(map2.methods || {});
+  const eventNames = Object.keys(map2.events || {});
+  const Context = createContext({});
+  function applyPropsToSystem(system2, props) {
+    if (system2["propsReady"]) {
+      publish(system2["propsReady"], false);
+    }
+    for (const requiredPropName of requiredPropNames) {
+      const stream2 = system2[map2.required[requiredPropName]];
+      publish(stream2, props[requiredPropName]);
+    }
+    for (const optionalPropName of optionalPropNames) {
+      if (optionalPropName in props) {
+        const stream2 = system2[map2.optional[optionalPropName]];
+        publish(stream2, props[optionalPropName]);
+      }
+    }
+    if (system2["propsReady"]) {
+      publish(system2["propsReady"], true);
+    }
+  }
+  function buildMethods(system2) {
+    return methodNames.reduce((acc, methodName) => {
+      acc[methodName] = (value) => {
+        const stream2 = system2[map2.methods[methodName]];
+        publish(stream2, value);
+      };
+      return acc;
+    }, {});
+  }
+  function buildEventHandlers(system2) {
+    return eventNames.reduce((handlers, eventName) => {
+      handlers[eventName] = eventHandler(system2[map2.events[eventName]]);
+      return handlers;
+    }, {});
+  }
+  const Component = forwardRef((propsWithChildren, ref) => {
+    const { children, ...props } = propsWithChildren;
+    const [system2] = useState(() => {
+      return tap(init(systemSpec), (system22) => applyPropsToSystem(system22, props));
+    });
+    const [handlers] = useState(curry1to0(buildEventHandlers, system2));
+    useIsomorphicLayoutEffect$2(() => {
+      for (const eventName of eventNames) {
+        if (eventName in props) {
+          subscribe(handlers[eventName], props[eventName]);
+        }
+      }
+      return () => {
+        Object.values(handlers).map(reset);
+      };
+    }, [props, handlers, system2]);
+    useIsomorphicLayoutEffect$2(() => {
+      applyPropsToSystem(system2, props);
+    });
+    useImperativeHandle(ref, always(buildMethods(system2)));
+    return createElement(
+      Context.Provider,
+      { value: system2 },
+      Root ? createElement(
+        Root,
+        omit([...requiredPropNames, ...optionalPropNames, ...eventNames], props),
+        children
+      ) : children
+    );
+  });
+  const usePublisher2 = (key) => {
+    return useCallback(curry2to1(publish, React.useContext(Context)[key]), [key]);
+  };
+  const useEmitterValue2 = (key) => {
+    const system2 = useContext(Context);
+    const source = system2[key];
+    const [value, setValue] = useState(curry1to0(getValue, source));
+    useIsomorphicLayoutEffect$2(
+      () => subscribe(source, (next) => {
+        if (next !== value) {
+          setValue(always(next));
+        }
+      }),
+      [source, value]
+    );
+    return value;
+  };
+  const useEmitter2 = (key, callback) => {
+    const context = useContext(Context);
+    const source = context[key];
+    useIsomorphicLayoutEffect$2(() => subscribe(source, callback), [callback, source]);
+  };
+  return {
+    Component,
+    usePublisher: usePublisher2,
+    useEmitterValue: useEmitterValue2,
+    useEmitter: useEmitter2
+  };
+}
+const useIsomorphicLayoutEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect;
+const useIsomorphicLayoutEffect$1 = useIsomorphicLayoutEffect;
+var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
+  LogLevel2[LogLevel2["DEBUG"] = 0] = "DEBUG";
+  LogLevel2[LogLevel2["INFO"] = 1] = "INFO";
+  LogLevel2[LogLevel2["WARN"] = 2] = "WARN";
+  LogLevel2[LogLevel2["ERROR"] = 3] = "ERROR";
+  return LogLevel2;
+})(LogLevel || {});
+const CONSOLE_METHOD_MAP = {
+  [0]: "debug",
+  [1]: "log",
+  [2]: "warn",
+  [3]: "error"
+};
+const getGlobalThis = () => typeof globalThis === "undefined" ? window : globalThis;
+const loggerSystem = system(
+  () => {
+    const logLevel = statefulStream(3);
+    const log = statefulStream((label, message, level = 1) => {
+      const currentLevel = getGlobalThis()["VIRTUOSO_LOG_LEVEL"] ?? getValue(logLevel);
+      if (level >= currentLevel) {
+        console[CONSOLE_METHOD_MAP[level]](
+          "%creact-virtuoso: %c%s %o",
+          "color: #0253b3; font-weight: bold",
+          "color: initial",
+          label,
+          message
+        );
+      }
+    });
+    return {
+      log,
+      logLevel
+    };
+  },
+  [],
+  { singleton: true }
+);
+function useSizeWithElRef(callback, enabled = true) {
+  const ref = useRef(null);
+  let callbackRef = (_el) => {
+  };
+  if (typeof ResizeObserver !== "undefined") {
+    const observer = new ResizeObserver((entries) => {
+      const element = entries[0].target;
+      if (element.offsetParent !== null) {
+        callback(element);
+      }
+    });
+    callbackRef = (elRef) => {
+      if (elRef && enabled) {
+        observer.observe(elRef);
+        ref.current = elRef;
+      } else {
+        if (ref.current) {
+          observer.unobserve(ref.current);
+        }
+        ref.current = null;
+      }
+    };
+  }
+  return { ref, callbackRef };
+}
+function useSize(callback, enabled = true) {
+  return useSizeWithElRef(callback, enabled).callbackRef;
+}
+function useChangedListContentsSizes(callback, itemSize, enabled, scrollContainerStateCallback, log, gap, customScrollParent) {
+  return useSizeWithElRef((el) => {
+    const ranges = getChangedChildSizes(el.children, itemSize, "offsetHeight", log);
+    let scrollableElement = el.parentElement;
+    while (!scrollableElement.dataset["virtuosoScroller"]) {
+      scrollableElement = scrollableElement.parentElement;
+    }
+    const windowScrolling = scrollableElement.firstElementChild.dataset["viewportType"] === "window";
+    const scrollTop = customScrollParent ? customScrollParent.scrollTop : windowScrolling ? window.pageYOffset || document.documentElement.scrollTop : scrollableElement.scrollTop;
+    const scrollHeight = customScrollParent ? customScrollParent.scrollHeight : windowScrolling ? document.documentElement.scrollHeight : scrollableElement.scrollHeight;
+    const viewportHeight = customScrollParent ? customScrollParent.offsetHeight : windowScrolling ? window.innerHeight : scrollableElement.offsetHeight;
+    scrollContainerStateCallback({
+      scrollTop: Math.max(scrollTop, 0),
+      scrollHeight,
+      viewportHeight
+    });
+    gap == null ? void 0 : gap(resolveGapValue$1("row-gap", getComputedStyle(el).rowGap, log));
+    if (ranges !== null) {
+      callback(ranges);
+    }
+  }, enabled);
+}
+function getChangedChildSizes(children, itemSize, field, log) {
+  const length = children.length;
+  if (length === 0) {
+    return null;
+  }
+  const results = [];
+  for (let i = 0; i < length; i++) {
+    const child = children.item(i);
+    if (!child || child.dataset.index === void 0) {
+      continue;
+    }
+    const index = parseInt(child.dataset.index);
+    const knownSize = parseFloat(child.dataset.knownSize);
+    const size = itemSize(child, field);
+    if (size === 0) {
+      log("Zero-sized element, this should not happen", { child }, LogLevel.ERROR);
+    }
+    if (size === knownSize) {
+      continue;
+    }
+    const lastResult = results[results.length - 1];
+    if (results.length === 0 || lastResult.size !== size || lastResult.endIndex !== index - 1) {
+      results.push({ startIndex: index, endIndex: index, size });
+    } else {
+      results[results.length - 1].endIndex++;
+    }
+  }
+  return results;
+}
+function resolveGapValue$1(property, value, log) {
+  if (value !== "normal" && !(value == null ? void 0 : value.endsWith("px"))) {
+    log(`${property} was not resolved to pixel value correctly`, value, LogLevel.WARN);
+  }
+  if (value === "normal") {
+    return 0;
+  }
+  return parseInt(value ?? "0", 10);
+}
+function correctItemSize(el, dimension) {
+  return Math.round(el.getBoundingClientRect()[dimension]);
+}
+function approximatelyEqual(num1, num2) {
+  return Math.abs(num1 - num2) < 1.01;
+}
+function useScrollTop(scrollContainerStateCallback, smoothScrollTargetReached, scrollerElement, scrollerRefCallback = noop, customScrollParent) {
+  const scrollerRef = useRef(null);
+  const scrollTopTarget = useRef(null);
+  const timeoutRef = useRef(null);
+  const handler = useCallback(
+    (ev) => {
+      const el = ev.target;
+      const windowScroll = el === window || el === document;
+      const scrollTop = windowScroll ? window.pageYOffset || document.documentElement.scrollTop : el.scrollTop;
+      const scrollHeight = windowScroll ? document.documentElement.scrollHeight : el.scrollHeight;
+      const viewportHeight = windowScroll ? window.innerHeight : el.offsetHeight;
+      const call2 = () => {
+        scrollContainerStateCallback({
+          scrollTop: Math.max(scrollTop, 0),
+          scrollHeight,
+          viewportHeight
+        });
+      };
+      if (ev.suppressFlushSync) {
+        call2();
+      } else {
+        flushSync(call2);
+      }
+      if (scrollTopTarget.current !== null) {
+        if (scrollTop === scrollTopTarget.current || scrollTop <= 0 || scrollTop === scrollHeight - viewportHeight) {
+          scrollTopTarget.current = null;
+          smoothScrollTargetReached(true);
+          if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+          }
+        }
+      }
+    },
+    [scrollContainerStateCallback, smoothScrollTargetReached]
+  );
+  useEffect(() => {
+    const localRef = customScrollParent ? customScrollParent : scrollerRef.current;
+    scrollerRefCallback(customScrollParent ? customScrollParent : scrollerRef.current);
+    handler({ target: localRef, suppressFlushSync: true });
+    localRef.addEventListener("scroll", handler, { passive: true });
+    return () => {
+      scrollerRefCallback(null);
+      localRef.removeEventListener("scroll", handler);
+    };
+  }, [scrollerRef, handler, scrollerElement, scrollerRefCallback, customScrollParent]);
+  function scrollToCallback(location) {
+    const scrollerElement2 = scrollerRef.current;
+    if (!scrollerElement2 || "offsetHeight" in scrollerElement2 && scrollerElement2.offsetHeight === 0) {
+      return;
+    }
+    const isSmooth = location.behavior === "smooth";
+    let offsetHeight;
+    let scrollHeight;
+    let scrollTop;
+    if (scrollerElement2 === window) {
+      scrollHeight = Math.max(correctItemSize(document.documentElement, "height"), document.documentElement.scrollHeight);
+      offsetHeight = window.innerHeight;
+      scrollTop = document.documentElement.scrollTop;
+    } else {
+      scrollHeight = scrollerElement2.scrollHeight;
+      offsetHeight = correctItemSize(scrollerElement2, "height");
+      scrollTop = scrollerElement2.scrollTop;
+    }
+    const maxScrollTop = scrollHeight - offsetHeight;
+    location.top = Math.ceil(Math.max(Math.min(maxScrollTop, location.top), 0));
+    if (approximatelyEqual(offsetHeight, scrollHeight) || location.top === scrollTop) {
+      scrollContainerStateCallback({ scrollTop, scrollHeight, viewportHeight: offsetHeight });
+      if (isSmooth) {
+        smoothScrollTargetReached(true);
+      }
+      return;
+    }
+    if (isSmooth) {
+      scrollTopTarget.current = location.top;
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        timeoutRef.current = null;
+        scrollTopTarget.current = null;
+        smoothScrollTargetReached(true);
+      }, 1e3);
+    } else {
+      scrollTopTarget.current = null;
+    }
+    scrollerElement2.scrollTo(location);
+  }
+  function scrollByCallback(location) {
+    scrollerRef.current.scrollBy(location);
+  }
+  return { scrollerRef, scrollByCallback, scrollToCallback };
+}
+const domIOSystem = system(
+  () => {
+    const scrollContainerState = stream();
+    const scrollTop = stream();
+    const deviation = statefulStream(0);
+    const smoothScrollTargetReached = stream();
+    const statefulScrollTop = statefulStream(0);
+    const viewportHeight = stream();
+    const scrollHeight = stream();
+    const headerHeight = statefulStream(0);
+    const fixedHeaderHeight = statefulStream(0);
+    const fixedFooterHeight = statefulStream(0);
+    const footerHeight = statefulStream(0);
+    const scrollTo = stream();
+    const scrollBy = stream();
+    const scrollingInProgress = statefulStream(false);
+    connect(
+      pipe(
+        scrollContainerState,
+        map(({ scrollTop: scrollTop2 }) => scrollTop2)
+      ),
+      scrollTop
+    );
+    connect(
+      pipe(
+        scrollContainerState,
+        map(({ scrollHeight: scrollHeight2 }) => scrollHeight2)
+      ),
+      scrollHeight
+    );
+    connect(scrollTop, statefulScrollTop);
+    return {
+      scrollContainerState,
+      scrollTop,
+      viewportHeight,
+      headerHeight,
+      fixedHeaderHeight,
+      fixedFooterHeight,
+      footerHeight,
+      scrollHeight,
+      smoothScrollTargetReached,
+      scrollTo,
+      scrollBy,
+      statefulScrollTop,
+      deviation,
+      scrollingInProgress
+    };
+  },
+  [],
+  { singleton: true }
+);
+const NIL_NODE = { lvl: 0 };
+function newAANode(k, v, lvl, l = NIL_NODE, r = NIL_NODE) {
+  return { k, v, lvl, l, r };
+}
+function empty(node) {
+  return node === NIL_NODE;
+}
+function newTree() {
+  return NIL_NODE;
+}
+function remove(node, key) {
+  if (empty(node))
+    return NIL_NODE;
+  const { k, l, r } = node;
+  if (key === k) {
+    if (empty(l)) {
+      return r;
+    } else if (empty(r)) {
+      return l;
+    } else {
+      const [lastKey, lastValue] = last(l);
+      return adjust(clone(node, { k: lastKey, v: lastValue, l: deleteLast(l) }));
+    }
+  } else if (key < k) {
+    return adjust(clone(node, { l: remove(l, key) }));
+  } else {
+    return adjust(clone(node, { r: remove(r, key) }));
+  }
+}
+function findMaxKeyValue(node, value, field = "k") {
+  if (empty(node)) {
+    return [-Infinity, void 0];
+  }
+  if (node[field] === value) {
+    return [node.k, node.v];
+  }
+  if (node[field] < value) {
+    const r = findMaxKeyValue(node.r, value, field);
+    if (r[0] === -Infinity) {
+      return [node.k, node.v];
+    } else {
+      return r;
+    }
+  }
+  return findMaxKeyValue(node.l, value, field);
+}
+function insert(node, k, v) {
+  if (empty(node)) {
+    return newAANode(k, v, 1);
+  }
+  if (k === node.k) {
+    return clone(node, { k, v });
+  } else if (k < node.k) {
+    return rebalance(clone(node, { l: insert(node.l, k, v) }));
+  } else {
+    return rebalance(clone(node, { r: insert(node.r, k, v) }));
+  }
+}
+function walkWithin(node, start, end) {
+  if (empty(node)) {
+    return [];
+  }
+  const { k, v, l, r } = node;
+  let result = [];
+  if (k > start) {
+    result = result.concat(walkWithin(l, start, end));
+  }
+  if (k >= start && k <= end) {
+    result.push({ k, v });
+  }
+  if (k <= end) {
+    result = result.concat(walkWithin(r, start, end));
+  }
+  return result;
+}
+function walk(node) {
+  if (empty(node)) {
+    return [];
+  }
+  return [...walk(node.l), { k: node.k, v: node.v }, ...walk(node.r)];
+}
+function last(node) {
+  return empty(node.r) ? [node.k, node.v] : last(node.r);
+}
+function deleteLast(node) {
+  return empty(node.r) ? node.l : adjust(clone(node, { r: deleteLast(node.r) }));
+}
+function clone(node, args) {
+  return newAANode(
+    args.k !== void 0 ? args.k : node.k,
+    args.v !== void 0 ? args.v : node.v,
+    args.lvl !== void 0 ? args.lvl : node.lvl,
+    args.l !== void 0 ? args.l : node.l,
+    args.r !== void 0 ? args.r : node.r
+  );
+}
+function isSingle(node) {
+  return empty(node) || node.lvl > node.r.lvl;
+}
+function rebalance(node) {
+  return split(skew(node));
+}
+function adjust(node) {
+  const { l, r, lvl } = node;
+  if (r.lvl >= lvl - 1 && l.lvl >= lvl - 1) {
+    return node;
+  } else if (lvl > r.lvl + 1) {
+    if (isSingle(l)) {
+      return skew(clone(node, { lvl: lvl - 1 }));
+    } else {
+      if (!empty(l) && !empty(l.r)) {
+        return clone(l.r, {
+          l: clone(l, { r: l.r.l }),
+          r: clone(node, {
+            l: l.r.r,
+            lvl: lvl - 1
+          }),
+          lvl
+        });
+      } else {
+        throw new Error("Unexpected empty nodes");
+      }
+    }
+  } else {
+    if (isSingle(node)) {
+      return split(clone(node, { lvl: lvl - 1 }));
+    } else {
+      if (!empty(r) && !empty(r.l)) {
+        const rl = r.l;
+        const rlvl = isSingle(rl) ? r.lvl - 1 : r.lvl;
+        return clone(rl, {
+          l: clone(node, {
+            r: rl.l,
+            lvl: lvl - 1
+          }),
+          r: split(clone(r, { l: rl.r, lvl: rlvl })),
+          lvl: rl.lvl + 1
+        });
+      } else {
+        throw new Error("Unexpected empty nodes");
+      }
+    }
+  }
+}
+function rangesWithin(node, startIndex, endIndex) {
+  if (empty(node)) {
+    return [];
+  }
+  const adjustedStart = findMaxKeyValue(node, startIndex)[0];
+  return toRanges(walkWithin(node, adjustedStart, endIndex));
+}
+function arrayToRanges(items, parser) {
+  const length = items.length;
+  if (length === 0) {
+    return [];
+  }
+  let { index: start, value } = parser(items[0]);
+  const result = [];
+  for (let i = 1; i < length; i++) {
+    const { index: nextIndex, value: nextValue } = parser(items[i]);
+    result.push({ start, end: nextIndex - 1, value });
+    start = nextIndex;
+    value = nextValue;
+  }
+  result.push({ start, end: Infinity, value });
+  return result;
+}
+function toRanges(nodes) {
+  return arrayToRanges(nodes, ({ k: index, v: value }) => ({ index, value }));
+}
+function split(node) {
+  const { r, lvl } = node;
+  return !empty(r) && !empty(r.r) && r.lvl === lvl && r.r.lvl === lvl ? clone(r, { l: clone(node, { r: r.l }), lvl: lvl + 1 }) : node;
+}
+function skew(node) {
+  const { l } = node;
+  return !empty(l) && l.lvl === node.lvl ? clone(l, { r: clone(node, { l: l.r }) }) : node;
+}
+function findIndexOfClosestSmallerOrEqual(items, value, comparator, start = 0) {
+  let end = items.length - 1;
+  while (start <= end) {
+    const index = Math.floor((start + end) / 2);
+    const item = items[index];
+    const match = comparator(item, value);
+    if (match === 0) {
+      return index;
+    }
+    if (match === -1) {
+      if (end - start < 2) {
+        return index - 1;
+      }
+      end = index - 1;
+    } else {
+      if (end === start) {
+        return index;
+      }
+      start = index + 1;
+    }
+  }
+  throw new Error(`Failed binary finding record in array - ${items.join(",")}, searched for ${value}`);
+}
+function findClosestSmallerOrEqual(items, value, comparator) {
+  return items[findIndexOfClosestSmallerOrEqual(items, value, comparator)];
+}
+function findRange(items, startValue, endValue, comparator) {
+  const startIndex = findIndexOfClosestSmallerOrEqual(items, startValue, comparator);
+  const endIndex = findIndexOfClosestSmallerOrEqual(items, endValue, comparator, startIndex);
+  return items.slice(startIndex, endIndex + 1);
+}
+const recalcSystem = system(
+  () => {
+    const recalcInProgress = statefulStream(false);
+    return { recalcInProgress };
+  },
+  [],
+  { singleton: true }
+);
+function rangeIncludes(refRange) {
+  const { size, startIndex, endIndex } = refRange;
+  return (range) => {
+    return range.start === startIndex && (range.end === endIndex || range.end === Infinity) && range.value === size;
+  };
+}
+function insertRanges(sizeTree, ranges) {
+  let syncStart = empty(sizeTree) ? 0 : Infinity;
+  for (const range of ranges) {
+    const { size, startIndex, endIndex } = range;
+    syncStart = Math.min(syncStart, startIndex);
+    if (empty(sizeTree)) {
+      sizeTree = insert(sizeTree, 0, size);
+      continue;
+    }
+    const overlappingRanges = rangesWithin(sizeTree, startIndex - 1, endIndex + 1);
+    if (overlappingRanges.some(rangeIncludes(range))) {
+      continue;
+    }
+    let firstPassDone = false;
+    let shouldInsert = false;
+    for (const { start: rangeStart, end: rangeEnd, value: rangeValue } of overlappingRanges) {
+      if (!firstPassDone) {
+        shouldInsert = rangeValue !== size;
+        firstPassDone = true;
+      } else {
+        if (endIndex >= rangeStart || size === rangeValue) {
+          sizeTree = remove(sizeTree, rangeStart);
+        }
+      }
+      if (rangeEnd > endIndex && endIndex >= rangeStart) {
+        if (rangeValue !== size) {
+          sizeTree = insert(sizeTree, endIndex + 1, rangeValue);
+        }
+      }
+    }
+    if (shouldInsert) {
+      sizeTree = insert(sizeTree, startIndex, size);
+    }
+  }
+  return [sizeTree, syncStart];
+}
+function initialSizeState() {
+  return {
+    offsetTree: [],
+    sizeTree: newTree(),
+    groupOffsetTree: newTree(),
+    lastIndex: 0,
+    lastOffset: 0,
+    lastSize: 0,
+    groupIndices: []
+  };
+}
+function indexComparator({ index: itemIndex }, index) {
+  return index === itemIndex ? 0 : index < itemIndex ? -1 : 1;
+}
+function offsetComparator({ offset: itemOffset }, offset) {
+  return offset === itemOffset ? 0 : offset < itemOffset ? -1 : 1;
+}
+function offsetPointParser(point) {
+  return { index: point.index, value: point };
+}
+function rangesWithinOffsets(tree, startOffset, endOffset, minStartIndex = 0) {
+  if (minStartIndex > 0) {
+    startOffset = Math.max(startOffset, findClosestSmallerOrEqual(tree, minStartIndex, indexComparator).offset);
+  }
+  return arrayToRanges(findRange(tree, startOffset, endOffset, offsetComparator), offsetPointParser);
+}
+function createOffsetTree(prevOffsetTree, syncStart, sizeTree, gap) {
+  let offsetTree = prevOffsetTree;
+  let prevIndex = 0;
+  let prevSize = 0;
+  let prevOffset = 0;
+  let startIndex = 0;
+  if (syncStart !== 0) {
+    startIndex = findIndexOfClosestSmallerOrEqual(offsetTree, syncStart - 1, indexComparator);
+    const offsetInfo = offsetTree[startIndex];
+    prevOffset = offsetInfo.offset;
+    const kv = findMaxKeyValue(sizeTree, syncStart - 1);
+    prevIndex = kv[0];
+    prevSize = kv[1];
+    if (offsetTree.length && offsetTree[startIndex].size === findMaxKeyValue(sizeTree, syncStart)[1]) {
+      startIndex -= 1;
+    }
+    offsetTree = offsetTree.slice(0, startIndex + 1);
+  } else {
+    offsetTree = [];
+  }
+  for (const { start: startIndex2, value } of rangesWithin(sizeTree, syncStart, Infinity)) {
+    const indexOffset = startIndex2 - prevIndex;
+    const aOffset = indexOffset * prevSize + prevOffset + indexOffset * gap;
+    offsetTree.push({
+      offset: aOffset,
+      size: value,
+      index: startIndex2
+    });
+    prevIndex = startIndex2;
+    prevOffset = aOffset;
+    prevSize = value;
+  }
+  return {
+    offsetTree,
+    lastIndex: prevIndex,
+    lastOffset: prevOffset,
+    lastSize: prevSize
+  };
+}
+function sizeStateReducer(state, [ranges, groupIndices, log, gap]) {
+  if (ranges.length > 0) {
+    log("received item sizes", ranges, LogLevel.DEBUG);
+  }
+  const sizeTree = state.sizeTree;
+  let newSizeTree = sizeTree;
+  let syncStart = 0;
+  if (groupIndices.length > 0 && empty(sizeTree) && ranges.length === 2) {
+    const groupSize = ranges[0].size;
+    const itemSize = ranges[1].size;
+    newSizeTree = groupIndices.reduce((tree, groupIndex) => {
+      return insert(insert(tree, groupIndex, groupSize), groupIndex + 1, itemSize);
+    }, newSizeTree);
+  } else {
+    [newSizeTree, syncStart] = insertRanges(newSizeTree, ranges);
+  }
+  if (newSizeTree === sizeTree) {
+    return state;
+  }
+  const { offsetTree: newOffsetTree, lastIndex, lastSize, lastOffset } = createOffsetTree(state.offsetTree, syncStart, newSizeTree, gap);
+  return {
+    sizeTree: newSizeTree,
+    offsetTree: newOffsetTree,
+    lastIndex,
+    lastOffset,
+    lastSize,
+    groupOffsetTree: groupIndices.reduce((tree, index) => {
+      return insert(tree, index, offsetOf(index, newOffsetTree, gap));
+    }, newTree()),
+    groupIndices
+  };
+}
+function offsetOf(index, tree, gap) {
+  if (tree.length === 0) {
+    return 0;
+  }
+  const { offset, index: startIndex, size } = findClosestSmallerOrEqual(tree, index, indexComparator);
+  const itemCount = index - startIndex;
+  const top = size * itemCount + (itemCount - 1) * gap + offset;
+  return top > 0 ? top + gap : top;
+}
+function isGroupLocation(location) {
+  return typeof location.groupIndex !== "undefined";
+}
+function originalIndexFromLocation(location, sizes, lastIndex) {
+  if (isGroupLocation(location)) {
+    return sizes.groupIndices[location.groupIndex] + 1;
+  } else {
+    const numericIndex = location.index === "LAST" ? lastIndex : location.index;
+    let result = originalIndexFromItemIndex(numericIndex, sizes);
+    result = Math.max(0, result, Math.min(lastIndex, result));
+    return result;
+  }
+}
+function originalIndexFromItemIndex(itemIndex, sizes) {
+  if (!hasGroups(sizes)) {
+    return itemIndex;
+  }
+  let groupOffset = 0;
+  while (sizes.groupIndices[groupOffset] <= itemIndex + groupOffset) {
+    groupOffset++;
+  }
+  return itemIndex + groupOffset;
+}
+function hasGroups(sizes) {
+  return !empty(sizes.groupOffsetTree);
+}
+const SIZE_MAP = {
+  offsetHeight: "height",
+  offsetWidth: "width"
+};
+const sizeSystem = system(
+  ([{ log }, { recalcInProgress }]) => {
+    const sizeRanges = stream();
+    const totalCount = stream();
+    const statefulTotalCount = statefulStreamFromEmitter(totalCount, 0);
+    const unshiftWith = stream();
+    const shiftWith = stream();
+    const firstItemIndex = statefulStream(0);
+    const groupIndices = statefulStream([]);
+    const fixedItemSize = statefulStream(void 0);
+    const defaultItemSize = statefulStream(void 0);
+    const itemSize = statefulStream((el, field) => correctItemSize(el, SIZE_MAP[field]));
+    const data = statefulStream(void 0);
+    const gap = statefulStream(0);
+    const initial = initialSizeState();
+    const sizes = statefulStreamFromEmitter(
+      pipe(sizeRanges, withLatestFrom(groupIndices, log, gap), scan(sizeStateReducer, initial), distinctUntilChanged()),
+      initial
+    );
+    connect(
+      pipe(
+        groupIndices,
+        filter((indexes) => indexes.length > 0),
+        withLatestFrom(sizes, gap),
+        map(([groupIndices2, sizes2, gap2]) => {
+          const groupOffsetTree = groupIndices2.reduce((tree, index, idx) => {
+            return insert(tree, index, offsetOf(index, sizes2.offsetTree, gap2) || idx);
+          }, newTree());
+          return {
+            ...sizes2,
+            groupIndices: groupIndices2,
+            groupOffsetTree
+          };
+        })
+      ),
+      sizes
+    );
+    connect(
+      pipe(
+        totalCount,
+        withLatestFrom(sizes),
+        filter(([totalCount2, { lastIndex }]) => {
+          return totalCount2 < lastIndex;
+        }),
+        map(([totalCount2, { lastIndex, lastSize }]) => {
+          return [
+            {
+              startIndex: totalCount2,
+              endIndex: lastIndex,
+              size: lastSize
+            }
+          ];
+        })
+      ),
+      sizeRanges
+    );
+    connect(fixedItemSize, defaultItemSize);
+    const trackItemSizes = statefulStreamFromEmitter(
+      pipe(
+        fixedItemSize,
+        map((size) => size === void 0)
+      ),
+      true
+    );
+    connect(
+      pipe(
+        defaultItemSize,
+        filter((value) => {
+          return value !== void 0 && empty(getValue(sizes).sizeTree);
+        }),
+        map((size) => [{ startIndex: 0, endIndex: 0, size }])
+      ),
+      sizeRanges
+    );
+    const listRefresh = streamFromEmitter(
+      pipe(
+        sizeRanges,
+        withLatestFrom(sizes),
+        scan(
+          ({ sizes: oldSizes }, [_, newSizes]) => {
+            return {
+              changed: newSizes !== oldSizes,
+              sizes: newSizes
+            };
+          },
+          { changed: false, sizes: initial }
+        ),
+        map((value) => value.changed)
+      )
+    );
+    subscribe(
+      pipe(
+        firstItemIndex,
+        scan(
+          (prev, next) => {
+            return { diff: prev.prev - next, prev: next };
+          },
+          { diff: 0, prev: 0 }
+        ),
+        map((val) => val.diff)
+      ),
+      (offset) => {
+        if (offset > 0) {
+          publish(recalcInProgress, true);
+          publish(unshiftWith, offset);
+        } else if (offset < 0) {
+          publish(shiftWith, offset);
+        }
+      }
+    );
+    subscribe(pipe(firstItemIndex, withLatestFrom(log)), ([index, log2]) => {
+      if (index < 0) {
+        log2(
+          "`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",
+          { firstItemIndex },
+          LogLevel.ERROR
+        );
+      }
+    });
+    const beforeUnshiftWith = streamFromEmitter(unshiftWith);
+    connect(
+      pipe(
+        unshiftWith,
+        withLatestFrom(sizes),
+        map(([unshiftWith2, sizes2]) => {
+          if (sizes2.groupIndices.length > 0) {
+            throw new Error("Virtuoso: prepending items does not work with groups");
+          }
+          return walk(sizes2.sizeTree).reduce(
+            (acc, { k: index, v: size }) => {
+              return {
+                ranges: [...acc.ranges, { startIndex: acc.prevIndex, endIndex: index + unshiftWith2 - 1, size: acc.prevSize }],
+                prevIndex: index + unshiftWith2,
+                prevSize: size
+              };
+            },
+            {
+              ranges: [],
+              prevIndex: 0,
+              prevSize: sizes2.lastSize
+            }
+          ).ranges;
+        })
+      ),
+      sizeRanges
+    );
+    const shiftWithOffset = streamFromEmitter(
+      pipe(
+        shiftWith,
+        withLatestFrom(sizes, gap),
+        map(([shiftWith2, { offsetTree }, gap2]) => {
+          const newFirstItemIndex = -shiftWith2;
+          return offsetOf(newFirstItemIndex, offsetTree, gap2);
+        })
+      )
+    );
+    connect(
+      pipe(
+        shiftWith,
+        withLatestFrom(sizes, gap),
+        map(([shiftWith2, sizes2, gap2]) => {
+          if (sizes2.groupIndices.length > 0) {
+            throw new Error("Virtuoso: shifting items does not work with groups");
+          }
+          const newSizeTree = walk(sizes2.sizeTree).reduce((acc, { k, v }) => {
+            return insert(acc, Math.max(0, k + shiftWith2), v);
+          }, newTree());
+          return {
+            ...sizes2,
+            sizeTree: newSizeTree,
+            ...createOffsetTree(sizes2.offsetTree, 0, newSizeTree, gap2)
+          };
+        })
+      ),
+      sizes
+    );
+    return {
+      data,
+      totalCount,
+      sizeRanges,
+      groupIndices,
+      defaultItemSize,
+      fixedItemSize,
+      unshiftWith,
+      shiftWith,
+      shiftWithOffset,
+      beforeUnshiftWith,
+      firstItemIndex,
+      gap,
+      sizes,
+      listRefresh,
+      statefulTotalCount,
+      trackItemSizes,
+      itemSize
+    };
+  },
+  tup(loggerSystem, recalcSystem),
+  { singleton: true }
+);
+const SUPPORTS_SCROLL_TO_OPTIONS = typeof document !== "undefined" && "scrollBehavior" in document.documentElement.style;
+function normalizeIndexLocation(location) {
+  const result = typeof location === "number" ? { index: location } : location;
+  if (!result.align) {
+    result.align = "start";
+  }
+  if (!result.behavior || !SUPPORTS_SCROLL_TO_OPTIONS) {
+    result.behavior = "auto";
+  }
+  if (!result.offset) {
+    result.offset = 0;
+  }
+  return result;
+}
+const scrollToIndexSystem = system(
+  ([
+    { sizes, totalCount, listRefresh, gap },
+    {
+      scrollingInProgress,
+      viewportHeight,
+      scrollTo,
+      smoothScrollTargetReached,
+      headerHeight,
+      footerHeight,
+      fixedHeaderHeight,
+      fixedFooterHeight
+    },
+    { log }
+  ]) => {
+    const scrollToIndex = stream();
+    const topListHeight = statefulStream(0);
+    let unsubscribeNextListRefresh = null;
+    let cleartTimeoutRef = null;
+    let unsubscribeListRefresh = null;
+    function cleanup() {
+      if (unsubscribeNextListRefresh) {
+        unsubscribeNextListRefresh();
+        unsubscribeNextListRefresh = null;
+      }
+      if (unsubscribeListRefresh) {
+        unsubscribeListRefresh();
+        unsubscribeListRefresh = null;
+      }
+      if (cleartTimeoutRef) {
+        clearTimeout(cleartTimeoutRef);
+        cleartTimeoutRef = null;
+      }
+      publish(scrollingInProgress, false);
+    }
+    connect(
+      pipe(
+        scrollToIndex,
+        withLatestFrom(sizes, viewportHeight, totalCount, topListHeight, headerHeight, footerHeight, log),
+        withLatestFrom(gap, fixedHeaderHeight, fixedFooterHeight),
+        map(
+          ([
+            [location, sizes2, viewportHeight2, totalCount2, topListHeight2, headerHeight2, footerHeight2, log2],
+            gap2,
+            fixedHeaderHeight2,
+            fixedFooterHeight2
+          ]) => {
+            const normalLocation = normalizeIndexLocation(location);
+            const { align, behavior, offset } = normalLocation;
+            const lastIndex = totalCount2 - 1;
+            const index = originalIndexFromLocation(normalLocation, sizes2, lastIndex);
+            let top = offsetOf(index, sizes2.offsetTree, gap2) + headerHeight2;
+            if (align === "end") {
+              top += fixedHeaderHeight2 + findMaxKeyValue(sizes2.sizeTree, index)[1] - viewportHeight2 + fixedFooterHeight2;
+              if (index === lastIndex) {
+                top += footerHeight2;
+              }
+            } else if (align === "center") {
+              top += (fixedHeaderHeight2 + findMaxKeyValue(sizes2.sizeTree, index)[1] - viewportHeight2 + fixedFooterHeight2) / 2;
+            } else {
+              top -= topListHeight2;
+            }
+            if (offset) {
+              top += offset;
+            }
+            const retry = (listChanged) => {
+              cleanup();
+              if (listChanged) {
+                log2("retrying to scroll to", { location }, LogLevel.DEBUG);
+                publish(scrollToIndex, location);
+              } else {
+                log2("list did not change, scroll successful", {}, LogLevel.DEBUG);
+              }
+            };
+            cleanup();
+            if (behavior === "smooth") {
+              let listChanged = false;
+              unsubscribeListRefresh = subscribe(listRefresh, (changed) => {
+                listChanged = listChanged || changed;
+              });
+              unsubscribeNextListRefresh = handleNext(smoothScrollTargetReached, () => {
+                retry(listChanged);
+              });
+            } else {
+              unsubscribeNextListRefresh = handleNext(pipe(listRefresh, watchChangesFor(150)), retry);
+            }
+            cleartTimeoutRef = setTimeout(() => {
+              cleanup();
+            }, 1200);
+            publish(scrollingInProgress, true);
+            log2("scrolling from index to", { index, top, behavior }, LogLevel.DEBUG);
+            return { top, behavior };
+          }
+        )
+      ),
+      scrollTo
+    );
+    return {
+      scrollToIndex,
+      topListHeight
+    };
+  },
+  tup(sizeSystem, domIOSystem, loggerSystem),
+  { singleton: true }
+);
+function watchChangesFor(limit) {
+  return (done) => {
+    const timeoutRef = setTimeout(() => {
+      done(false);
+    }, limit);
+    return (value) => {
+      if (value) {
+        done(true);
+        clearTimeout(timeoutRef);
+      }
+    };
+  };
+}
+const UP = "up";
+const DOWN = "down";
+const NONE$1 = "none";
+const INITIAL_BOTTOM_STATE = {
+  atBottom: false,
+  notAtBottomBecause: "NOT_SHOWING_LAST_ITEM",
+  state: {
+    offsetBottom: 0,
+    scrollTop: 0,
+    viewportHeight: 0,
+    scrollHeight: 0
+  }
+};
+const DEFAULT_AT_TOP_THRESHOLD = 0;
+const stateFlagsSystem = system(([{ scrollContainerState, scrollTop, viewportHeight, headerHeight, footerHeight, scrollBy }]) => {
+  const isAtBottom = statefulStream(false);
+  const isAtTop = statefulStream(true);
+  const atBottomStateChange = stream();
+  const atTopStateChange = stream();
+  const atBottomThreshold = statefulStream(4);
+  const atTopThreshold = statefulStream(DEFAULT_AT_TOP_THRESHOLD);
+  const isScrolling = statefulStreamFromEmitter(
+    pipe(
+      merge(pipe(duc(scrollTop), skip(1), mapTo(true)), pipe(duc(scrollTop), skip(1), mapTo(false), debounceTime(100))),
+      distinctUntilChanged()
+    ),
+    false
+  );
+  const isScrollingBy = statefulStreamFromEmitter(
+    pipe(merge(pipe(scrollBy, mapTo(true)), pipe(scrollBy, mapTo(false), debounceTime(200))), distinctUntilChanged()),
+    false
+  );
+  connect(
+    pipe(
+      combineLatest(duc(scrollTop), duc(atTopThreshold)),
+      map(([top, atTopThreshold2]) => top <= atTopThreshold2),
+      distinctUntilChanged()
+    ),
+    isAtTop
+  );
+  connect(pipe(isAtTop, throttleTime(50)), atTopStateChange);
+  const atBottomState = streamFromEmitter(
+    pipe(
+      combineLatest(scrollContainerState, duc(viewportHeight), duc(headerHeight), duc(footerHeight), duc(atBottomThreshold)),
+      scan((current, [{ scrollTop: scrollTop2, scrollHeight }, viewportHeight2, _headerHeight, _footerHeight, atBottomThreshold2]) => {
+        const isAtBottom2 = scrollTop2 + viewportHeight2 - scrollHeight > -atBottomThreshold2;
+        const state = {
+          viewportHeight: viewportHeight2,
+          scrollTop: scrollTop2,
+          scrollHeight
+        };
+        if (isAtBottom2) {
+          let atBottomBecause;
+          let scrollTopDelta;
+          if (scrollTop2 > current.state.scrollTop) {
+            atBottomBecause = "SCROLLED_DOWN";
+            scrollTopDelta = current.state.scrollTop - scrollTop2;
+          } else {
+            atBottomBecause = "SIZE_DECREASED";
+            scrollTopDelta = current.state.scrollTop - scrollTop2 || current.scrollTopDelta;
+          }
+          return {
+            atBottom: true,
+            state,
+            atBottomBecause,
+            scrollTopDelta
+          };
+        }
+        let notAtBottomBecause;
+        if (state.scrollHeight > current.state.scrollHeight) {
+          notAtBottomBecause = "SIZE_INCREASED";
+        } else if (viewportHeight2 < current.state.viewportHeight) {
+          notAtBottomBecause = "VIEWPORT_HEIGHT_DECREASING";
+        } else if (scrollTop2 < current.state.scrollTop) {
+          notAtBottomBecause = "SCROLLING_UPWARDS";
+        } else {
+          notAtBottomBecause = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM";
+        }
+        return {
+          atBottom: false,
+          notAtBottomBecause,
+          state
+        };
+      }, INITIAL_BOTTOM_STATE),
+      distinctUntilChanged((prev, next) => {
+        return prev && prev.atBottom === next.atBottom;
+      })
+    )
+  );
+  const lastJumpDueToItemResize = statefulStreamFromEmitter(
+    pipe(
+      scrollContainerState,
+      scan(
+        (current, { scrollTop: scrollTop2, scrollHeight, viewportHeight: viewportHeight2 }) => {
+          if (!approximatelyEqual(current.scrollHeight, scrollHeight)) {
+            const atBottom = scrollHeight - (scrollTop2 + viewportHeight2) < 1;
+            if (current.scrollTop !== scrollTop2 && atBottom) {
+              return {
+                scrollHeight,
+                scrollTop: scrollTop2,
+                jump: current.scrollTop - scrollTop2,
+                changed: true
+              };
+            } else {
+              return {
+                scrollHeight,
+                scrollTop: scrollTop2,
+                jump: 0,
+                changed: true
+              };
+            }
+          } else {
+            return {
+              scrollTop: scrollTop2,
+              scrollHeight,
+              jump: 0,
+              changed: false
+            };
+          }
+        },
+        { scrollHeight: 0, jump: 0, scrollTop: 0, changed: false }
+      ),
+      filter((value) => value.changed),
+      map((value) => value.jump)
+    ),
+    0
+  );
+  connect(
+    pipe(
+      atBottomState,
+      map((state) => state.atBottom)
+    ),
+    isAtBottom
+  );
+  connect(pipe(isAtBottom, throttleTime(50)), atBottomStateChange);
+  const scrollDirection = statefulStream(DOWN);
+  connect(
+    pipe(
+      scrollContainerState,
+      map(({ scrollTop: scrollTop2 }) => scrollTop2),
+      distinctUntilChanged(),
+      scan(
+        (acc, scrollTop2) => {
+          if (getValue(isScrollingBy)) {
+            return { direction: acc.direction, prevScrollTop: scrollTop2 };
+          }
+          return { direction: scrollTop2 < acc.prevScrollTop ? UP : DOWN, prevScrollTop: scrollTop2 };
+        },
+        { direction: DOWN, prevScrollTop: 0 }
+      ),
+      map((value) => value.direction)
+    ),
+    scrollDirection
+  );
+  connect(pipe(scrollContainerState, throttleTime(50), mapTo(NONE$1)), scrollDirection);
+  const scrollVelocity = statefulStream(0);
+  connect(
+    pipe(
+      isScrolling,
+      filter((value) => !value),
+      mapTo(0)
+    ),
+    scrollVelocity
+  );
+  connect(
+    pipe(
+      scrollTop,
+      throttleTime(100),
+      withLatestFrom(isScrolling),
+      filter(([_, isScrolling2]) => !!isScrolling2),
+      scan(([_, prev], [next]) => [prev, next], [0, 0]),
+      map(([prev, next]) => next - prev)
+    ),
+    scrollVelocity
+  );
+  return {
+    isScrolling,
+    isAtTop,
+    isAtBottom,
+    atBottomState,
+    atTopStateChange,
+    atBottomStateChange,
+    scrollDirection,
+    atBottomThreshold,
+    atTopThreshold,
+    scrollVelocity,
+    lastJumpDueToItemResize
+  };
+}, tup(domIOSystem));
+const propsReadySystem = system(
+  ([{ log }]) => {
+    const propsReady = statefulStream(false);
+    const didMount = streamFromEmitter(
+      pipe(
+        propsReady,
+        filter((ready) => ready),
+        distinctUntilChanged()
+      )
+    );
+    subscribe(propsReady, (value) => {
+      value && getValue(log)("props updated", {}, LogLevel.DEBUG);
+    });
+    return { propsReady, didMount };
+  },
+  tup(loggerSystem),
+  { singleton: true }
+);
+function getInitialTopMostItemIndexNumber(location, totalCount) {
+  const lastIndex = totalCount - 1;
+  const index = typeof location === "number" ? location : location.index === "LAST" ? lastIndex : location.index;
+  return index;
+}
+const initialTopMostItemIndexSystem = system(
+  ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]) => {
+    const scrolledToInitialItem = statefulStream(true);
+    const initialTopMostItemIndex = statefulStream(0);
+    connect(
+      pipe(
+        didMount,
+        withLatestFrom(initialTopMostItemIndex),
+        filter(([_, location]) => !!location),
+        mapTo(false)
+      ),
+      scrolledToInitialItem
+    );
+    subscribe(
+      pipe(
+        combineLatest(listRefresh, didMount),
+        withLatestFrom(scrolledToInitialItem, sizes, defaultItemSize),
+        filter(([[, didMount2], scrolledToInitialItem2, { sizeTree }, defaultItemSize2]) => {
+          return didMount2 && (!empty(sizeTree) || defaultItemSize2 !== void 0) && !scrolledToInitialItem2;
+        }),
+        withLatestFrom(initialTopMostItemIndex)
+      ),
+      ([, initialTopMostItemIndex2]) => {
+        setTimeout(() => {
+          handleNext(scrollTop, () => {
+            publish(scrolledToInitialItem, true);
+          });
+          publish(scrollToIndex, initialTopMostItemIndex2);
+        });
+      }
+    );
+    return {
+      scrolledToInitialItem,
+      initialTopMostItemIndex
+    };
+  },
+  tup(sizeSystem, domIOSystem, scrollToIndexSystem, propsReadySystem),
+  { singleton: true }
+);
+function normalizeFollowOutput(follow) {
+  if (!follow) {
+    return false;
+  }
+  return follow === "smooth" ? "smooth" : "auto";
+}
+const behaviorFromFollowOutput = (follow, isAtBottom) => {
+  if (typeof follow === "function") {
+    return normalizeFollowOutput(follow(isAtBottom));
+  }
+  return isAtBottom && normalizeFollowOutput(follow);
+};
+const followOutputSystem = system(
+  ([
+    { totalCount, listRefresh },
+    { isAtBottom, atBottomState },
+    { scrollToIndex },
+    { scrolledToInitialItem },
+    { propsReady, didMount },
+    { log },
+    { scrollingInProgress }
+  ]) => {
+    const followOutput = statefulStream(false);
+    const autoscrollToBottom = stream();
+    let pendingScrollHandle = null;
+    function scrollToBottom(followOutputBehavior) {
+      publish(scrollToIndex, {
+        index: "LAST",
+        align: "end",
+        behavior: followOutputBehavior
+      });
+    }
+    subscribe(
+      pipe(
+        combineLatest(pipe(duc(totalCount), skip(1)), didMount),
+        withLatestFrom(duc(followOutput), isAtBottom, scrolledToInitialItem, scrollingInProgress),
+        map(([[totalCount2, didMount2], followOutput2, isAtBottom2, scrolledToInitialItem2, scrollingInProgress2]) => {
+          let shouldFollow = didMount2 && scrolledToInitialItem2;
+          let followOutputBehavior = "auto";
+          if (shouldFollow) {
+            followOutputBehavior = behaviorFromFollowOutput(followOutput2, isAtBottom2 || scrollingInProgress2);
+            shouldFollow = shouldFollow && !!followOutputBehavior;
+          }
+          return { totalCount: totalCount2, shouldFollow, followOutputBehavior };
+        }),
+        filter(({ shouldFollow }) => shouldFollow)
+      ),
+      ({ totalCount: totalCount2, followOutputBehavior }) => {
+        if (pendingScrollHandle) {
+          pendingScrollHandle();
+          pendingScrollHandle = null;
+        }
+        pendingScrollHandle = handleNext(listRefresh, () => {
+          getValue(log)("following output to ", { totalCount: totalCount2 }, LogLevel.DEBUG);
+          scrollToBottom(followOutputBehavior);
+          pendingScrollHandle = null;
+        });
+      }
+    );
+    function trapNextSizeIncrease(followOutput2) {
+      const cancel = handleNext(atBottomState, (state) => {
+        if (followOutput2 && !state.atBottom && state.notAtBottomBecause === "SIZE_INCREASED" && !pendingScrollHandle) {
+          getValue(log)("scrolling to bottom due to increased size", {}, LogLevel.DEBUG);
+          scrollToBottom("auto");
+        }
+      });
+      setTimeout(cancel, 100);
+    }
+    subscribe(
+      pipe(
+        combineLatest(duc(followOutput), totalCount, propsReady),
+        filter(([follow, , ready]) => follow && ready),
+        scan(
+          ({ value }, [, next]) => {
+            return { refreshed: value === next, value: next };
+          },
+          { refreshed: false, value: 0 }
+        ),
+        filter(({ refreshed }) => refreshed),
+        withLatestFrom(followOutput, totalCount)
+      ),
+      ([, followOutput2]) => {
+        trapNextSizeIncrease(followOutput2 !== false);
+      }
+    );
+    subscribe(autoscrollToBottom, () => {
+      trapNextSizeIncrease(getValue(followOutput) !== false);
+    });
+    subscribe(combineLatest(duc(followOutput), atBottomState), ([followOutput2, state]) => {
+      if (followOutput2 && !state.atBottom && state.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING") {
+        scrollToBottom("auto");
+      }
+    });
+    return { followOutput, autoscrollToBottom };
+  },
+  tup(sizeSystem, stateFlagsSystem, scrollToIndexSystem, initialTopMostItemIndexSystem, propsReadySystem, loggerSystem, domIOSystem)
+);
+function groupCountsToIndicesAndCount(counts) {
+  return counts.reduce(
+    (acc, groupCount) => {
+      acc.groupIndices.push(acc.totalCount);
+      acc.totalCount += groupCount + 1;
+      return acc;
+    },
+    {
+      totalCount: 0,
+      groupIndices: []
+    }
+  );
+}
+const groupedListSystem = system(([{ totalCount, groupIndices, sizes }, { scrollTop, headerHeight }]) => {
+  const groupCounts = stream();
+  const topItemsIndexes = stream();
+  const groupIndicesAndCount = streamFromEmitter(pipe(groupCounts, map(groupCountsToIndicesAndCount)));
+  connect(
+    pipe(
+      groupIndicesAndCount,
+      map((value) => value.totalCount)
+    ),
+    totalCount
+  );
+  connect(
+    pipe(
+      groupIndicesAndCount,
+      map((value) => value.groupIndices)
+    ),
+    groupIndices
+  );
+  connect(
+    pipe(
+      combineLatest(scrollTop, sizes, headerHeight),
+      filter(([_, sizes2]) => hasGroups(sizes2)),
+      map(([scrollTop2, state, headerHeight2]) => findMaxKeyValue(state.groupOffsetTree, Math.max(scrollTop2 - headerHeight2, 0), "v")[0]),
+      distinctUntilChanged(),
+      map((index) => [index])
+    ),
+    topItemsIndexes
+  );
+  return { groupCounts, topItemsIndexes };
+}, tup(sizeSystem, domIOSystem));
+function tupleComparator(prev, current) {
+  return !!(prev && prev[0] === current[0] && prev[1] === current[1]);
+}
+function rangeComparator(prev, next) {
+  return !!(prev && prev.startIndex === next.startIndex && prev.endIndex === next.endIndex);
+}
+const TOP = "top";
+const BOTTOM = "bottom";
+const NONE = "none";
+function getOverscan(overscan, end, direction) {
+  if (typeof overscan === "number") {
+    return direction === UP && end === TOP || direction === DOWN && end === BOTTOM ? overscan : 0;
+  } else {
+    if (direction === UP) {
+      return end === TOP ? overscan.main : overscan.reverse;
+    } else {
+      return end === BOTTOM ? overscan.main : overscan.reverse;
+    }
+  }
+}
+function getViewportIncrease(value, end) {
+  return typeof value === "number" ? value : value[end] || 0;
+}
+const sizeRangeSystem = system(
+  ([{ scrollTop, viewportHeight, deviation, headerHeight, fixedHeaderHeight }]) => {
+    const listBoundary = stream();
+    const topListHeight = statefulStream(0);
+    const increaseViewportBy = statefulStream(0);
+    const overscan = statefulStream(0);
+    const visibleRange = statefulStreamFromEmitter(
+      pipe(
+        combineLatest(
+          duc(scrollTop),
+          duc(viewportHeight),
+          duc(headerHeight),
+          duc(listBoundary, tupleComparator),
+          duc(overscan),
+          duc(topListHeight),
+          duc(fixedHeaderHeight),
+          duc(deviation),
+          duc(increaseViewportBy)
+        ),
+        map(
+          ([
+            scrollTop2,
+            viewportHeight2,
+            headerHeight2,
+            [listTop, listBottom],
+            overscan2,
+            topListHeight2,
+            fixedHeaderHeight2,
+            deviation2,
+            increaseViewportBy2
+          ]) => {
+            const top = scrollTop2 - deviation2;
+            const stickyHeaderHeight = topListHeight2 + fixedHeaderHeight2;
+            const headerVisible = Math.max(headerHeight2 - top, 0);
+            let direction = NONE;
+            const topViewportAddition = getViewportIncrease(increaseViewportBy2, TOP);
+            const bottomViewportAddition = getViewportIncrease(increaseViewportBy2, BOTTOM);
+            listTop -= deviation2;
+            listTop += headerHeight2 + fixedHeaderHeight2;
+            listBottom += headerHeight2 + fixedHeaderHeight2;
+            listBottom -= deviation2;
+            if (listTop > scrollTop2 + stickyHeaderHeight - topViewportAddition) {
+              direction = UP;
+            }
+            if (listBottom < scrollTop2 - headerVisible + viewportHeight2 + bottomViewportAddition) {
+              direction = DOWN;
+            }
+            if (direction !== NONE) {
+              return [
+                Math.max(top - headerHeight2 - getOverscan(overscan2, TOP, direction) - topViewportAddition, 0),
+                top - headerVisible - fixedHeaderHeight2 + viewportHeight2 + getOverscan(overscan2, BOTTOM, direction) + bottomViewportAddition
+              ];
+            }
+            return null;
+          }
+        ),
+        filter((value) => value != null),
+        distinctUntilChanged(tupleComparator)
+      ),
+      [0, 0]
+    );
+    return {
+      listBoundary,
+      overscan,
+      topListHeight,
+      increaseViewportBy,
+      visibleRange
+    };
+  },
+  tup(domIOSystem),
+  { singleton: true }
+);
+function probeItemSet(index, sizes, data) {
+  if (hasGroups(sizes)) {
+    const itemIndex = originalIndexFromItemIndex(index, sizes);
+    const groupIndex = findMaxKeyValue(sizes.groupOffsetTree, itemIndex)[0];
+    return [
+      { index: groupIndex, size: 0, offset: 0 },
+      { index: itemIndex, size: 0, offset: 0, data: data && data[0] }
+    ];
+  }
+  return [{ index, size: 0, offset: 0, data: data && data[0] }];
+}
+const EMPTY_LIST_STATE = {
+  items: [],
+  topItems: [],
+  offsetTop: 0,
+  offsetBottom: 0,
+  top: 0,
+  bottom: 0,
+  topListHeight: 0,
+  totalCount: 0,
+  firstItemIndex: 0
+};
+function transposeItems(items, sizes, firstItemIndex) {
+  if (items.length === 0) {
+    return [];
+  }
+  if (!hasGroups(sizes)) {
+    return items.map((item) => ({ ...item, index: item.index + firstItemIndex, originalIndex: item.index }));
+  }
+  const startIndex = items[0].index;
+  const endIndex = items[items.length - 1].index;
+  const transposedItems = [];
+  const groupRanges = rangesWithin(sizes.groupOffsetTree, startIndex, endIndex);
+  let currentRange = void 0;
+  let currentGroupIndex = 0;
+  for (const item of items) {
+    if (!currentRange || currentRange.end < item.index) {
+      currentRange = groupRanges.shift();
+      currentGroupIndex = sizes.groupIndices.indexOf(currentRange.start);
+    }
+    let transposedItem;
+    if (item.index === currentRange.start) {
+      transposedItem = {
+        type: "group",
+        index: currentGroupIndex
+      };
+    } else {
+      transposedItem = {
+        index: item.index - (currentGroupIndex + 1) + firstItemIndex,
+        groupIndex: currentGroupIndex
+      };
+    }
+    transposedItems.push({
+      ...transposedItem,
+      size: item.size,
+      offset: item.offset,
+      originalIndex: item.index,
+      data: item.data
+    });
+  }
+  return transposedItems;
+}
+function buildListState(items, topItems, totalCount, gap, sizes, firstItemIndex) {
+  const { lastSize, lastOffset, lastIndex } = sizes;
+  let offsetTop = 0;
+  let bottom = 0;
+  if (items.length > 0) {
+    offsetTop = items[0].offset;
+    const lastItem = items[items.length - 1];
+    bottom = lastItem.offset + lastItem.size;
+  }
+  const itemCount = totalCount - lastIndex;
+  const total = lastOffset + itemCount * lastSize + (itemCount - 1) * gap;
+  const top = offsetTop;
+  const offsetBottom = total - bottom;
+  return {
+    items: transposeItems(items, sizes, firstItemIndex),
+    topItems: transposeItems(topItems, sizes, firstItemIndex),
+    topListHeight: topItems.reduce((height, item) => item.size + height, 0),
+    offsetTop,
+    offsetBottom,
+    top,
+    bottom,
+    totalCount,
+    firstItemIndex
+  };
+}
+const listStateSystem = system(
+  ([
+    { sizes, totalCount, data, firstItemIndex, gap },
+    groupedListSystem2,
+    { visibleRange, listBoundary, topListHeight: rangeTopListHeight },
+    { scrolledToInitialItem, initialTopMostItemIndex },
+    { topListHeight },
+    stateFlags,
+    { didMount },
+    { recalcInProgress }
+  ]) => {
+    const topItemsIndexes = statefulStream([]);
+    const itemsRendered = stream();
+    connect(groupedListSystem2.topItemsIndexes, topItemsIndexes);
+    const listState = statefulStreamFromEmitter(
+      pipe(
+        combineLatest(
+          didMount,
+          recalcInProgress,
+          duc(visibleRange, tupleComparator),
+          duc(totalCount),
+          duc(sizes),
+          duc(initialTopMostItemIndex),
+          scrolledToInitialItem,
+          duc(topItemsIndexes),
+          duc(firstItemIndex),
+          duc(gap),
+          data
+        ),
+        filter(([mount, recalcInProgress2]) => {
+          return mount && !recalcInProgress2;
+        }),
+        map(
+          ([
+            ,
+            ,
+            [startOffset, endOffset],
+            totalCount2,
+            sizes2,
+            initialTopMostItemIndex2,
+            scrolledToInitialItem2,
+            topItemsIndexes2,
+            firstItemIndex2,
+            gap2,
+            data2
+          ]) => {
+            const sizesValue = sizes2;
+            const { sizeTree, offsetTree } = sizesValue;
+            if (totalCount2 === 0 || startOffset === 0 && endOffset === 0) {
+              return { ...EMPTY_LIST_STATE, totalCount: totalCount2 };
+            }
+            if (empty(sizeTree)) {
+              return buildListState(
+                probeItemSet(getInitialTopMostItemIndexNumber(initialTopMostItemIndex2, totalCount2), sizesValue, data2),
+                [],
+                totalCount2,
+                gap2,
+                sizesValue,
+                firstItemIndex2
+              );
+            }
+            const topItems = [];
+            if (topItemsIndexes2.length > 0) {
+              const startIndex = topItemsIndexes2[0];
+              const endIndex = topItemsIndexes2[topItemsIndexes2.length - 1];
+              let offset = 0;
+              for (const range of rangesWithin(sizeTree, startIndex, endIndex)) {
+                const size = range.value;
+                const rangeStartIndex = Math.max(range.start, startIndex);
+                const rangeEndIndex = Math.min(range.end, endIndex);
+                for (let i = rangeStartIndex; i <= rangeEndIndex; i++) {
+                  topItems.push({ index: i, size, offset, data: data2 && data2[i] });
+                  offset += size;
+                }
+              }
+            }
+            if (!scrolledToInitialItem2) {
+              return buildListState([], topItems, totalCount2, gap2, sizesValue, firstItemIndex2);
+            }
+            const minStartIndex = topItemsIndexes2.length > 0 ? topItemsIndexes2[topItemsIndexes2.length - 1] + 1 : 0;
+            const offsetPointRanges = rangesWithinOffsets(offsetTree, startOffset, endOffset, minStartIndex);
+            if (offsetPointRanges.length === 0) {
+              return null;
+            }
+            const maxIndex = totalCount2 - 1;
+            const items = tap([], (result) => {
+              for (const range of offsetPointRanges) {
+                const point = range.value;
+                let offset = point.offset;
+                let rangeStartIndex = range.start;
+                const size = point.size;
+                if (point.offset < startOffset) {
+                  rangeStartIndex += Math.floor((startOffset - point.offset + gap2) / (size + gap2));
+                  const itemCount = rangeStartIndex - range.start;
+                  offset += itemCount * size + itemCount * gap2;
+                }
+                if (rangeStartIndex < minStartIndex) {
+                  offset += (minStartIndex - rangeStartIndex) * size;
+                  rangeStartIndex = minStartIndex;
+                }
+                const endIndex = Math.min(range.end, maxIndex);
+                for (let i = rangeStartIndex; i <= endIndex; i++) {
+                  if (offset >= endOffset) {
+                    break;
+                  }
+                  result.push({ index: i, size, offset, data: data2 && data2[i] });
+                  offset += size + gap2;
+                }
+              }
+            });
+            return buildListState(items, topItems, totalCount2, gap2, sizesValue, firstItemIndex2);
+          }
+        ),
+        filter((value) => value !== null),
+        distinctUntilChanged()
+      ),
+      EMPTY_LIST_STATE
+    );
+    connect(
+      pipe(
+        data,
+        filter((data2) => data2 !== void 0),
+        map((data2) => data2 == null ? void 0 : data2.length)
+      ),
+      totalCount
+    );
+    connect(
+      pipe(
+        listState,
+        map((value) => value.topListHeight)
+      ),
+      topListHeight
+    );
+    connect(topListHeight, rangeTopListHeight);
+    connect(
+      pipe(
+        listState,
+        map((state) => [state.top, state.bottom])
+      ),
+      listBoundary
+    );
+    connect(
+      pipe(
+        listState,
+        map((state) => state.items)
+      ),
+      itemsRendered
+    );
+    const endReached = streamFromEmitter(
+      pipe(
+        listState,
+        filter(({ items }) => items.length > 0),
+        withLatestFrom(totalCount, data),
+        filter(([{ items }, totalCount2]) => items[items.length - 1].originalIndex === totalCount2 - 1),
+        map(([, totalCount2, data2]) => [totalCount2 - 1, data2]),
+        distinctUntilChanged(tupleComparator),
+        map(([count]) => count)
+      )
+    );
+    const startReached = streamFromEmitter(
+      pipe(
+        listState,
+        throttleTime(200),
+        filter(({ items, topItems }) => {
+          return items.length > 0 && items[0].originalIndex === topItems.length;
+        }),
+        map(({ items }) => items[0].index),
+        distinctUntilChanged()
+      )
+    );
+    const rangeChanged = streamFromEmitter(
+      pipe(
+        listState,
+        filter(({ items }) => items.length > 0),
+        map(({ items }) => {
+          let startIndex = 0;
+          let endIndex = items.length - 1;
+          while (items[startIndex].type === "group" && startIndex < endIndex) {
+            startIndex++;
+          }
+          while (items[endIndex].type === "group" && endIndex > startIndex) {
+            endIndex--;
+          }
+          return {
+            startIndex: items[startIndex].index,
+            endIndex: items[endIndex].index
+          };
+        }),
+        distinctUntilChanged(rangeComparator)
+      )
+    );
+    return { listState, topItemsIndexes, endReached, startReached, rangeChanged, itemsRendered, ...stateFlags };
+  },
+  tup(
+    sizeSystem,
+    groupedListSystem,
+    sizeRangeSystem,
+    initialTopMostItemIndexSystem,
+    scrollToIndexSystem,
+    stateFlagsSystem,
+    propsReadySystem,
+    recalcSystem
+  ),
+  { singleton: true }
+);
+const initialItemCountSystem = system(
+  ([{ sizes, firstItemIndex, data, gap }, { listState }, { didMount }]) => {
+    const initialItemCount = statefulStream(0);
+    connect(
+      pipe(
+        didMount,
+        withLatestFrom(initialItemCount),
+        filter(([, count]) => count !== 0),
+        withLatestFrom(sizes, firstItemIndex, gap, data),
+        map(([[, count], sizes2, firstItemIndex2, gap2, data2 = []]) => {
+          let includedGroupsCount = 0;
+          if (sizes2.groupIndices.length > 0) {
+            for (const index of sizes2.groupIndices) {
+              if (index - includedGroupsCount >= count) {
+                break;
+              }
+              includedGroupsCount++;
+            }
+          }
+          const adjustedCount = count + includedGroupsCount;
+          const items = Array.from({ length: adjustedCount }).map((_, index) => ({ index, size: 0, offset: 0, data: data2[index] }));
+          return buildListState(items, [], adjustedCount, gap2, sizes2, firstItemIndex2);
+        })
+      ),
+      listState
+    );
+    return { initialItemCount };
+  },
+  tup(sizeSystem, listStateSystem, propsReadySystem),
+  { singleton: true }
+);
+const scrollSeekSystem = system(
+  ([{ scrollVelocity }]) => {
+    const isSeeking = statefulStream(false);
+    const rangeChanged = stream();
+    const scrollSeekConfiguration = statefulStream(false);
+    connect(
+      pipe(
+        scrollVelocity,
+        withLatestFrom(scrollSeekConfiguration, isSeeking, rangeChanged),
+        filter(([_, config]) => !!config),
+        map(([speed, config, isSeeking2, range]) => {
+          const { exit, enter } = config;
+          if (isSeeking2) {
+            if (exit(speed, range)) {
+              return false;
+            }
+          } else {
+            if (enter(speed, range)) {
+              return true;
+            }
+          }
+          return isSeeking2;
+        }),
+        distinctUntilChanged()
+      ),
+      isSeeking
+    );
+    subscribe(
+      pipe(combineLatest(isSeeking, scrollVelocity, rangeChanged), withLatestFrom(scrollSeekConfiguration)),
+      ([[isSeeking2, velocity, range], config]) => isSeeking2 && config && config.change && config.change(velocity, range)
+    );
+    return { isSeeking, scrollSeekConfiguration, scrollVelocity, scrollSeekRangeChanged: rangeChanged };
+  },
+  tup(stateFlagsSystem),
+  { singleton: true }
+);
+const topItemCountSystem = system(([{ topItemsIndexes }]) => {
+  const topItemCount = statefulStream(0);
+  connect(
+    pipe(
+      topItemCount,
+      filter((length) => length > 0),
+      map((length) => Array.from({ length }).map((_, index) => index))
+    ),
+    topItemsIndexes
+  );
+  return { topItemCount };
+}, tup(listStateSystem));
+const totalListHeightSystem = system(
+  ([{ footerHeight, headerHeight, fixedHeaderHeight, fixedFooterHeight }, { listState }]) => {
+    const totalListHeightChanged = stream();
+    const totalListHeight = statefulStreamFromEmitter(
+      pipe(
+        combineLatest(footerHeight, fixedFooterHeight, headerHeight, fixedHeaderHeight, listState),
+        map(([footerHeight2, fixedFooterHeight2, headerHeight2, fixedHeaderHeight2, listState2]) => {
+          return footerHeight2 + fixedFooterHeight2 + headerHeight2 + fixedHeaderHeight2 + listState2.offsetBottom + listState2.bottom;
+        })
+      ),
+      0
+    );
+    connect(duc(totalListHeight), totalListHeightChanged);
+    return { totalListHeight, totalListHeightChanged };
+  },
+  tup(domIOSystem, listStateSystem),
+  { singleton: true }
+);
+function simpleMemoize(func) {
+  let called = false;
+  let result;
+  return () => {
+    if (!called) {
+      called = true;
+      result = func();
+    }
+    return result;
+  };
+}
+const isMobileSafari = simpleMemoize(() => {
+  return /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.test(navigator.userAgent);
+});
+const upwardScrollFixSystem = system(
+  ([
+    { scrollBy, scrollTop, deviation, scrollingInProgress },
+    { isScrolling, isAtBottom, scrollDirection, lastJumpDueToItemResize },
+    { listState },
+    { beforeUnshiftWith, shiftWithOffset, sizes, gap },
+    { log },
+    { recalcInProgress }
+  ]) => {
+    const deviationOffset = streamFromEmitter(
+      pipe(
+        listState,
+        withLatestFrom(lastJumpDueToItemResize),
+        scan(
+          ([, prevItems, prevTotalCount, prevTotalHeight], [{ items, totalCount, bottom, offsetBottom }, lastJumpDueToItemResize2]) => {
+            const totalHeight = bottom + offsetBottom;
+            let newDev = 0;
+            if (prevTotalCount === totalCount) {
+              if (prevItems.length > 0 && items.length > 0) {
+                const atStart = items[0].originalIndex === 0 && prevItems[0].originalIndex === 0;
+                if (!atStart) {
+                  newDev = totalHeight - prevTotalHeight;
+                  if (newDev !== 0) {
+                    newDev += lastJumpDueToItemResize2;
+                  }
+                }
+              }
+            }
+            return [newDev, items, totalCount, totalHeight];
+          },
+          [0, [], 0, 0]
+        ),
+        filter(([amount]) => amount !== 0),
+        withLatestFrom(scrollTop, scrollDirection, scrollingInProgress, isAtBottom, log),
+        filter(([, scrollTop2, scrollDirection2, scrollingInProgress2]) => {
+          return !scrollingInProgress2 && scrollTop2 !== 0 && scrollDirection2 === UP;
+        }),
+        map(([[amount], , , , , log2]) => {
+          log2("Upward scrolling compensation", { amount }, LogLevel.DEBUG);
+          return amount;
+        })
+      )
+    );
+    function scrollByWith(offset) {
+      if (offset > 0) {
+        publish(scrollBy, { top: -offset, behavior: "auto" });
+        publish(deviation, 0);
+      } else {
+        publish(deviation, 0);
+        publish(scrollBy, { top: -offset, behavior: "auto" });
+      }
+    }
+    subscribe(pipe(deviationOffset, withLatestFrom(deviation, isScrolling)), ([offset, deviationAmount, isScrolling2]) => {
+      if (isScrolling2 && isMobileSafari()) {
+        publish(deviation, deviationAmount - offset);
+      } else {
+        scrollByWith(-offset);
+      }
+    });
+    subscribe(
+      pipe(
+        combineLatest(statefulStreamFromEmitter(isScrolling, false), deviation, recalcInProgress),
+        filter(([is, deviation2, recalc]) => !is && !recalc && deviation2 !== 0),
+        map(([_, deviation2]) => deviation2),
+        throttleTime(1)
+      ),
+      scrollByWith
+    );
+    connect(
+      pipe(
+        shiftWithOffset,
+        map((offset) => {
+          return { top: -offset };
+        })
+      ),
+      scrollBy
+    );
+    subscribe(
+      pipe(
+        beforeUnshiftWith,
+        withLatestFrom(sizes, gap),
+        map(([offset, { lastSize }, gap2]) => offset * lastSize + offset * gap2)
+      ),
+      (offset) => {
+        publish(deviation, offset);
+        requestAnimationFrame(() => {
+          publish(scrollBy, { top: offset });
+          requestAnimationFrame(() => {
+            publish(deviation, 0);
+            publish(recalcInProgress, false);
+          });
+        });
+      }
+    );
+    return { deviation };
+  },
+  tup(domIOSystem, stateFlagsSystem, listStateSystem, sizeSystem, loggerSystem, recalcSystem)
+);
+const initialScrollTopSystem = system(
+  ([{ totalListHeight }, { didMount }, { scrollTo }]) => {
+    const initialScrollTop = statefulStream(0);
+    subscribe(
+      pipe(
+        didMount,
+        withLatestFrom(initialScrollTop),
+        filter(([, offset]) => offset !== 0),
+        map(([, offset]) => ({ top: offset }))
+      ),
+      (location) => {
+        handleNext(
+          pipe(
+            totalListHeight,
+            filter((val) => val !== 0)
+          ),
+          () => {
+            setTimeout(() => {
+              publish(scrollTo, location);
+            });
+          }
+        );
+      }
+    );
+    return {
+      initialScrollTop
+    };
+  },
+  tup(totalListHeightSystem, propsReadySystem, domIOSystem),
+  { singleton: true }
+);
+const alignToBottomSystem = system(
+  ([{ viewportHeight }, { totalListHeight }]) => {
+    const alignToBottom = statefulStream(false);
+    const paddingTopAddition = statefulStreamFromEmitter(
+      pipe(
+        combineLatest(alignToBottom, viewportHeight, totalListHeight),
+        filter(([enabled]) => enabled),
+        map(([, viewportHeight2, totalListHeight2]) => {
+          return Math.max(0, viewportHeight2 - totalListHeight2);
+        }),
+        distinctUntilChanged()
+      ),
+      0
+    );
+    return { alignToBottom, paddingTopAddition };
+  },
+  tup(domIOSystem, totalListHeightSystem),
+  { singleton: true }
+);
+const windowScrollerSystem = system(([{ scrollTo, scrollContainerState }]) => {
+  const windowScrollContainerState = stream();
+  const windowViewportRect = stream();
+  const windowScrollTo = stream();
+  const useWindowScroll = statefulStream(false);
+  const customScrollParent = statefulStream(void 0);
+  connect(
+    pipe(
+      combineLatest(windowScrollContainerState, windowViewportRect),
+      map(([{ viewportHeight, scrollTop: windowScrollTop, scrollHeight }, { offsetTop }]) => {
+        return {
+          scrollTop: Math.max(0, windowScrollTop - offsetTop),
+          scrollHeight,
+          viewportHeight
+        };
+      })
+    ),
+    scrollContainerState
+  );
+  connect(
+    pipe(
+      scrollTo,
+      withLatestFrom(windowViewportRect),
+      map(([scrollTo2, { offsetTop }]) => {
+        return {
+          ...scrollTo2,
+          top: scrollTo2.top + offsetTop
+        };
+      })
+    ),
+    windowScrollTo
+  );
+  return {
+    useWindowScroll,
+    customScrollParent,
+    windowScrollContainerState,
+    windowViewportRect,
+    windowScrollTo
+  };
+}, tup(domIOSystem));
+const scrollIntoViewSystem = system(
+  ([
+    { sizes, totalCount, gap },
+    { scrollTop, viewportHeight, headerHeight, fixedHeaderHeight, fixedFooterHeight, scrollingInProgress },
+    { scrollToIndex }
+  ]) => {
+    const scrollIntoView = stream();
+    connect(
+      pipe(
+        scrollIntoView,
+        withLatestFrom(sizes, viewportHeight, totalCount, headerHeight, fixedHeaderHeight, fixedFooterHeight, scrollTop),
+        withLatestFrom(gap),
+        map(([[viewLocation, sizes2, viewportHeight2, totalCount2, headerHeight2, fixedHeaderHeight2, fixedFooterHeight2, scrollTop2], gap2]) => {
+          const { done, behavior, align, ...rest } = viewLocation;
+          let location = null;
+          const actualIndex = originalIndexFromLocation(viewLocation, sizes2, totalCount2 - 1);
+          const itemTop2 = offsetOf(actualIndex, sizes2.offsetTree, gap2) + headerHeight2 + fixedHeaderHeight2;
+          if (itemTop2 < scrollTop2 + fixedHeaderHeight2) {
+            location = { ...rest, behavior, align: align ?? "start" };
+          } else {
+            const itemBottom = itemTop2 + findMaxKeyValue(sizes2.sizeTree, actualIndex)[1];
+            if (itemBottom > scrollTop2 + viewportHeight2 - fixedFooterHeight2) {
+              location = { ...rest, behavior, align: align ?? "end" };
+            }
+          }
+          if (location) {
+            done && handleNext(
+              pipe(
+                scrollingInProgress,
+                skip(1),
+                filter((value) => value === false)
+              ),
+              done
+            );
+          } else {
+            done && done();
+          }
+          return location;
+        }),
+        filter((value) => value !== null)
+      ),
+      scrollToIndex
+    );
+    return {
+      scrollIntoView
+    };
+  },
+  tup(sizeSystem, domIOSystem, scrollToIndexSystem, listStateSystem, loggerSystem),
+  { singleton: true }
+);
+const featureGroup1System = system(
+  ([
+    sizeRange,
+    initialItemCount,
+    propsReady,
+    scrollSeek,
+    totalListHeight,
+    initialScrollTopSystem2,
+    alignToBottom,
+    windowScroller,
+    scrollIntoView
+  ]) => {
+    return {
+      ...sizeRange,
+      ...initialItemCount,
+      ...propsReady,
+      ...scrollSeek,
+      ...totalListHeight,
+      ...initialScrollTopSystem2,
+      ...alignToBottom,
+      ...windowScroller,
+      ...scrollIntoView
+    };
+  },
+  tup(
+    sizeRangeSystem,
+    initialItemCountSystem,
+    propsReadySystem,
+    scrollSeekSystem,
+    totalListHeightSystem,
+    initialScrollTopSystem,
+    alignToBottomSystem,
+    windowScrollerSystem,
+    scrollIntoViewSystem
+  )
+);
+const listSystem = system(
+  ([
+    {
+      totalCount,
+      sizeRanges,
+      fixedItemSize,
+      defaultItemSize,
+      trackItemSizes,
+      itemSize,
+      data,
+      firstItemIndex,
+      groupIndices,
+      statefulTotalCount,
+      gap
+    },
+    { initialTopMostItemIndex, scrolledToInitialItem },
+    domIO,
+    followOutput,
+    { listState, topItemsIndexes, ...flags },
+    { scrollToIndex },
+    _,
+    { topItemCount },
+    { groupCounts },
+    featureGroup1,
+    log
+  ]) => {
+    connect(flags.rangeChanged, featureGroup1.scrollSeekRangeChanged);
+    connect(
+      pipe(
+        featureGroup1.windowViewportRect,
+        map((value) => value.visibleHeight)
+      ),
+      domIO.viewportHeight
+    );
+    return {
+      totalCount,
+      data,
+      firstItemIndex,
+      sizeRanges,
+      initialTopMostItemIndex,
+      scrolledToInitialItem,
+      topItemsIndexes,
+      topItemCount,
+      groupCounts,
+      fixedItemHeight: fixedItemSize,
+      defaultItemHeight: defaultItemSize,
+      gap,
+      ...followOutput,
+      statefulTotalCount,
+      listState,
+      scrollToIndex,
+      trackItemSizes,
+      itemSize,
+      groupIndices,
+      ...flags,
+      ...featureGroup1,
+      ...domIO,
+      ...log
+    };
+  },
+  tup(
+    sizeSystem,
+    initialTopMostItemIndexSystem,
+    domIOSystem,
+    followOutputSystem,
+    listStateSystem,
+    scrollToIndexSystem,
+    upwardScrollFixSystem,
+    topItemCountSystem,
+    groupedListSystem,
+    featureGroup1System,
+    loggerSystem
+  )
+);
+const WEBKIT_STICKY = "-webkit-sticky";
+const STICKY = "sticky";
+const positionStickyCssValue = simpleMemoize(() => {
+  if (typeof document === "undefined") {
+    return STICKY;
+  }
+  const node = document.createElement("div");
+  node.style.position = WEBKIT_STICKY;
+  return node.style.position === WEBKIT_STICKY ? WEBKIT_STICKY : STICKY;
+});
+function useWindowViewportRectRef(callback, customScrollParent) {
+  const viewportInfo = useRef(null);
+  const calculateInfo = useCallback(
+    (element) => {
+      if (element === null || !element.offsetParent) {
+        return;
+      }
+      const rect = element.getBoundingClientRect();
+      const visibleWidth = rect.width;
+      let visibleHeight, offsetTop;
+      if (customScrollParent) {
+        const customScrollParentRect = customScrollParent.getBoundingClientRect();
+        const deltaTop = rect.top - customScrollParentRect.top;
+        visibleHeight = customScrollParentRect.height - Math.max(0, deltaTop);
+        offsetTop = deltaTop + customScrollParent.scrollTop;
+      } else {
+        visibleHeight = window.innerHeight - Math.max(0, rect.top);
+        offsetTop = rect.top + window.pageYOffset;
+      }
+      viewportInfo.current = {
+        offsetTop,
+        visibleHeight,
+        visibleWidth
+      };
+      callback(viewportInfo.current);
+    },
+    [callback, customScrollParent]
+  );
+  const { callbackRef, ref } = useSizeWithElRef(calculateInfo);
+  const scrollAndResizeEventHandler = useCallback(() => {
+    calculateInfo(ref.current);
+  }, [calculateInfo, ref]);
+  useEffect(() => {
+    if (customScrollParent) {
+      customScrollParent.addEventListener("scroll", scrollAndResizeEventHandler);
+      const observer = new ResizeObserver(scrollAndResizeEventHandler);
+      observer.observe(customScrollParent);
+      return () => {
+        customScrollParent.removeEventListener("scroll", scrollAndResizeEventHandler);
+        observer.unobserve(customScrollParent);
+      };
+    } else {
+      window.addEventListener("scroll", scrollAndResizeEventHandler);
+      window.addEventListener("resize", scrollAndResizeEventHandler);
+      return () => {
+        window.removeEventListener("scroll", scrollAndResizeEventHandler);
+        window.removeEventListener("resize", scrollAndResizeEventHandler);
+      };
+    }
+  }, [scrollAndResizeEventHandler, customScrollParent]);
+  return callbackRef;
+}
+const VirtuosoMockContext = React.createContext(void 0);
+const VirtuosoGridMockContext = React.createContext(void 0);
+function identity(value) {
+  return value;
+}
+const listComponentPropsSystem = /* @__PURE__ */ system(() => {
+  const itemContent = statefulStream((index) => `Item ${index}`);
+  const context = statefulStream(null);
+  const groupContent = statefulStream((index) => `Group ${index}`);
+  const components = statefulStream({});
+  const computeItemKey = statefulStream(identity);
+  const headerFooterTag = statefulStream("div");
+  const scrollerRef = statefulStream(noop);
+  const distinctProp = (propName, defaultValue = null) => {
+    return statefulStreamFromEmitter(
+      pipe(
+        components,
+        map((components2) => components2[propName]),
+        distinctUntilChanged()
+      ),
+      defaultValue
+    );
+  };
+  return {
+    context,
+    itemContent,
+    groupContent,
+    components,
+    computeItemKey,
+    headerFooterTag,
+    scrollerRef,
+    FooterComponent: distinctProp("Footer"),
+    HeaderComponent: distinctProp("Header"),
+    TopItemListComponent: distinctProp("TopItemList"),
+    ListComponent: distinctProp("List", "div"),
+    ItemComponent: distinctProp("Item", "div"),
+    GroupComponent: distinctProp("Group", "div"),
+    ScrollerComponent: distinctProp("Scroller", "div"),
+    EmptyPlaceholder: distinctProp("EmptyPlaceholder"),
+    ScrollSeekPlaceholder: distinctProp("ScrollSeekPlaceholder")
+  };
+});
+const combinedSystem$2 = /* @__PURE__ */ system(([listSystem2, propsSystem]) => {
+  return { ...listSystem2, ...propsSystem };
+}, tup(listSystem, listComponentPropsSystem));
+const DefaultScrollSeekPlaceholder$1 = ({ height }) => /* @__PURE__ */ jsx("div", { style: { height } });
+const GROUP_STYLE = { position: positionStickyCssValue(), zIndex: 1, overflowAnchor: "none" };
+const ITEM_STYLE = { overflowAnchor: "none" };
+const Items$1 = /* @__PURE__ */ React.memo(function VirtuosoItems({ showTopList = false }) {
+  const listState = useEmitterValue$2("listState");
+  const sizeRanges = usePublisher$2("sizeRanges");
+  const useWindowScroll = useEmitterValue$2("useWindowScroll");
+  const customScrollParent = useEmitterValue$2("customScrollParent");
+  const windowScrollContainerStateCallback = usePublisher$2("windowScrollContainerState");
+  const _scrollContainerStateCallback = usePublisher$2("scrollContainerState");
+  const scrollContainerStateCallback = customScrollParent || useWindowScroll ? windowScrollContainerStateCallback : _scrollContainerStateCallback;
+  const itemContent = useEmitterValue$2("itemContent");
+  const context = useEmitterValue$2("context");
+  const groupContent = useEmitterValue$2("groupContent");
+  const trackItemSizes = useEmitterValue$2("trackItemSizes");
+  const itemSize = useEmitterValue$2("itemSize");
+  const log = useEmitterValue$2("log");
+  const listGap = usePublisher$2("gap");
+  const { callbackRef } = useChangedListContentsSizes(
+    sizeRanges,
+    itemSize,
+    trackItemSizes,
+    showTopList ? noop : scrollContainerStateCallback,
+    log,
+    listGap,
+    customScrollParent
+  );
+  const [deviation, setDeviation] = React.useState(0);
+  useEmitter$2("deviation", (value) => {
+    if (deviation !== value) {
+      setDeviation(value);
+    }
+  });
+  const EmptyPlaceholder = useEmitterValue$2("EmptyPlaceholder");
+  const ScrollSeekPlaceholder = useEmitterValue$2("ScrollSeekPlaceholder") || DefaultScrollSeekPlaceholder$1;
+  const ListComponent = useEmitterValue$2("ListComponent");
+  const ItemComponent = useEmitterValue$2("ItemComponent");
+  const GroupComponent = useEmitterValue$2("GroupComponent");
+  const computeItemKey = useEmitterValue$2("computeItemKey");
+  const isSeeking = useEmitterValue$2("isSeeking");
+  const hasGroups2 = useEmitterValue$2("groupIndices").length > 0;
+  const paddingTopAddition = useEmitterValue$2("paddingTopAddition");
+  const containerStyle = showTopList ? {} : {
+    boxSizing: "border-box",
+    paddingTop: listState.offsetTop + paddingTopAddition,
+    paddingBottom: listState.offsetBottom,
+    marginTop: deviation
+  };
+  if (!showTopList && listState.totalCount === 0 && EmptyPlaceholder) {
+    return createElement(EmptyPlaceholder, contextPropIfNotDomElement(EmptyPlaceholder, context));
+  }
+  return createElement(
+    ListComponent,
+    {
+      ...contextPropIfNotDomElement(ListComponent, context),
+      ref: callbackRef,
+      style: containerStyle,
+      "data-test-id": showTopList ? "virtuoso-top-item-list" : "virtuoso-item-list"
+    },
+    (showTopList ? listState.topItems : listState.items).map((item) => {
+      const index = item.originalIndex;
+      const key = computeItemKey(index + listState.firstItemIndex, item.data, context);
+      if (isSeeking) {
+        return createElement(ScrollSeekPlaceholder, {
+          ...contextPropIfNotDomElement(ScrollSeekPlaceholder, context),
+          key,
+          index: item.index,
+          height: item.size,
+          type: item.type || "item",
+          ...item.type === "group" ? {} : { groupIndex: item.groupIndex }
+        });
+      }
+      if (item.type === "group") {
+        return createElement(
+          GroupComponent,
+          {
+            ...contextPropIfNotDomElement(GroupComponent, context),
+            key,
+            "data-index": index,
+            "data-known-size": item.size,
+            "data-item-index": item.index,
+            style: GROUP_STYLE
+          },
+          groupContent(item.index)
+        );
+      } else {
+        return createElement(
+          ItemComponent,
+          {
+            ...contextPropIfNotDomElement(ItemComponent, context),
+            key,
+            "data-index": index,
+            "data-known-size": item.size,
+            "data-item-index": item.index,
+            "data-item-group-index": item.groupIndex,
+            item: item.data,
+            style: ITEM_STYLE
+          },
+          hasGroups2 ? itemContent(item.index, item.groupIndex, item.data, context) : itemContent(item.index, item.data, context)
+        );
+      }
+    })
+  );
+});
+const scrollerStyle = {
+  height: "100%",
+  outline: "none",
+  overflowY: "auto",
+  position: "relative",
+  WebkitOverflowScrolling: "touch"
+};
+const viewportStyle = {
+  width: "100%",
+  height: "100%",
+  position: "absolute",
+  top: 0
+};
+const topItemListStyle = {
+  width: "100%",
+  position: positionStickyCssValue(),
+  top: 0,
+  zIndex: 1
+};
+function contextPropIfNotDomElement(element, context) {
+  if (typeof element === "string") {
+    return void 0;
+  }
+  return { context };
+}
+const Header$1 = /* @__PURE__ */ React.memo(function VirtuosoHeader() {
+  const Header2 = useEmitterValue$2("HeaderComponent");
+  const headerHeight = usePublisher$2("headerHeight");
+  const headerFooterTag = useEmitterValue$2("headerFooterTag");
+  const ref = useSize((el) => headerHeight(correctItemSize(el, "height")));
+  const context = useEmitterValue$2("context");
+  return Header2 ? createElement(headerFooterTag, { ref }, createElement(Header2, contextPropIfNotDomElement(Header2, context))) : null;
+});
+const Footer$1 = /* @__PURE__ */ React.memo(function VirtuosoFooter() {
+  const Footer2 = useEmitterValue$2("FooterComponent");
+  const footerHeight = usePublisher$2("footerHeight");
+  const headerFooterTag = useEmitterValue$2("headerFooterTag");
+  const ref = useSize((el) => footerHeight(correctItemSize(el, "height")));
+  const context = useEmitterValue$2("context");
+  return Footer2 ? createElement(headerFooterTag, { ref }, createElement(Footer2, contextPropIfNotDomElement(Footer2, context))) : null;
+});
+function buildScroller({ usePublisher: usePublisher2, useEmitter: useEmitter2, useEmitterValue: useEmitterValue2 }) {
+  const Scroller2 = React.memo(function VirtuosoScroller({ style, children, ...props }) {
+    const scrollContainerStateCallback = usePublisher2("scrollContainerState");
+    const ScrollerComponent = useEmitterValue2("ScrollerComponent");
+    const smoothScrollTargetReached = usePublisher2("smoothScrollTargetReached");
+    const scrollerRefCallback = useEmitterValue2("scrollerRef");
+    const context = useEmitterValue2("context");
+    const { scrollerRef, scrollByCallback, scrollToCallback } = useScrollTop(
+      scrollContainerStateCallback,
+      smoothScrollTargetReached,
+      ScrollerComponent,
+      scrollerRefCallback
+    );
+    useEmitter2("scrollTo", scrollToCallback);
+    useEmitter2("scrollBy", scrollByCallback);
+    return createElement(
+      ScrollerComponent,
+      {
+        ref: scrollerRef,
+        style: { ...scrollerStyle, ...style },
+        "data-test-id": "virtuoso-scroller",
+        "data-virtuoso-scroller": true,
+        tabIndex: 0,
+        ...props,
+        ...contextPropIfNotDomElement(ScrollerComponent, context)
+      },
+      children
+    );
+  });
+  return Scroller2;
+}
+function buildWindowScroller({ usePublisher: usePublisher2, useEmitter: useEmitter2, useEmitterValue: useEmitterValue2 }) {
+  const Scroller2 = React.memo(function VirtuosoWindowScroller({ style, children, ...props }) {
+    const scrollContainerStateCallback = usePublisher2("windowScrollContainerState");
+    const ScrollerComponent = useEmitterValue2("ScrollerComponent");
+    const smoothScrollTargetReached = usePublisher2("smoothScrollTargetReached");
+    const totalListHeight = useEmitterValue2("totalListHeight");
+    const deviation = useEmitterValue2("deviation");
+    const customScrollParent = useEmitterValue2("customScrollParent");
+    const context = useEmitterValue2("context");
+    const { scrollerRef, scrollByCallback, scrollToCallback } = useScrollTop(
+      scrollContainerStateCallback,
+      smoothScrollTargetReached,
+      ScrollerComponent,
+      noop,
+      customScrollParent
+    );
+    useIsomorphicLayoutEffect$1(() => {
+      scrollerRef.current = customScrollParent ? customScrollParent : window;
+      return () => {
+        scrollerRef.current = null;
+      };
+    }, [scrollerRef, customScrollParent]);
+    useEmitter2("windowScrollTo", scrollToCallback);
+    useEmitter2("scrollBy", scrollByCallback);
+    return createElement(
+      ScrollerComponent,
+      {
+        style: { position: "relative", ...style, ...totalListHeight !== 0 ? { height: totalListHeight + deviation } : {} },
+        "data-virtuoso-scroller": true,
+        ...props,
+        ...contextPropIfNotDomElement(ScrollerComponent, context)
+      },
+      children
+    );
+  });
+  return Scroller2;
+}
+const Viewport$2 = ({ children }) => {
+  const ctx = useContext(VirtuosoMockContext);
+  const viewportHeight = usePublisher$2("viewportHeight");
+  const fixedItemHeight = usePublisher$2("fixedItemHeight");
+  const viewportRef = useSize(compose(viewportHeight, (el) => correctItemSize(el, "height")));
+  React.useEffect(() => {
+    if (ctx) {
+      viewportHeight(ctx.viewportHeight);
+      fixedItemHeight(ctx.itemHeight);
+    }
+  }, [ctx, viewportHeight, fixedItemHeight]);
+  return /* @__PURE__ */ jsx("div", { style: viewportStyle, ref: viewportRef, "data-viewport-type": "element", children });
+};
+const WindowViewport$2 = ({ children }) => {
+  const ctx = useContext(VirtuosoMockContext);
+  const windowViewportRect = usePublisher$2("windowViewportRect");
+  const fixedItemHeight = usePublisher$2("fixedItemHeight");
+  const customScrollParent = useEmitterValue$2("customScrollParent");
+  const viewportRef = useWindowViewportRectRef(windowViewportRect, customScrollParent);
+  React.useEffect(() => {
+    if (ctx) {
+      fixedItemHeight(ctx.itemHeight);
+      windowViewportRect({ offsetTop: 0, visibleHeight: ctx.viewportHeight, visibleWidth: 100 });
+    }
+  }, [ctx, windowViewportRect, fixedItemHeight]);
+  return /* @__PURE__ */ jsx("div", { ref: viewportRef, style: viewportStyle, "data-viewport-type": "window", children });
+};
+const TopItemListContainer = ({ children }) => {
+  const TopItemList = useEmitterValue$2("TopItemListComponent");
+  const headerHeight = useEmitterValue$2("headerHeight");
+  const style = { ...topItemListStyle, marginTop: `${headerHeight}px` };
+  const context = useEmitterValue$2("context");
+  return createElement(TopItemList || "div", { style, context }, children);
+};
+const ListRoot = /* @__PURE__ */ React.memo(function VirtuosoRoot(props) {
+  const useWindowScroll = useEmitterValue$2("useWindowScroll");
+  const showTopList = useEmitterValue$2("topItemsIndexes").length > 0;
+  const customScrollParent = useEmitterValue$2("customScrollParent");
+  const TheScroller = customScrollParent || useWindowScroll ? WindowScroller$2 : Scroller$2;
+  const TheViewport = customScrollParent || useWindowScroll ? WindowViewport$2 : Viewport$2;
+  return /* @__PURE__ */ jsxs(TheScroller, { ...props, children: [
+    showTopList && /* @__PURE__ */ jsx(TopItemListContainer, { children: /* @__PURE__ */ jsx(Items$1, { showTopList: true }) }),
+    /* @__PURE__ */ jsxs(TheViewport, { children: [
+      /* @__PURE__ */ jsx(Header$1, {}),
+      /* @__PURE__ */ jsx(Items$1, {}),
+      /* @__PURE__ */ jsx(Footer$1, {})
+    ] })
+  ] });
+});
+const {
+  Component: List,
+  usePublisher: usePublisher$2,
+  useEmitterValue: useEmitterValue$2,
+  useEmitter: useEmitter$2
+} = /* @__PURE__ */ systemToComponent(
+  combinedSystem$2,
+  {
+    required: {},
+    optional: {
+      context: "context",
+      followOutput: "followOutput",
+      firstItemIndex: "firstItemIndex",
+      itemContent: "itemContent",
+      groupContent: "groupContent",
+      overscan: "overscan",
+      increaseViewportBy: "increaseViewportBy",
+      totalCount: "totalCount",
+      topItemCount: "topItemCount",
+      initialTopMostItemIndex: "initialTopMostItemIndex",
+      components: "components",
+      groupCounts: "groupCounts",
+      atBottomThreshold: "atBottomThreshold",
+      atTopThreshold: "atTopThreshold",
+      computeItemKey: "computeItemKey",
+      defaultItemHeight: "defaultItemHeight",
+      fixedItemHeight: "fixedItemHeight",
+      itemSize: "itemSize",
+      scrollSeekConfiguration: "scrollSeekConfiguration",
+      headerFooterTag: "headerFooterTag",
+      data: "data",
+      initialItemCount: "initialItemCount",
+      initialScrollTop: "initialScrollTop",
+      alignToBottom: "alignToBottom",
+      useWindowScroll: "useWindowScroll",
+      customScrollParent: "customScrollParent",
+      scrollerRef: "scrollerRef",
+      logLevel: "logLevel"
+    },
+    methods: {
+      scrollToIndex: "scrollToIndex",
+      scrollIntoView: "scrollIntoView",
+      scrollTo: "scrollTo",
+      scrollBy: "scrollBy",
+      autoscrollToBottom: "autoscrollToBottom"
+    },
+    events: {
+      isScrolling: "isScrolling",
+      endReached: "endReached",
+      startReached: "startReached",
+      rangeChanged: "rangeChanged",
+      atBottomStateChange: "atBottomStateChange",
+      atTopStateChange: "atTopStateChange",
+      totalListHeightChanged: "totalListHeightChanged",
+      itemsRendered: "itemsRendered",
+      groupIndices: "groupIndices"
+    }
+  },
+  ListRoot
+);
+const Scroller$2 = /* @__PURE__ */ buildScroller({ usePublisher: usePublisher$2, useEmitterValue: useEmitterValue$2, useEmitter: useEmitter$2 });
+const WindowScroller$2 = /* @__PURE__ */ buildWindowScroller({ usePublisher: usePublisher$2, useEmitterValue: useEmitterValue$2, useEmitter: useEmitter$2 });
+const Virtuoso = List;
+const GroupedVirtuoso = List;
+const INITIAL_GRID_STATE = {
+  items: [],
+  offsetBottom: 0,
+  offsetTop: 0,
+  top: 0,
+  bottom: 0,
+  itemHeight: 0,
+  itemWidth: 0
+};
+const PROBE_GRID_STATE = {
+  items: [{ index: 0 }],
+  offsetBottom: 0,
+  offsetTop: 0,
+  top: 0,
+  bottom: 0,
+  itemHeight: 0,
+  itemWidth: 0
+};
+const { round, ceil, floor, min, max } = Math;
+function buildProbeGridState(items) {
+  return {
+    ...PROBE_GRID_STATE,
+    items
+  };
+}
+function buildItems(startIndex, endIndex, data) {
+  return Array.from({ length: endIndex - startIndex + 1 }).map(
+    (_, i) => ({ index: i + startIndex, data: data == null ? void 0 : data[i + startIndex] })
+  );
+}
+function gapComparator(prev, next) {
+  return prev && prev.column === next.column && prev.row === next.row;
+}
+const gridSystem = /* @__PURE__ */ system(
+  ([
+    { overscan, visibleRange, listBoundary },
+    { scrollTop, viewportHeight, scrollBy, scrollTo, smoothScrollTargetReached, scrollContainerState, footerHeight, headerHeight },
+    stateFlags,
+    scrollSeek,
+    { propsReady, didMount },
+    { windowViewportRect, windowScrollTo, useWindowScroll, customScrollParent, windowScrollContainerState },
+    log
+  ]) => {
+    const totalCount = statefulStream(0);
+    const initialItemCount = statefulStream(0);
+    const gridState = statefulStream(INITIAL_GRID_STATE);
+    const viewportDimensions = statefulStream({ height: 0, width: 0 });
+    const itemDimensions = statefulStream({ height: 0, width: 0 });
+    const scrollToIndex = stream();
+    const scrollHeight = stream();
+    const deviation = statefulStream(0);
+    const data = statefulStream(void 0);
+    const gap = statefulStream({ row: 0, column: 0 });
+    connect(
+      pipe(
+        combineLatest(didMount, initialItemCount, data),
+        filter(([, count]) => count !== 0),
+        map(([, count, data2]) => {
+          return {
+            items: buildItems(0, count - 1, data2),
+            top: 0,
+            bottom: 0,
+            offsetBottom: 0,
+            offsetTop: 0,
+            itemHeight: 0,
+            itemWidth: 0
+          };
+        })
+      ),
+      gridState
+    );
+    connect(
+      pipe(
+        combineLatest(
+          duc(totalCount),
+          visibleRange,
+          duc(gap, gapComparator),
+          duc(itemDimensions, (prev, next) => prev && prev.width === next.width && prev.height === next.height),
+          data
+        ),
+        withLatestFrom(viewportDimensions),
+        map(([[totalCount2, [startOffset, endOffset], gap2, item, data2], viewport]) => {
+          const { row: rowGap, column: columnGap } = gap2;
+          const { height: itemHeight, width: itemWidth } = item;
+          const { width: viewportWidth } = viewport;
+          if (totalCount2 === 0 || viewportWidth === 0) {
+            return INITIAL_GRID_STATE;
+          }
+          if (itemWidth === 0) {
+            return buildProbeGridState(buildItems(0, 0, data2));
+          }
+          const perRow = itemsPerRow(viewportWidth, itemWidth, columnGap);
+          let startIndex = perRow * floor((startOffset + rowGap) / (itemHeight + rowGap));
+          let endIndex = perRow * ceil((endOffset + rowGap) / (itemHeight + rowGap)) - 1;
+          endIndex = min(totalCount2 - 1, max(endIndex, perRow - 1));
+          startIndex = min(endIndex, max(0, startIndex));
+          const items = buildItems(startIndex, endIndex, data2);
+          const { top, bottom } = gridLayout(viewport, gap2, item, items);
+          const rowCount = ceil(totalCount2 / perRow);
+          const totalHeight = rowCount * itemHeight + (rowCount - 1) * rowGap;
+          const offsetBottom = totalHeight - bottom;
+          return { items, offsetTop: top, offsetBottom, top, bottom, itemHeight, itemWidth };
+        })
+      ),
+      gridState
+    );
+    connect(
+      pipe(
+        data,
+        filter((data2) => data2 !== void 0),
+        map((data2) => data2.length)
+      ),
+      totalCount
+    );
+    connect(
+      pipe(
+        viewportDimensions,
+        map(({ height }) => height)
+      ),
+      viewportHeight
+    );
+    connect(
+      pipe(
+        combineLatest(viewportDimensions, itemDimensions, gridState, gap),
+        map(([viewportDimensions2, item, { items }, gap2]) => {
+          const { top, bottom } = gridLayout(viewportDimensions2, gap2, item, items);
+          return [top, bottom];
+        }),
+        distinctUntilChanged(tupleComparator)
+      ),
+      listBoundary
+    );
+    const endReached = streamFromEmitter(
+      pipe(
+        duc(gridState),
+        filter(({ items }) => items.length > 0),
+        withLatestFrom(totalCount),
+        filter(([{ items }, totalCount2]) => items[items.length - 1].index === totalCount2 - 1),
+        map(([, totalCount2]) => totalCount2 - 1),
+        distinctUntilChanged()
+      )
+    );
+    const startReached = streamFromEmitter(
+      pipe(
+        duc(gridState),
+        filter(({ items }) => {
+          return items.length > 0 && items[0].index === 0;
+        }),
+        mapTo(0),
+        distinctUntilChanged()
+      )
+    );
+    const rangeChanged = streamFromEmitter(
+      pipe(
+        duc(gridState),
+        filter(({ items }) => items.length > 0),
+        map(({ items }) => {
+          return {
+            startIndex: items[0].index,
+            endIndex: items[items.length - 1].index
+          };
+        }),
+        distinctUntilChanged(rangeComparator)
+      )
+    );
+    connect(rangeChanged, scrollSeek.scrollSeekRangeChanged);
+    connect(
+      pipe(
+        scrollToIndex,
+        withLatestFrom(viewportDimensions, itemDimensions, totalCount, gap),
+        map(([location, viewport, item, totalCount2, gap2]) => {
+          const normalLocation = normalizeIndexLocation(location);
+          const { align, behavior, offset } = normalLocation;
+          let index = normalLocation.index;
+          if (index === "LAST") {
+            index = totalCount2 - 1;
+          }
+          index = max(0, index, min(totalCount2 - 1, index));
+          let top = itemTop(viewport, gap2, item, index);
+          if (align === "end") {
+            top = round(top - viewport.height + item.height);
+          } else if (align === "center") {
+            top = round(top - viewport.height / 2 + item.height / 2);
+          }
+          if (offset) {
+            top += offset;
+          }
+          return { top, behavior };
+        })
+      ),
+      scrollTo
+    );
+    const totalListHeight = statefulStreamFromEmitter(
+      pipe(
+        gridState,
+        map((gridState2) => {
+          return gridState2.offsetBottom + gridState2.bottom;
+        })
+      ),
+      0
+    );
+    connect(
+      pipe(
+        windowViewportRect,
+        map((viewportInfo) => ({ width: viewportInfo.visibleWidth, height: viewportInfo.visibleHeight }))
+      ),
+      viewportDimensions
+    );
+    return {
+      data,
+      totalCount,
+      viewportDimensions,
+      itemDimensions,
+      scrollTop,
+      scrollHeight,
+      overscan,
+      scrollBy,
+      scrollTo,
+      scrollToIndex,
+      smoothScrollTargetReached,
+      windowViewportRect,
+      windowScrollTo,
+      useWindowScroll,
+      customScrollParent,
+      windowScrollContainerState,
+      deviation,
+      scrollContainerState,
+      footerHeight,
+      headerHeight,
+      initialItemCount,
+      gap,
+      ...scrollSeek,
+      gridState,
+      totalListHeight,
+      ...stateFlags,
+      startReached,
+      endReached,
+      rangeChanged,
+      propsReady,
+      ...log
+    };
+  },
+  tup(sizeRangeSystem, domIOSystem, stateFlagsSystem, scrollSeekSystem, propsReadySystem, windowScrollerSystem, loggerSystem)
+);
+function gridLayout(viewport, gap, item, items) {
+  const { height: itemHeight } = item;
+  if (itemHeight === void 0 || items.length === 0) {
+    return { top: 0, bottom: 0 };
+  }
+  const top = itemTop(viewport, gap, item, items[0].index);
+  const bottom = itemTop(viewport, gap, item, items[items.length - 1].index) + itemHeight;
+  return { top, bottom };
+}
+function itemTop(viewport, gap, item, index) {
+  const perRow = itemsPerRow(viewport.width, item.width, gap.column);
+  const rowCount = floor(index / perRow);
+  const top = rowCount * item.height + max(0, rowCount - 1) * gap.row;
+  return top > 0 ? top + gap.row : top;
+}
+function itemsPerRow(viewportWidth, itemWidth, gap) {
+  return max(1, floor((viewportWidth + gap) / (itemWidth + gap)));
+}
+const gridComponentPropsSystem = /* @__PURE__ */ system(() => {
+  const itemContent = statefulStream((index) => `Item ${index}`);
+  const components = statefulStream({});
+  const context = statefulStream(null);
+  const itemClassName = statefulStream("virtuoso-grid-item");
+  const listClassName = statefulStream("virtuoso-grid-list");
+  const computeItemKey = statefulStream(identity);
+  const headerFooterTag = statefulStream("div");
+  const scrollerRef = statefulStream(noop);
+  const distinctProp = (propName, defaultValue = null) => {
+    return statefulStreamFromEmitter(
+      pipe(
+        components,
+        map((components2) => components2[propName]),
+        distinctUntilChanged()
+      ),
+      defaultValue
+    );
+  };
+  return {
+    context,
+    itemContent,
+    components,
+    computeItemKey,
+    itemClassName,
+    listClassName,
+    headerFooterTag,
+    scrollerRef,
+    FooterComponent: distinctProp("Footer"),
+    HeaderComponent: distinctProp("Header"),
+    ListComponent: distinctProp("List", "div"),
+    ItemComponent: distinctProp("Item", "div"),
+    ScrollerComponent: distinctProp("Scroller", "div"),
+    ScrollSeekPlaceholder: distinctProp("ScrollSeekPlaceholder", "div")
+  };
+});
+const combinedSystem$1 = /* @__PURE__ */ system(([gridSystem2, gridComponentPropsSystem2]) => {
+  return { ...gridSystem2, ...gridComponentPropsSystem2 };
+}, tup(gridSystem, gridComponentPropsSystem));
+const GridItems = /* @__PURE__ */ React.memo(function GridItems2() {
+  const gridState = useEmitterValue$1("gridState");
+  const listClassName = useEmitterValue$1("listClassName");
+  const itemClassName = useEmitterValue$1("itemClassName");
+  const itemContent = useEmitterValue$1("itemContent");
+  const computeItemKey = useEmitterValue$1("computeItemKey");
+  const isSeeking = useEmitterValue$1("isSeeking");
+  const scrollHeightCallback = usePublisher$1("scrollHeight");
+  const ItemComponent = useEmitterValue$1("ItemComponent");
+  const ListComponent = useEmitterValue$1("ListComponent");
+  const ScrollSeekPlaceholder = useEmitterValue$1("ScrollSeekPlaceholder");
+  const context = useEmitterValue$1("context");
+  const itemDimensions = usePublisher$1("itemDimensions");
+  const gridGap = usePublisher$1("gap");
+  const log = useEmitterValue$1("log");
+  const listRef = useSize((el) => {
+    const scrollHeight = el.parentElement.parentElement.scrollHeight;
+    scrollHeightCallback(scrollHeight);
+    const firstItem = el.firstChild;
+    if (firstItem) {
+      itemDimensions(firstItem.getBoundingClientRect());
+    }
+    gridGap({
+      row: resolveGapValue("row-gap", getComputedStyle(el).rowGap, log),
+      column: resolveGapValue("column-gap", getComputedStyle(el).columnGap, log)
+    });
+  });
+  return createElement(
+    ListComponent,
+    {
+      ref: listRef,
+      className: listClassName,
+      ...contextPropIfNotDomElement(ListComponent, context),
+      style: { paddingTop: gridState.offsetTop, paddingBottom: gridState.offsetBottom },
+      "data-test-id": "virtuoso-item-list"
+    },
+    gridState.items.map((item) => {
+      const key = computeItemKey(item.index, item.data, context);
+      return isSeeking ? createElement(ScrollSeekPlaceholder, {
+        key,
+        ...contextPropIfNotDomElement(ScrollSeekPlaceholder, context),
+        index: item.index,
+        height: gridState.itemHeight,
+        width: gridState.itemWidth
+      }) : createElement(
+        ItemComponent,
+        { ...contextPropIfNotDomElement(ItemComponent, context), className: itemClassName, "data-index": item.index, key },
+        itemContent(item.index, item.data, context)
+      );
+    })
+  );
+});
+const Header = React.memo(function VirtuosoHeader2() {
+  const Header2 = useEmitterValue$1("HeaderComponent");
+  const headerHeight = usePublisher$1("headerHeight");
+  const headerFooterTag = useEmitterValue$1("headerFooterTag");
+  const ref = useSize((el) => headerHeight(correctItemSize(el, "height")));
+  const context = useEmitterValue$1("context");
+  return Header2 ? createElement(headerFooterTag, { ref }, createElement(Header2, contextPropIfNotDomElement(Header2, context))) : null;
+});
+const Footer = React.memo(function VirtuosoGridFooter() {
+  const Footer2 = useEmitterValue$1("FooterComponent");
+  const footerHeight = usePublisher$1("footerHeight");
+  const headerFooterTag = useEmitterValue$1("headerFooterTag");
+  const ref = useSize((el) => footerHeight(correctItemSize(el, "height")));
+  const context = useEmitterValue$1("context");
+  return Footer2 ? createElement(headerFooterTag, { ref }, createElement(Footer2, contextPropIfNotDomElement(Footer2, context))) : null;
+});
+const Viewport$1 = ({ children }) => {
+  const ctx = useContext(VirtuosoGridMockContext);
+  const itemDimensions = usePublisher$1("itemDimensions");
+  const viewportDimensions = usePublisher$1("viewportDimensions");
+  const viewportRef = useSize((el) => {
+    viewportDimensions(el.getBoundingClientRect());
+  });
+  React.useEffect(() => {
+    if (ctx) {
+      viewportDimensions({ height: ctx.viewportHeight, width: ctx.viewportWidth });
+      itemDimensions({ height: ctx.itemHeight, width: ctx.itemWidth });
+    }
+  }, [ctx, viewportDimensions, itemDimensions]);
+  return /* @__PURE__ */ jsx("div", { style: viewportStyle, ref: viewportRef, children });
+};
+const WindowViewport$1 = ({ children }) => {
+  const ctx = useContext(VirtuosoGridMockContext);
+  const windowViewportRect = usePublisher$1("windowViewportRect");
+  const itemDimensions = usePublisher$1("itemDimensions");
+  const customScrollParent = useEmitterValue$1("customScrollParent");
+  const viewportRef = useWindowViewportRectRef(windowViewportRect, customScrollParent);
+  React.useEffect(() => {
+    if (ctx) {
+      itemDimensions({ height: ctx.itemHeight, width: ctx.itemWidth });
+      windowViewportRect({ offsetTop: 0, visibleHeight: ctx.viewportHeight, visibleWidth: ctx.viewportWidth });
+    }
+  }, [ctx, windowViewportRect, itemDimensions]);
+  return /* @__PURE__ */ jsx("div", { ref: viewportRef, style: viewportStyle, children });
+};
+const GridRoot = /* @__PURE__ */ React.memo(function GridRoot2({ ...props }) {
+  const useWindowScroll = useEmitterValue$1("useWindowScroll");
+  const customScrollParent = useEmitterValue$1("customScrollParent");
+  const TheScroller = customScrollParent || useWindowScroll ? WindowScroller$1 : Scroller$1;
+  const TheViewport = customScrollParent || useWindowScroll ? WindowViewport$1 : Viewport$1;
+  return /* @__PURE__ */ jsx(TheScroller, { ...props, children: /* @__PURE__ */ jsxs(TheViewport, { children: [
+    /* @__PURE__ */ jsx(Header, {}),
+    /* @__PURE__ */ jsx(GridItems, {}),
+    /* @__PURE__ */ jsx(Footer, {})
+  ] }) });
+});
+const {
+  Component: Grid,
+  usePublisher: usePublisher$1,
+  useEmitterValue: useEmitterValue$1,
+  useEmitter: useEmitter$1
+} = /* @__PURE__ */ systemToComponent(
+  combinedSystem$1,
+  {
+    optional: {
+      context: "context",
+      totalCount: "totalCount",
+      overscan: "overscan",
+      itemContent: "itemContent",
+      components: "components",
+      computeItemKey: "computeItemKey",
+      data: "data",
+      initialItemCount: "initialItemCount",
+      scrollSeekConfiguration: "scrollSeekConfiguration",
+      headerFooterTag: "headerFooterTag",
+      listClassName: "listClassName",
+      itemClassName: "itemClassName",
+      useWindowScroll: "useWindowScroll",
+      customScrollParent: "customScrollParent",
+      scrollerRef: "scrollerRef"
+    },
+    methods: {
+      scrollTo: "scrollTo",
+      scrollBy: "scrollBy",
+      scrollToIndex: "scrollToIndex"
+    },
+    events: {
+      isScrolling: "isScrolling",
+      endReached: "endReached",
+      startReached: "startReached",
+      rangeChanged: "rangeChanged",
+      atBottomStateChange: "atBottomStateChange",
+      atTopStateChange: "atTopStateChange"
+    }
+  },
+  GridRoot
+);
+const Scroller$1 = /* @__PURE__ */ buildScroller({ usePublisher: usePublisher$1, useEmitterValue: useEmitterValue$1, useEmitter: useEmitter$1 });
+const WindowScroller$1 = /* @__PURE__ */ buildWindowScroller({ usePublisher: usePublisher$1, useEmitterValue: useEmitterValue$1, useEmitter: useEmitter$1 });
+function resolveGapValue(property, value, log) {
+  if (value !== "normal" && !(value == null ? void 0 : value.endsWith("px"))) {
+    log(`${property} was not resolved to pixel value correctly`, value, LogLevel.WARN);
+  }
+  if (value === "normal") {
+    return 0;
+  }
+  return parseInt(value ?? "0", 10);
+}
+const VirtuosoGrid = Grid;
+const tableComponentPropsSystem = /* @__PURE__ */ system(() => {
+  const itemContent = statefulStream((index) => /* @__PURE__ */ jsxs("td", { children: [
+    "Item $",
+    index
+  ] }));
+  const context = statefulStream(null);
+  const fixedHeaderContent = statefulStream(null);
+  const fixedFooterContent = statefulStream(null);
+  const components = statefulStream({});
+  const computeItemKey = statefulStream(identity);
+  const scrollerRef = statefulStream(noop);
+  const distinctProp = (propName, defaultValue = null) => {
+    return statefulStreamFromEmitter(
+      pipe(
+        components,
+        map((components2) => components2[propName]),
+        distinctUntilChanged()
+      ),
+      defaultValue
+    );
+  };
+  return {
+    context,
+    itemContent,
+    fixedHeaderContent,
+    fixedFooterContent,
+    components,
+    computeItemKey,
+    scrollerRef,
+    TableComponent: distinctProp("Table", "table"),
+    TableHeadComponent: distinctProp("TableHead", "thead"),
+    TableFooterComponent: distinctProp("TableFoot", "tfoot"),
+    TableBodyComponent: distinctProp("TableBody", "tbody"),
+    TableRowComponent: distinctProp("TableRow", "tr"),
+    ScrollerComponent: distinctProp("Scroller", "div"),
+    EmptyPlaceholder: distinctProp("EmptyPlaceholder"),
+    ScrollSeekPlaceholder: distinctProp("ScrollSeekPlaceholder"),
+    FillerRow: distinctProp("FillerRow")
+  };
+});
+const combinedSystem = /* @__PURE__ */ system(([listSystem2, propsSystem]) => {
+  return { ...listSystem2, ...propsSystem };
+}, tup(listSystem, tableComponentPropsSystem));
+const DefaultScrollSeekPlaceholder = ({ height }) => /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { style: { height } }) });
+const DefaultFillerRow = ({ height }) => /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { style: { height, padding: 0, border: 0 } }) });
+const Items = /* @__PURE__ */ React.memo(function VirtuosoItems2() {
+  const listState = useEmitterValue("listState");
+  const sizeRanges = usePublisher("sizeRanges");
+  const useWindowScroll = useEmitterValue("useWindowScroll");
+  const customScrollParent = useEmitterValue("customScrollParent");
+  const windowScrollContainerStateCallback = usePublisher("windowScrollContainerState");
+  const _scrollContainerStateCallback = usePublisher("scrollContainerState");
+  const scrollContainerStateCallback = customScrollParent || useWindowScroll ? windowScrollContainerStateCallback : _scrollContainerStateCallback;
+  const itemContent = useEmitterValue("itemContent");
+  const trackItemSizes = useEmitterValue("trackItemSizes");
+  const itemSize = useEmitterValue("itemSize");
+  const log = useEmitterValue("log");
+  const { callbackRef, ref } = useChangedListContentsSizes(
+    sizeRanges,
+    itemSize,
+    trackItemSizes,
+    scrollContainerStateCallback,
+    log,
+    void 0,
+    customScrollParent
+  );
+  const [deviation, setDeviation] = React.useState(0);
+  useEmitter("deviation", (value) => {
+    if (deviation !== value) {
+      ref.current.style.marginTop = `${value}px`;
+      setDeviation(value);
+    }
+  });
+  const EmptyPlaceholder = useEmitterValue("EmptyPlaceholder");
+  const ScrollSeekPlaceholder = useEmitterValue("ScrollSeekPlaceholder") || DefaultScrollSeekPlaceholder;
+  const FillerRow = useEmitterValue("FillerRow") || DefaultFillerRow;
+  const TableBodyComponent = useEmitterValue("TableBodyComponent");
+  const TableRowComponent = useEmitterValue("TableRowComponent");
+  const computeItemKey = useEmitterValue("computeItemKey");
+  const isSeeking = useEmitterValue("isSeeking");
+  const paddingTopAddition = useEmitterValue("paddingTopAddition");
+  const firstItemIndex = useEmitterValue("firstItemIndex");
+  const statefulTotalCount = useEmitterValue("statefulTotalCount");
+  const context = useEmitterValue("context");
+  if (statefulTotalCount === 0 && EmptyPlaceholder) {
+    return createElement(EmptyPlaceholder, contextPropIfNotDomElement(EmptyPlaceholder, context));
+  }
+  const paddingTop = listState.offsetTop + paddingTopAddition + deviation;
+  const paddingBottom = listState.offsetBottom;
+  const paddingTopEl = paddingTop > 0 ? /* @__PURE__ */ jsx(FillerRow, { height: paddingTop }, "padding-top") : null;
+  const paddingBottomEl = paddingBottom > 0 ? /* @__PURE__ */ jsx(FillerRow, { height: paddingBottom }, "padding-bottom") : null;
+  const items = listState.items.map((item) => {
+    const index = item.originalIndex;
+    const key = computeItemKey(index + firstItemIndex, item.data, context);
+    if (isSeeking) {
+      return createElement(ScrollSeekPlaceholder, {
+        ...contextPropIfNotDomElement(ScrollSeekPlaceholder, context),
+        key,
+        index: item.index,
+        height: item.size,
+        type: item.type || "item"
+      });
+    }
+    return createElement(
+      TableRowComponent,
+      {
+        ...contextPropIfNotDomElement(TableRowComponent, context),
+        key,
+        "data-index": index,
+        "data-known-size": item.size,
+        "data-item-index": item.index,
+        item: item.data,
+        style: { overflowAnchor: "none" }
+      },
+      itemContent(item.index, item.data, context)
+    );
+  });
+  return createElement(
+    TableBodyComponent,
+    { ref: callbackRef, "data-test-id": "virtuoso-item-list", ...contextPropIfNotDomElement(TableBodyComponent, context) },
+    [paddingTopEl, ...items, paddingBottomEl]
+  );
+});
+const Viewport = ({ children }) => {
+  const ctx = useContext(VirtuosoMockContext);
+  const viewportHeight = usePublisher("viewportHeight");
+  const fixedItemHeight = usePublisher("fixedItemHeight");
+  const viewportRef = useSize(compose(viewportHeight, (el) => correctItemSize(el, "height")));
+  React.useEffect(() => {
+    if (ctx) {
+      viewportHeight(ctx.viewportHeight);
+      fixedItemHeight(ctx.itemHeight);
+    }
+  }, [ctx, viewportHeight, fixedItemHeight]);
+  return /* @__PURE__ */ jsx("div", { style: viewportStyle, ref: viewportRef, "data-viewport-type": "element", children });
+};
+const WindowViewport = ({ children }) => {
+  const ctx = useContext(VirtuosoMockContext);
+  const windowViewportRect = usePublisher("windowViewportRect");
+  const fixedItemHeight = usePublisher("fixedItemHeight");
+  const customScrollParent = useEmitterValue("customScrollParent");
+  const viewportRef = useWindowViewportRectRef(windowViewportRect, customScrollParent);
+  React.useEffect(() => {
+    if (ctx) {
+      fixedItemHeight(ctx.itemHeight);
+      windowViewportRect({ offsetTop: 0, visibleHeight: ctx.viewportHeight, visibleWidth: 100 });
+    }
+  }, [ctx, windowViewportRect, fixedItemHeight]);
+  return /* @__PURE__ */ jsx("div", { ref: viewportRef, style: viewportStyle, "data-viewport-type": "window", children });
+};
+const TableRoot = /* @__PURE__ */ React.memo(function TableVirtuosoRoot(props) {
+  const useWindowScroll = useEmitterValue("useWindowScroll");
+  const customScrollParent = useEmitterValue("customScrollParent");
+  const fixedHeaderHeight = usePublisher("fixedHeaderHeight");
+  const fixedFooterHeight = usePublisher("fixedFooterHeight");
+  const fixedHeaderContent = useEmitterValue("fixedHeaderContent");
+  const fixedFooterContent = useEmitterValue("fixedFooterContent");
+  const context = useEmitterValue("context");
+  const theadRef = useSize(compose(fixedHeaderHeight, (el) => correctItemSize(el, "height")));
+  const tfootRef = useSize(compose(fixedFooterHeight, (el) => correctItemSize(el, "height")));
+  const TheScroller = customScrollParent || useWindowScroll ? WindowScroller : Scroller;
+  const TheViewport = customScrollParent || useWindowScroll ? WindowViewport : Viewport;
+  const TheTable = useEmitterValue("TableComponent");
+  const TheTHead = useEmitterValue("TableHeadComponent");
+  const TheTFoot = useEmitterValue("TableFooterComponent");
+  const theHead = fixedHeaderContent ? React.createElement(
+    TheTHead,
+    {
+      key: "TableHead",
+      style: { zIndex: 1, position: "sticky", top: 0 },
+      ref: theadRef,
+      ...contextPropIfNotDomElement(TheTHead, context)
+    },
+    fixedHeaderContent()
+  ) : null;
+  const theFoot = fixedFooterContent ? React.createElement(
+    TheTFoot,
+    {
+      key: "TableFoot",
+      style: { zIndex: 1, position: "sticky", bottom: 0 },
+      ref: tfootRef,
+      ...contextPropIfNotDomElement(TheTFoot, context)
+    },
+    fixedFooterContent()
+  ) : null;
+  return /* @__PURE__ */ jsx(TheScroller, { ...props, children: /* @__PURE__ */ jsx(TheViewport, { children: React.createElement(TheTable, { style: { borderSpacing: 0 }, ...contextPropIfNotDomElement(TheTable, context) }, [
+    theHead,
+    /* @__PURE__ */ jsx(Items, {}, "TableBody"),
+    theFoot
+  ]) }) });
+});
+const {
+  Component: Table,
+  usePublisher,
+  useEmitterValue,
+  useEmitter
+} = /* @__PURE__ */ systemToComponent(
+  combinedSystem,
+  {
+    required: {},
+    optional: {
+      context: "context",
+      followOutput: "followOutput",
+      firstItemIndex: "firstItemIndex",
+      itemContent: "itemContent",
+      fixedHeaderContent: "fixedHeaderContent",
+      fixedFooterContent: "fixedFooterContent",
+      overscan: "overscan",
+      increaseViewportBy: "increaseViewportBy",
+      totalCount: "totalCount",
+      topItemCount: "topItemCount",
+      initialTopMostItemIndex: "initialTopMostItemIndex",
+      components: "components",
+      groupCounts: "groupCounts",
+      atBottomThreshold: "atBottomThreshold",
+      atTopThreshold: "atTopThreshold",
+      computeItemKey: "computeItemKey",
+      defaultItemHeight: "defaultItemHeight",
+      fixedItemHeight: "fixedItemHeight",
+      itemSize: "itemSize",
+      scrollSeekConfiguration: "scrollSeekConfiguration",
+      data: "data",
+      initialItemCount: "initialItemCount",
+      initialScrollTop: "initialScrollTop",
+      alignToBottom: "alignToBottom",
+      useWindowScroll: "useWindowScroll",
+      customScrollParent: "customScrollParent",
+      scrollerRef: "scrollerRef",
+      logLevel: "logLevel"
+    },
+    methods: {
+      scrollToIndex: "scrollToIndex",
+      scrollIntoView: "scrollIntoView",
+      scrollTo: "scrollTo",
+      scrollBy: "scrollBy"
+    },
+    events: {
+      isScrolling: "isScrolling",
+      endReached: "endReached",
+      startReached: "startReached",
+      rangeChanged: "rangeChanged",
+      atBottomStateChange: "atBottomStateChange",
+      atTopStateChange: "atTopStateChange",
+      totalListHeightChanged: "totalListHeightChanged",
+      itemsRendered: "itemsRendered",
+      groupIndices: "groupIndices"
+    }
+  },
+  TableRoot
+);
+const Scroller = /* @__PURE__ */ buildScroller({ usePublisher, useEmitterValue, useEmitter });
+const WindowScroller = /* @__PURE__ */ buildWindowScroller({ usePublisher, useEmitterValue, useEmitter });
+const TableVirtuoso = Table;
+export {
+  GroupedVirtuoso,
+  LogLevel,
+  TableVirtuoso,
+  Virtuoso,
+  VirtuosoGrid,
+  VirtuosoGridMockContext,
+  VirtuosoMockContext
+};