react-anchorlist 0.2.3 → 0.2.4

package/dist/components/VirtualItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualItem.d.ts","sourceRoot":"","sources":["../../src/components/VirtualItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,gBAAgB,2CA6BlB"}
+{"version":3,"file":"VirtualItem.d.ts","sourceRoot":"","sources":["../../src/components/VirtualItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,gBAAgB,2CAsClB"}

package/dist/hooks/useChatVirtualizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatVirtualizer.d.ts","sourceRoot":"","sources":["../../src/hooks/useChatVirtualizer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAE3E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC7C,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;IACxC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3C,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;CACvC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAmI9B"}
+{"version":3,"file":"useChatVirtualizer.d.ts","sourceRoot":"","sources":["../../src/hooks/useChatVirtualizer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAE3E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC7C,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;IACxC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3C,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;CACvC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAwI9B"}

package/dist/hooks/useScrollAnchor.d.ts

@@ -4,7 +4,7 @@
  * This hook performs restoration in multiple phases (layout + raf + timeout)
  * to absorb late height measurements (ResizeObserver) and avoid flicker/jumps.
  */
-export declare function useScrollAnchor(scrollerRef: React.RefObject<HTMLDivElement>, itemCount: number): {
+export declare function useScrollAnchor(scrollerRef: React.RefObject<HTMLDivElement>, itemCount: number, onRestored?: () => void): {
     prepareAnchor: () => void;
 };
 //# sourceMappingURL=useScrollAnchor.d.ts.map

package/dist/hooks/useScrollAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollAnchor.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollAnchor.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC5C,SAAS,EAAE,MAAM,GAChB;IAAE,aAAa,EAAE,MAAM,IAAI,CAAA;CAAE,CA8D/B"}
+{"version":3,"file":"useScrollAnchor.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollAnchor.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC5C,SAAS,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,MAAM,IAAI,GACtB;IAAE,aAAa,EAAE,MAAM,IAAI,CAAA;CAAE,CAmE/B"}

package/dist/hooks/useVirtualEngine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualEngine.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualEngine.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,UAAU,CAAA;AAEnE;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC3C,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACnD,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,KAAK,GAAG,QAAQ,CAAA;CACnC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAqN5B"}
+{"version":3,"file":"useVirtualEngine.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualEngine.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,UAAU,CAAA;AAEnE;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC3C,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACnD,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,KAAK,GAAG,QAAQ,CAAA;CACnC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAuP5B"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),r=require("react");function U(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const _=U(r);class ${constructor(e,t){this.defaultSize=t,this.sizes=e>0?Array(e).fill(t):[],this.offsets=e>0?Array(e).fill(0):[],e>0&&this._recalcFrom(0)}_recalcFrom(e){for(let t=e;t<this.sizes.length;t++)this.offsets[t]=t===0?0:(this.offsets[t-1]??0)+(this.sizes[t-1]??this.defaultSize)}getOffset(e){return this.offsets[e]??0}getSize(e){return this.sizes[e]??this.defaultSize}setSize(e,t){return this.sizes[e]===t?!1:(this.sizes[e]=t,this._recalcFrom(e+1),!0)}prepend(e){const t=Array(e).fill(this.defaultSize);this.sizes=[...t,...this.sizes],this.offsets=Array(this.sizes.length).fill(0),this._recalcFrom(0)}append(e){const t=this.sizes.length;for(let n=0;n<e;n++)this.sizes.push(this.defaultSize),this.offsets.push(0);this._recalcFrom(t)}resize(e){const t=this.sizes.length;e>t?this.append(e-t):e<t&&(this.sizes=this.sizes.slice(0,e),this.offsets=this.offsets.slice(0,e))}totalSize(){if(this.sizes.length===0)return 0;const e=this.sizes.length-1;return(this.offsets[e]??0)+(this.sizes[e]??this.defaultSize)}get count(){return this.sizes.length}getOffsets(){return this.offsets}getSizes(){return this.sizes}}class G{constructor(){this.cache=new Map}get(e){return this.cache.get(e)}set(e,t){this.cache.set(e,t)}has(e){return this.cache.has(e)}delete(e){this.cache.delete(e)}clear(){this.cache.clear()}applyToOffsetMap(e,t){for(const[n,l]of this.cache){const s=t.get(n);s!==void 0&&e.setSize(s,l)}}}function J(i,e){if(i.length===0)return 0;let t=0,n=i.length-1;for(;t<n;){const l=t+n>>1;(i[l]??0)<e?t=l+1:n=l}return Math.max(0,t>0&&(i[t]??0)>e?t-1:t)}function Q(i,e,t){if(i.length===0)return 0;for(let n=i.length-1;n>=0;n--)if((i[n]??0)<t)return n;return 0}function W(i){const{firstVisible:e,lastVisible:t,itemCount:n,overscan:l}=i;return n===0?{start:0,end:-1}:{start:Math.max(0,e-l),end:Math.min(n-1,t+l)}}function X(i,e,t){return r.useCallback((n,l)=>{var k;const s=i.current,o=e.current;if(!s||!o)return;let p,c;if(typeof n=="object"&&n!==null?(p=n.index,c={align:n.align,behavior:n.behavior,offset:n.offset}):(p=n,c=l),!Number.isFinite(p))return;const g=Math.max(0,Math.min(Math.floor(p),o.count-1)),h=((k=t==null?void 0:t.current)==null?void 0:k.offsetTop)??0,I=o.getOffset(g),R=o.getSize(g),b=(c==null?void 0:c.align)??"start",f=(c==null?void 0:c.behavior)??"auto",E=(c==null?void 0:c.offset)??0;let y;b==="start"?y=h+I+E:b==="center"?y=h+I-s.clientHeight/2+R/2+E:y=h+I-s.clientHeight+R+E,s.scrollTo({top:Math.max(0,y),behavior:f})},[i,e,t])}function q(i){var V;const{items:e,getKey:t,estimatedItemSize:n,overscan:l,initialAlignment:s}=i,o=r.useRef(null),p=r.useRef(null),c=r.useRef(null),g=r.useRef(new G),h=r.useRef([]),I=r.useRef(!1),R=r.useRef(0),b=r.useRef(0),f=r.useRef(null),[,E]=r.useState(0),y=r.useCallback(()=>E(a=>a+1),[]);c.current||(c.current=new $(e.length,n));const k=r.useRef(e.length);if(e.length!==k.current||e.some((a,d)=>{const z=t(a,d);return h.current[d]!==z})){const a=c.current,d=e.map((N,O)=>t(N,O)),z=h.current,M=z.length,w=d.length;w===0?a.resize(0):M===0?a.resize(w):w>M?z.length>0&&d[w-M]===z[0]?a.prepend(w-M):a.resize(w):w<M&&a.resize(w);const H=new Map;d.forEach((N,O)=>H.set(N,O)),g.current.applyToOffsetMap(a,H),h.current=d,k.current=e.length}r.useEffect(()=>{const a=o.current;if(!a)return;const d=()=>{f.current===null&&(f.current=requestAnimationFrame(()=>{f.current=null,R.current=a.scrollTop,b.current=a.clientHeight,y()}))};return a.addEventListener("scroll",d,{passive:!0}),()=>{a.removeEventListener("scroll",d),f.current!==null&&(cancelAnimationFrame(f.current),f.current=null)}},[y]),r.useEffect(()=>{const a=o.current;if(!a)return;b.current=a.clientHeight,R.current=a.scrollTop;const d=new ResizeObserver(([z])=>{z&&(b.current=z.contentRect.height,y())});return d.observe(a),()=>d.disconnect()},[y]),r.useLayoutEffect(()=>{if(I.current||e.length===0)return;const a=o.current;a&&(s==="bottom"&&(a.scrollTop=a.scrollHeight,R.current=a.scrollTop),I.current=!0)},[s,e.length]),r.useEffect(()=>{e.length===0&&(I.current=!1)},[e.length]);const C=r.useCallback((a,d)=>{const z=c.current;if(!z||g.current.get(a)===d)return;g.current.set(a,d);const w=h.current.indexOf(a);if(w===-1)return;z.setSize(w,d)&&y()},[y]),x=r.useCallback((a,d="auto")=>{var z;(z=o.current)==null||z.scrollTo({top:a,behavior:d})},[]),K=X(o,c,p),A=c.current,L=A?A.totalSize():0,F=o.current,v=(F==null?void 0:F.scrollTop)??R.current,u=(F==null?void 0:F.clientHeight)??b.current,m=((V=p.current)==null?void 0:V.offsetTop)??0,T=Math.max(0,v-m);let P=[];if(A&&A.count>0&&u>0){const a=A.getOffsets(),d=A.getSizes(),z=J(a,T),M=Q(a,d,T+u),w=W({firstVisible:z,lastVisible:M,itemCount:A.count,overscan:l});for(let H=w.start;H<=w.end&&H<e.length;H++)P.push({key:h.current[H]??t(e[H],H),index:H,start:A.getOffset(H),size:A.getSize(H),data:e[H]})}else if(A&&A.count>0){const a=Math.min(e.length-1,l*2);for(let d=0;d<=a;d++)P.push({key:h.current[d]??t(e[d],d),index:d,start:A.getOffset(d),size:A.getSize(d),data:e[d]})}const B=F?F.scrollHeight-F.scrollTop-F.clientHeight:1/0;return{scrollerRef:o,innerRef:p,virtualItems:P,totalSize:L,measureItem:C,scrollToIndex:K,scrollToOffset:x,isAtTop:v<=1,isAtBottom:B<=1,scrollTop:v}}function Z(i,e){const t=r.useRef(0),n=r.useRef(0),l=r.useRef(!1),s=r.useRef({first:null,second:null,timeout:null}),o=r.useCallback(()=>{const{first:c,second:g,timeout:h}=s.current;c&&cancelAnimationFrame(c),g&&cancelAnimationFrame(g),h&&clearTimeout(h),s.current={first:null,second:null,timeout:null}},[]),p=r.useCallback(()=>{const c=i.current;c&&(t.current=c.scrollTop,n.current=c.scrollHeight,l.current=!0)},[i]);return r.useLayoutEffect(()=>{if(!l.current)return;const c=i.current;if(!c)return;l.current=!1;const g=()=>{const h=t.current+(c.scrollHeight-n.current);Number.isFinite(h)&&Math.abs(c.scrollTop-h)>1&&(c.scrollTop=h)};return o(),g(),s.current.first=requestAnimationFrame(()=>{s.current.first=null,g(),s.current.second=requestAnimationFrame(()=>{s.current.second=null,g()})}),s.current.timeout=setTimeout(()=>{s.current.timeout=null,g()},90),()=>o()},[e,i,o]),{prepareAnchor:p}}function ee(i,e){const[t,n]=r.useState(!0),l=r.useRef(null);return r.useEffect(()=>{const s=i.current;if(!s)return;const o=()=>{const c=s.scrollHeight-s.scrollTop-s.clientHeight;n(c<=e)},p=()=>{l.current!==null&&cancelAnimationFrame(l.current),l.current=requestAnimationFrame(o)};return s.addEventListener("scroll",p,{passive:!0}),o(),()=>{s.removeEventListener("scroll",p),l.current!==null&&cancelAnimationFrame(l.current)}},[i,e]),t}function te(i){const{itemCount:e,firstKey:t,lastKey:n,isAtBottom:l,scrollToIndex:s,mode:o}=i,p=r.useRef(e),c=r.useRef(t),g=r.useRef(n);r.useLayoutEffect(()=>{if(!o){p.current=e,c.current=t,g.current=n;return}const h=p.current,I=c.current,R=g.current;e>h&&t===I&&n!==R&&l&&e>0&&s(e-1,{align:"end",behavior:o==="smooth"?"smooth":"auto"}),p.current=e,c.current=t,g.current=n},[e,t,n,l,s,o])}function D(i){const{items:e,getKey:t,estimatedItemSize:n=80,overscan:l=20,atBottomThreshold:s=200,followOutput:o="auto",initialAlignment:p="bottom",onStartReached:c,onEndReached:g,startReachedThreshold:h=300,endReachedThreshold:I=300,scrollToMessageKey:R,onScrollToMessageComplete:b}=i,f=q({items:e,getKey:t,estimatedItemSize:n,overscan:l,initialAlignment:p}),E=ee(f.scrollerRef,s),{prepareAnchor:y}=Z(f.scrollerRef,e.length),k=e.length>0?t(e[0],0):null,S=e.length>0?t(e[e.length-1],e.length-1):null;te({itemCount:e.length,firstKey:k,lastKey:S,isAtBottom:E,scrollToIndex:f.scrollToIndex,mode:o??!1});const C=r.useRef(!1),x=r.useRef(p==="top");r.useEffect(()=>{const v=f.scrollerRef.current;if(!v||!c)return;const u=()=>{const m=v.scrollTop;!x.current&&m>h&&(x.current=!0),x.current&&m<=h&&!C.current&&(C.current=!0,Promise.resolve(c()).finally(()=>{C.current=!1}))};return v.addEventListener("scroll",u,{passive:!0}),()=>v.removeEventListener("scroll",u)},[f.scrollerRef,c,h,p]);const K=r.useRef(!1);r.useEffect(()=>{const v=f.scrollerRef.current;if(!v||!g)return;const u=()=>{v.scrollHeight-v.scrollTop-v.clientHeight<=I&&!K.current&&(K.current=!0,Promise.resolve(g()).finally(()=>{K.current=!1}))};return v.addEventListener("scroll",u,{passive:!0}),()=>v.removeEventListener("scroll",u)},[f.scrollerRef,g,I]);const A=r.useRef(null);r.useEffect(()=>{if(!R||A.current===R)return;const v=e.findIndex((u,m)=>t(u,m)===R);v!==-1&&(A.current=R,f.scrollToIndex(v,{align:"center",behavior:"smooth"}),b==null||b())},[R,e,t,f,b]);const L=r.useCallback((v="auto")=>{e.length!==0&&f.scrollToIndex(e.length-1,{align:"end",behavior:v})},[e.length,f]),F=r.useCallback((v,u)=>{const m=e.findIndex((T,P)=>t(T,P)===v);m!==-1&&f.scrollToIndex(m,u)},[e,t,f]);return{scrollerRef:f.scrollerRef,innerRef:f.innerRef,virtualItems:f.virtualItems,totalSize:f.totalSize,measureItem:f.measureItem,scrollToIndex:f.scrollToIndex,scrollToBottom:L,scrollToKey:F,isAtBottom:E,prepareAnchor:y}}function Y({virtualItem:i,measureItem:e,children:t}){const n=r.useRef(null);return r.useEffect(()=>{const l=n.current;if(!l)return;const s=new ResizeObserver(([o])=>{o&&e(i.key,o.contentRect.height)});return s.observe(l),()=>s.disconnect()},[i.key,e]),j.jsx("div",{ref:n,style:{position:"absolute",top:0,transform:`translateY(${i.start}px)`,width:"100%",minHeight:i.size},children:t})}function re(i,e){const{data:t,itemContent:n,computeItemKey:l,estimatedItemSize:s=80,overscan:o=20,followOutput:p="auto",atBottomThreshold:c=200,initialAlignment:g="bottom",onStartReached:h,onEndReached:I,startReachedThreshold:R=300,endReachedThreshold:b=300,scrollToMessageKey:f,onScrollToMessageComplete:E,onAtBottomChange:y,components:k={},className:S,style:C}=i,{scrollerRef:x,innerRef:K,virtualItems:A,totalSize:L,measureItem:F,scrollToIndex:v,scrollToBottom:u,scrollToKey:m,isAtBottom:T,prepareAnchor:P}=D({items:t,getKey:(z,M)=>l(M,z),estimatedItemSize:s,overscan:o,atBottomThreshold:c,followOutput:p,initialAlignment:g,onStartReached:h,onEndReached:I,startReachedThreshold:R,endReachedThreshold:b,scrollToMessageKey:f,onScrollToMessageComplete:E}),B=_.useRef(T);_.useEffect(()=>{B.current!==T&&(B.current=T,y==null||y(T))},[T,y]),r.useImperativeHandle(e,()=>({scrollToBottom:u,scrollToIndex:v,scrollToKey:m,getScrollTop:()=>{var z;return((z=x.current)==null?void 0:z.scrollTop)??0},isAtBottom:()=>T,prepareAnchor:P}),[u,v,m,x,T,P]);const{Header:V,Footer:a,EmptyPlaceholder:d}=k;return t.length===0&&d?j.jsx(d,{}):j.jsxs("div",{ref:x,className:S,style:{overflow:"auto",height:"100%",position:"relative",overscrollBehaviorY:"contain",...C},children:[V&&j.jsx(V,{}),j.jsx("div",{ref:K,style:{height:L,position:"relative",width:"100%"},children:A.map(z=>j.jsx(Y,{virtualItem:z,measureItem:F,children:n(z.index,z.data)},z.key))}),a&&j.jsx(a,{})]})}const ne=r.forwardRef(re);function se({data:i,itemContent:e,computeItemKey:t,estimatedItemSize:n=60,overscan:l=20,onEndReached:s,endReachedThreshold:o=300,components:p={},className:c,style:g}){const{scrollerRef:h,innerRef:I,virtualItems:R,totalSize:b,measureItem:f}=q({items:i,getKey:(S,C)=>t(C,S),estimatedItemSize:n,overscan:l,initialAlignment:"top"});_.useEffect(()=>{const S=h.current;if(!S||!s)return;let C=!1;const x=()=>{S.scrollHeight-S.scrollTop-S.clientHeight<=o&&!C&&(C=!0,Promise.resolve(s()).finally(()=>{C=!1}))};return S.addEventListener("scroll",x,{passive:!0}),()=>S.removeEventListener("scroll",x)},[h,s,o]);const{Header:E,Footer:y,EmptyPlaceholder:k}=p;return i.length===0&&k?j.jsx(k,{}):j.jsxs("div",{ref:h,className:c,style:{overflow:"auto",height:"100%",position:"relative",overscrollBehaviorY:"contain",...g},children:[E&&j.jsx(E,{}),j.jsx("div",{ref:I,style:{height:b,position:"relative",width:"100%"},children:R.map(S=>j.jsx(Y,{virtualItem:S,measureItem:f,children:e(S.index,S.data)},S.key))}),y&&j.jsx(y,{})]})}function ce(i){const{fetcher:e,initialPage:t=1,direction:n="append",getKey:l,onPageLoaded:s,onError:o}=i,[p,c]=r.useState([]),[g,h]=r.useState(t),[I,R]=r.useState(!0),[b,f]=r.useState(!1),[E,y]=r.useState(!1),[k,S]=r.useState(!1),C=r.useRef(new Set),x=r.useRef(!1),K=r.useCallback(u=>l?u.filter(m=>{const T=l(m);return C.current.has(T)?!1:(C.current.add(T),!0)}):u,[l]),A=r.useCallback(async()=>{if(!(x.current||!I)){x.current=!0,S(!0);try{const u=g+1,m=await e(u),T=K(m.data);c(P=>n==="prepend"?[...T,...P]:[...P,...T]),h(u),R(m.hasNextPage),f(m.hasPrevPage),s==null||s(u,T)}catch(u){o==null||o(u instanceof Error?u:new Error(String(u)))}finally{S(!1),x.current=!1}}},[g,I,e,K,n,s,o]),L=r.useCallback(async()=>{if(!(x.current||!b)){x.current=!0,S(!0);try{const u=g-1,m=await e(u),T=K(m.data);c(P=>[...T,...P]),h(u),f(m.hasPrevPage),R(m.hasNextPage),s==null||s(u,T)}catch(u){o==null||o(u instanceof Error?u:new Error(String(u)))}finally{S(!1),x.current=!1}}},[g,b,e,K,s,o]),F=r.useCallback(async()=>{if(!x.current){x.current=!0,y(!0);try{const u=await e(t),m=u.data;if(l){const T=new Set(m.map(l));m.forEach(P=>C.current.add(l(P))),c(P=>{const B=P.filter(V=>!T.has(l(V)));return n==="prepend"?[...m,...B]:[...B,...m]})}else c(m);h(t),R(u.hasNextPage),f(u.hasPrevPage),s==null||s(t,m)}catch(u){o==null||o(u instanceof Error?u:new Error(String(u)))}finally{y(!1),x.current=!1}}},[e,t,l,n,s,o]),v=r.useCallback(()=>{c([]),h(t),R(!0),f(!1),y(!1),S(!1),C.current.clear(),x.current=!1},[t]);return{items:p,loadNextPage:A,loadPrevPage:L,hasNextPage:I,hasPrevPage:b,loading:E,loadingMore:k,refresh:F,reset:v,currentPage:g}}exports.ChatVirtualList=ne;exports.VirtualList=se;exports.useChatVirtualizer=D;exports.usePagination=ce;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),r=require("react");function $(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const D=$(r);class G{constructor(e,t){this.defaultSize=t,this.sizes=e>0?Array(e).fill(t):[],this.offsets=e>0?Array(e).fill(0):[],e>0&&this._recalcFrom(0)}_recalcFrom(e){for(let t=e;t<this.sizes.length;t++)this.offsets[t]=t===0?0:(this.offsets[t-1]??0)+(this.sizes[t-1]??this.defaultSize)}getOffset(e){return this.offsets[e]??0}getSize(e){return this.sizes[e]??this.defaultSize}setSize(e,t){return this.sizes[e]===t?!1:(this.sizes[e]=t,this._recalcFrom(e+1),!0)}prepend(e){const t=Array(e).fill(this.defaultSize);this.sizes=[...t,...this.sizes],this.offsets=Array(this.sizes.length).fill(0),this._recalcFrom(0)}append(e){const t=this.sizes.length;for(let n=0;n<e;n++)this.sizes.push(this.defaultSize),this.offsets.push(0);this._recalcFrom(t)}resize(e){const t=this.sizes.length;e>t?this.append(e-t):e<t&&(this.sizes=this.sizes.slice(0,e),this.offsets=this.offsets.slice(0,e))}totalSize(){if(this.sizes.length===0)return 0;const e=this.sizes.length-1;return(this.offsets[e]??0)+(this.sizes[e]??this.defaultSize)}get count(){return this.sizes.length}getOffsets(){return this.offsets}getSizes(){return this.sizes}}class J{constructor(){this.cache=new Map}get(e){return this.cache.get(e)}set(e,t){this.cache.set(e,t)}has(e){return this.cache.has(e)}delete(e){this.cache.delete(e)}clear(){this.cache.clear()}applyToOffsetMap(e,t){for(const[n,l]of this.cache){const i=t.get(n);i!==void 0&&e.setSize(i,l)}}}function Q(o,e){if(o.length===0)return 0;let t=0,n=o.length-1;for(;t<n;){const l=t+n>>1;(o[l]??0)<e?t=l+1:n=l}return Math.max(0,t>0&&(o[t]??0)>e?t-1:t)}function W(o,e,t){if(o.length===0)return 0;for(let n=o.length-1;n>=0;n--)if((o[n]??0)<t)return n;return 0}function Z(o){const{firstVisible:e,lastVisible:t,itemCount:n,overscan:l}=o;return n===0?{start:0,end:-1}:{start:Math.max(0,e-l),end:Math.min(n-1,t+l)}}function ee(o,e,t){return r.useCallback((n,l)=>{var H;const i=o.current,c=e.current;if(!i||!c)return;let m,f;if(typeof n=="object"&&n!==null?(m=n.index,f={align:n.align,behavior:n.behavior,offset:n.offset}):(m=n,f=l),!Number.isFinite(m))return;const d=Math.max(0,Math.min(Math.floor(m),c.count-1)),g=((H=t==null?void 0:t.current)==null?void 0:H.offsetTop)??0,z=c.getOffset(d),S=c.getSize(d),T=(f==null?void 0:f.align)??"start",h=(f==null?void 0:f.behavior)??"auto",F=(f==null?void 0:f.offset)??0;let y;T==="start"?y=g+z+F:T==="center"?y=g+z-i.clientHeight/2+S/2+F:y=g+z-i.clientHeight+S+F,i.scrollTo({top:Math.max(0,y),behavior:h})},[o,e,t])}function Y(o){var N;const{items:e,getKey:t,estimatedItemSize:n,overscan:l,initialAlignment:i}=o,c=r.useRef(null),m=r.useRef(null),f=r.useRef(null),d=r.useRef(new J),g=r.useRef([]),z=r.useRef(!1),S=r.useRef(0),T=r.useRef(0),h=r.useRef(null),F=r.useRef(!1),y=r.useRef(null),[,H]=r.useState(0),v=r.useCallback(()=>H(s=>s+1),[]);f.current||(f.current=new G(e.length,n));const P=r.useRef(e.length);if(e.length!==P.current||e.some((s,R)=>{const C=t(s,R);return g.current[R]!==C})){const s=f.current,R=e.map((O,q)=>t(O,q)),C=g.current,b=C.length,E=R.length;E===0?s.resize(0):b===0?s.resize(E):E>b?C.length>0&&R[E-b]===C[0]?s.prepend(E-b):s.resize(E):E<b&&s.resize(E);const k=new Map;R.forEach((O,q)=>k.set(O,q)),d.current.applyToOffsetMap(s,k),g.current=R,P.current=e.length}r.useEffect(()=>{const s=c.current;if(!s)return;const R=()=>{h.current===null&&(h.current=requestAnimationFrame(()=>{h.current=null,S.current=s.scrollTop,T.current=s.clientHeight,v()}))};return s.addEventListener("scroll",R,{passive:!0}),()=>{s.removeEventListener("scroll",R),h.current!==null&&(cancelAnimationFrame(h.current),h.current=null)}},[v]),r.useEffect(()=>{const s=c.current;if(!s)return;T.current=s.clientHeight,S.current=s.scrollTop;const R=new ResizeObserver(([C])=>{C&&(T.current=C.contentRect.height,v())});return R.observe(s),()=>R.disconnect()},[v]),r.useLayoutEffect(()=>{if(z.current||e.length===0)return;const s=c.current;if(s){if(i==="bottom"){s.scrollTop=s.scrollHeight,S.current=s.scrollTop,T.current=s.clientHeight,F.current=!0,y.current!==null&&cancelAnimationFrame(y.current);let R=0;const C=30,b=()=>{if(!F.current||R>=C){F.current=!1,y.current=null;return}R++,s.scrollTop=s.scrollHeight,S.current=s.scrollTop,y.current=requestAnimationFrame(b)};y.current=requestAnimationFrame(b)}z.current=!0}},[i,e.length]),r.useEffect(()=>{e.length===0&&(z.current=!1,F.current=!1,y.current!==null&&(cancelAnimationFrame(y.current),y.current=null))},[e.length]);const w=r.useCallback((s,R)=>{const C=f.current;if(!C||d.current.get(s)===R)return;d.current.set(s,R);const E=g.current.indexOf(s);if(E===-1)return;C.setSize(E,R)&&v()},[v]),L=r.useCallback((s,R="auto")=>{var C;(C=c.current)==null||C.scrollTo({top:s,behavior:R})},[]),B=ee(c,f,m),I=f.current,V=I?I.totalSize():0,a=c.current,u=(a==null?void 0:a.scrollTop)??S.current,p=(a==null?void 0:a.clientHeight)??T.current,x=((N=m.current)==null?void 0:N.offsetTop)??0,K=Math.max(0,u-x);let j=[];if(I&&I.count>0&&p>0){const s=I.getOffsets(),R=I.getSizes(),C=Q(s,K),b=W(s,R,K+p),E=Z({firstVisible:C,lastVisible:b,itemCount:I.count,overscan:l});for(let k=E.start;k<=E.end&&k<e.length;k++)j.push({key:g.current[k]??t(e[k],k),index:k,start:I.getOffset(k),size:I.getSize(k),data:e[k]})}else if(I&&I.count>0){const s=Math.min(e.length,l*2+1),R=i==="bottom"?Math.max(0,e.length-s):0,C=R+s-1;for(let b=R;b<=C;b++)j.push({key:g.current[b]??t(e[b],b),index:b,start:I.getOffset(b),size:I.getSize(b),data:e[b]})}const _=a?a.scrollHeight-a.scrollTop-a.clientHeight:1/0;return{scrollerRef:c,innerRef:m,virtualItems:j,totalSize:V,measureItem:w,scrollToIndex:B,scrollToOffset:L,isAtTop:u<=1,isAtBottom:_<=1,scrollTop:u}}function te(o,e,t){const n=r.useRef(0),l=r.useRef(0),i=r.useRef(!1),c=r.useRef({first:null,second:null,timeout:null}),m=r.useCallback(()=>{const{first:d,second:g,timeout:z}=c.current;d&&cancelAnimationFrame(d),g&&cancelAnimationFrame(g),z&&clearTimeout(z),c.current={first:null,second:null,timeout:null}},[]),f=r.useCallback(()=>{const d=o.current;d&&(n.current=d.scrollTop,l.current=d.scrollHeight,i.current=!0)},[o]);return r.useLayoutEffect(()=>{if(!i.current)return;const d=o.current;if(!d)return;i.current=!1;const g=()=>{const z=n.current+(d.scrollHeight-l.current);Number.isFinite(z)&&Math.abs(d.scrollTop-z)>1&&(d.scrollTop=z)};return m(),g(),t==null||t(),c.current.first=requestAnimationFrame(()=>{c.current.first=null,g(),c.current.second=requestAnimationFrame(()=>{c.current.second=null,g()})}),c.current.timeout=setTimeout(()=>{c.current.timeout=null,g()},90),()=>m()},[e,o,m,t]),{prepareAnchor:f}}function re(o,e){const[t,n]=r.useState(!0),l=r.useRef(null);return r.useEffect(()=>{const i=o.current;if(!i)return;const c=()=>{const f=i.scrollHeight-i.scrollTop-i.clientHeight;n(f<=e)},m=()=>{l.current!==null&&cancelAnimationFrame(l.current),l.current=requestAnimationFrame(c)};return i.addEventListener("scroll",m,{passive:!0}),c(),()=>{i.removeEventListener("scroll",m),l.current!==null&&cancelAnimationFrame(l.current)}},[o,e]),t}function ne(o){const{itemCount:e,firstKey:t,lastKey:n,isAtBottom:l,scrollToIndex:i,mode:c}=o,m=r.useRef(e),f=r.useRef(t),d=r.useRef(n);r.useLayoutEffect(()=>{if(!c){m.current=e,f.current=t,d.current=n;return}const g=m.current,z=f.current,S=d.current;e>g&&t===z&&n!==S&&l&&e>0&&i(e-1,{align:"end",behavior:c==="smooth"?"smooth":"auto"}),m.current=e,f.current=t,d.current=n},[e,t,n,l,i,c])}function U(o){const{items:e,getKey:t,estimatedItemSize:n=80,overscan:l=20,atBottomThreshold:i=200,followOutput:c="auto",initialAlignment:m="bottom",onStartReached:f,onEndReached:d,startReachedThreshold:g=300,endReachedThreshold:z=300,scrollToMessageKey:S,onScrollToMessageComplete:T}=o,h=Y({items:e,getKey:t,estimatedItemSize:n,overscan:l,initialAlignment:m}),F=re(h.scrollerRef,i),[,y]=r.useState(0),H=r.useCallback(()=>y(u=>u+1),[]),{prepareAnchor:v}=te(h.scrollerRef,e.length,H),P=e.length>0?t(e[0],0):null,A=e.length>0?t(e[e.length-1],e.length-1):null;ne({itemCount:e.length,firstKey:P,lastKey:A,isAtBottom:F,scrollToIndex:h.scrollToIndex,mode:c??!1});const w=r.useRef(!1),L=r.useRef(m==="top");r.useEffect(()=>{const u=h.scrollerRef.current;if(!u||!f)return;const p=()=>{const x=u.scrollTop;!L.current&&x>g&&(L.current=!0),L.current&&x<=g&&!w.current&&(w.current=!0,Promise.resolve(f()).finally(()=>{w.current=!1}))};return u.addEventListener("scroll",p,{passive:!0}),()=>u.removeEventListener("scroll",p)},[h.scrollerRef,f,g,m]);const B=r.useRef(!1);r.useEffect(()=>{const u=h.scrollerRef.current;if(!u||!d)return;const p=()=>{u.scrollHeight-u.scrollTop-u.clientHeight<=z&&!B.current&&(B.current=!0,Promise.resolve(d()).finally(()=>{B.current=!1}))};return u.addEventListener("scroll",p,{passive:!0}),()=>u.removeEventListener("scroll",p)},[h.scrollerRef,d,z]);const I=r.useRef(null);r.useEffect(()=>{if(!S||I.current===S)return;const u=e.findIndex((p,x)=>t(p,x)===S);u!==-1&&(I.current=S,h.scrollToIndex(u,{align:"center",behavior:"smooth"}),T==null||T())},[S,e,t,h,T]);const V=r.useCallback((u="auto")=>{e.length!==0&&h.scrollToIndex(e.length-1,{align:"end",behavior:u})},[e.length,h]),a=r.useCallback((u,p)=>{const x=e.findIndex((K,j)=>t(K,j)===u);x!==-1&&h.scrollToIndex(x,p)},[e,t,h]);return{scrollerRef:h.scrollerRef,innerRef:h.innerRef,virtualItems:h.virtualItems,totalSize:h.totalSize,measureItem:h.measureItem,scrollToIndex:h.scrollToIndex,scrollToBottom:V,scrollToKey:a,isAtBottom:F,prepareAnchor:v}}function X({virtualItem:o,measureItem:e,children:t}){const n=r.useRef(null),l=r.useRef(!1);return r.useEffect(()=>{const i=n.current;if(!i)return;l.current=!1;const c=new ResizeObserver(([m])=>{m&&(l.current=!0,e(o.key,m.contentRect.height))});return c.observe(i),()=>c.disconnect()},[o.key,e]),M.jsx("div",{ref:n,style:{position:"absolute",top:0,transform:`translateY(${o.start}px)`,width:"100%",minHeight:l.current?void 0:o.size},children:t})}function se(o,e){const{data:t,itemContent:n,computeItemKey:l,estimatedItemSize:i=80,overscan:c=20,followOutput:m="auto",atBottomThreshold:f=200,initialAlignment:d="bottom",onStartReached:g,onEndReached:z,startReachedThreshold:S=300,endReachedThreshold:T=300,scrollToMessageKey:h,onScrollToMessageComplete:F,onAtBottomChange:y,components:H={},className:v,style:P}=o,{scrollerRef:A,innerRef:w,virtualItems:L,totalSize:B,measureItem:I,scrollToIndex:V,scrollToBottom:a,scrollToKey:u,isAtBottom:p,prepareAnchor:x}=U({items:t,getKey:(s,R)=>l(R,s),estimatedItemSize:i,overscan:c,atBottomThreshold:f,followOutput:m,initialAlignment:d,onStartReached:g,onEndReached:z,startReachedThreshold:S,endReachedThreshold:T,scrollToMessageKey:h,onScrollToMessageComplete:F}),K=D.useRef(p);D.useEffect(()=>{K.current!==p&&(K.current=p,y==null||y(p))},[p,y]),r.useImperativeHandle(e,()=>({scrollToBottom:a,scrollToIndex:V,scrollToKey:u,getScrollTop:()=>{var s;return((s=A.current)==null?void 0:s.scrollTop)??0},isAtBottom:()=>p,prepareAnchor:x}),[a,V,u,A,p,x]);const{Header:j,Footer:_,EmptyPlaceholder:N}=H;return t.length===0&&N?M.jsx(N,{}):M.jsxs("div",{ref:A,className:v,style:{overflow:"auto",height:"100%",position:"relative",overscrollBehaviorY:"contain",...P},children:[j&&M.jsx(j,{}),M.jsx("div",{ref:w,style:{height:B,position:"relative",width:"100%"},children:L.map(s=>M.jsx(X,{virtualItem:s,measureItem:I,children:n(s.index,s.data)},s.key))}),_&&M.jsx(_,{})]})}const ce=r.forwardRef(se);function ie({data:o,itemContent:e,computeItemKey:t,estimatedItemSize:n=60,overscan:l=20,onEndReached:i,endReachedThreshold:c=300,components:m={},className:f,style:d}){const{scrollerRef:g,innerRef:z,virtualItems:S,totalSize:T,measureItem:h}=Y({items:o,getKey:(v,P)=>t(P,v),estimatedItemSize:n,overscan:l,initialAlignment:"top"});D.useEffect(()=>{const v=g.current;if(!v||!i)return;let P=!1;const A=()=>{v.scrollHeight-v.scrollTop-v.clientHeight<=c&&!P&&(P=!0,Promise.resolve(i()).finally(()=>{P=!1}))};return v.addEventListener("scroll",A,{passive:!0}),()=>v.removeEventListener("scroll",A)},[g,i,c]);const{Header:F,Footer:y,EmptyPlaceholder:H}=m;return o.length===0&&H?M.jsx(H,{}):M.jsxs("div",{ref:g,className:f,style:{overflow:"auto",height:"100%",position:"relative",overscrollBehaviorY:"contain",...d},children:[F&&M.jsx(F,{}),M.jsx("div",{ref:z,style:{height:T,position:"relative",width:"100%"},children:S.map(v=>M.jsx(X,{virtualItem:v,measureItem:h,children:e(v.index,v.data)},v.key))}),y&&M.jsx(y,{})]})}function oe(o){const{fetcher:e,initialPage:t=1,direction:n="append",getKey:l,onPageLoaded:i,onError:c}=o,[m,f]=r.useState([]),[d,g]=r.useState(t),[z,S]=r.useState(!0),[T,h]=r.useState(!1),[F,y]=r.useState(!1),[H,v]=r.useState(!1),P=r.useRef(new Set),A=r.useRef(!1),w=r.useCallback(a=>l?a.filter(u=>{const p=l(u);return P.current.has(p)?!1:(P.current.add(p),!0)}):a,[l]),L=r.useCallback(async()=>{if(!(A.current||!z)){A.current=!0,v(!0);try{const a=d+1,u=await e(a),p=w(u.data);f(x=>n==="prepend"?[...p,...x]:[...x,...p]),g(a),S(u.hasNextPage),h(u.hasPrevPage),i==null||i(a,p)}catch(a){c==null||c(a instanceof Error?a:new Error(String(a)))}finally{v(!1),A.current=!1}}},[d,z,e,w,n,i,c]),B=r.useCallback(async()=>{if(!(A.current||!T)){A.current=!0,v(!0);try{const a=d-1,u=await e(a),p=w(u.data);f(x=>[...p,...x]),g(a),h(u.hasPrevPage),S(u.hasNextPage),i==null||i(a,p)}catch(a){c==null||c(a instanceof Error?a:new Error(String(a)))}finally{v(!1),A.current=!1}}},[d,T,e,w,i,c]),I=r.useCallback(async()=>{if(!A.current){A.current=!0,y(!0);try{const a=await e(t),u=a.data;if(l){const p=new Set(u.map(l));u.forEach(x=>P.current.add(l(x))),f(x=>{const K=x.filter(j=>!p.has(l(j)));return n==="prepend"?[...u,...K]:[...K,...u]})}else f(u);g(t),S(a.hasNextPage),h(a.hasPrevPage),i==null||i(t,u)}catch(a){c==null||c(a instanceof Error?a:new Error(String(a)))}finally{y(!1),A.current=!1}}},[e,t,l,n,i,c]),V=r.useCallback(()=>{f([]),g(t),S(!0),h(!1),y(!1),v(!1),P.current.clear(),A.current=!1},[t]);return{items:m,loadNextPage:L,loadPrevPage:B,hasNextPage:z,hasPrevPage:T,loading:F,loadingMore:H,refresh:I,reset:V,currentPage:d}}exports.ChatVirtualList=ce;exports.VirtualList=ie;exports.useChatVirtualizer=U;exports.usePagination=oe;

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as B, jsxs as $ } from "react/jsx-runtime";
-import * as U from "react";
-import { useCallback as L, useRef as y, useState as V, useEffect as N, useLayoutEffect as D, forwardRef as Q, useImperativeHandle as W } from "react";
-class X {
+import { jsx as B, jsxs as G } from "react/jsx-runtime";
+import * as X from "react";
+import { useCallback as M, useRef as y, useState as _, useEffect as j, useLayoutEffect as $, forwardRef as W, useImperativeHandle as Z } from "react";
+class ee {
   constructor(e, t) {
     this.defaultSize = t, this.sizes = e > 0 ? Array(e).fill(t) : [], this.offsets = e > 0 ? Array(e).fill(0) : [], e > 0 && this._recalcFrom(0);
   }
@@ -48,7 +48,7 @@ class X {
     return this.sizes;
   }
 }
-class Z {
+class te {
   constructor() {
     this.cache = /* @__PURE__ */ new Map();
   }
@@ -69,310 +69,325 @@ class Z {
   }
   /** Re-applies all cached sizes to the OffsetMap using a key→index map */
   applyToOffsetMap(e, t) {
-    for (const [n, i] of this.cache) {
-      const r = t.get(n);
-      r !== void 0 && e.setSize(r, i);
+    for (const [n, o] of this.cache) {
+      const c = t.get(n);
+      c !== void 0 && e.setSize(c, o);
     }
   }
 }
-function ee(l, e) {
-  if (l.length === 0) return 0;
-  let t = 0, n = l.length - 1;
+function re(a, e) {
+  if (a.length === 0) return 0;
+  let t = 0, n = a.length - 1;
   for (; t < n; ) {
-    const i = t + n >> 1;
-    (l[i] ?? 0) < e ? t = i + 1 : n = i;
+    const o = t + n >> 1;
+    (a[o] ?? 0) < e ? t = o + 1 : n = o;
   }
-  return Math.max(0, t > 0 && (l[t] ?? 0) > e ? t - 1 : t);
+  return Math.max(0, t > 0 && (a[t] ?? 0) > e ? t - 1 : t);
 }
-function te(l, e, t) {
-  if (l.length === 0) return 0;
-  for (let n = l.length - 1; n >= 0; n--)
-    if ((l[n] ?? 0) < t) return n;
+function ne(a, e, t) {
+  if (a.length === 0) return 0;
+  for (let n = a.length - 1; n >= 0; n--)
+    if ((a[n] ?? 0) < t) return n;
   return 0;
 }
-function re(l) {
-  const { firstVisible: e, lastVisible: t, itemCount: n, overscan: i } = l;
+function se(a) {
+  const { firstVisible: e, lastVisible: t, itemCount: n, overscan: o } = a;
   return n === 0 ? { start: 0, end: -1 } : {
-    start: Math.max(0, e - i),
-    end: Math.min(n - 1, t + i)
+    start: Math.max(0, e - o),
+    end: Math.min(n - 1, t + o)
   };
 }
-function ne(l, e, t) {
-  return L(
-    (n, i) => {
-      var K;
-      const r = l.current, o = e.current;
-      if (!r || !o) return;
-      let m, s;
-      if (typeof n == "object" && n !== null ? (m = n.index, s = {
+function ce(a, e, t) {
+  return M(
+    (n, o) => {
+      var E;
+      const c = a.current, s = e.current;
+      if (!c || !s) return;
+      let m, u;
+      if (typeof n == "object" && n !== null ? (m = n.index, u = {
         align: n.align,
         behavior: n.behavior,
         offset: n.offset
-      }) : (m = n, s = i), !Number.isFinite(m)) return;
-      const d = Math.max(0, Math.min(Math.floor(m), o.count - 1)), f = ((K = t == null ? void 0 : t.current) == null ? void 0 : K.offsetTop) ?? 0, A = o.getOffset(d), T = o.getSize(d), R = (s == null ? void 0 : s.align) ?? "start", u = (s == null ? void 0 : s.behavior) ?? "auto", H = (s == null ? void 0 : s.offset) ?? 0;
-      let v;
-      R === "start" ? v = f + A + H : R === "center" ? v = f + A - r.clientHeight / 2 + T / 2 + H : v = f + A - r.clientHeight + T + H, r.scrollTo({ top: Math.max(0, v), behavior: u });
+      }) : (m = n, u = o), !Number.isFinite(m)) return;
+      const h = Math.max(0, Math.min(Math.floor(m), s.count - 1)), d = ((E = t == null ? void 0 : t.current) == null ? void 0 : E.offsetTop) ?? 0, T = s.getOffset(h), S = s.getSize(h), x = (u == null ? void 0 : u.align) ?? "start", f = (u == null ? void 0 : u.behavior) ?? "auto", H = (u == null ? void 0 : u.offset) ?? 0;
+      let z;
+      x === "start" ? z = d + T + H : x === "center" ? z = d + T - c.clientHeight / 2 + S / 2 + H : z = d + T - c.clientHeight + S + H, c.scrollTo({ top: Math.max(0, z), behavior: f });
     },
-    [l, e, t]
+    [a, e, t]
   );
 }
-function G(l) {
-  var q;
-  const { items: e, getKey: t, estimatedItemSize: n, overscan: i, initialAlignment: r } = l, o = y(null), m = y(null), s = y(null), d = y(new Z()), f = y([]), A = y(!1), T = y(0), R = y(0), u = y(null), [, H] = V(0), v = L(() => H((a) => a + 1), []);
-  s.current || (s.current = new X(e.length, n));
-  const K = y(e.length);
-  if (e.length !== K.current || e.some((a, h) => {
-    const z = t(a, h);
-    return f.current[h] !== z;
+function J(a) {
+  var O;
+  const { items: e, getKey: t, estimatedItemSize: n, overscan: o, initialAlignment: c } = a, s = y(null), m = y(null), u = y(null), h = y(new te()), d = y([]), T = y(!1), S = y(0), x = y(0), f = y(null), H = y(!1), z = y(null), [, E] = _(0), p = M(() => E((r) => r + 1), []);
+  u.current || (u.current = new ee(e.length, n));
+  const P = y(e.length);
+  if (e.length !== P.current || e.some((r, v) => {
+    const b = t(r, v);
+    return d.current[v] !== b;
   })) {
-    const a = s.current, h = e.map((O, Y) => t(O, Y)), z = f.current, k = z.length, E = h.length;
-    E === 0 ? a.resize(0) : k === 0 ? a.resize(E) : E > k ? z.length > 0 && h[E - k] === z[0] ? a.prepend(E - k) : a.resize(E) : E < k && a.resize(E);
-    const M = /* @__PURE__ */ new Map();
-    h.forEach((O, Y) => M.set(O, Y)), d.current.applyToOffsetMap(a, M), f.current = h, K.current = e.length;
+    const r = u.current, v = e.map((U, D) => t(U, D)), b = d.current, I = b.length, w = v.length;
+    w === 0 ? r.resize(0) : I === 0 ? r.resize(w) : w > I ? b.length > 0 && v[w - I] === b[0] ? r.prepend(w - I) : r.resize(w) : w < I && r.resize(w);
+    const K = /* @__PURE__ */ new Map();
+    v.forEach((U, D) => K.set(U, D)), h.current.applyToOffsetMap(r, K), d.current = v, P.current = e.length;
   }
-  N(() => {
-    const a = o.current;
-    if (!a) return;
-    const h = () => {
-      u.current === null && (u.current = requestAnimationFrame(() => {
-        u.current = null, T.current = a.scrollTop, R.current = a.clientHeight, v();
+  j(() => {
+    const r = s.current;
+    if (!r) return;
+    const v = () => {
+      f.current === null && (f.current = requestAnimationFrame(() => {
+        f.current = null, S.current = r.scrollTop, x.current = r.clientHeight, p();
       }));
     };
-    return a.addEventListener("scroll", h, { passive: !0 }), () => {
-      a.removeEventListener("scroll", h), u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
+    return r.addEventListener("scroll", v, { passive: !0 }), () => {
+      r.removeEventListener("scroll", v), f.current !== null && (cancelAnimationFrame(f.current), f.current = null);
     };
-  }, [v]), N(() => {
-    const a = o.current;
-    if (!a) return;
-    R.current = a.clientHeight, T.current = a.scrollTop;
-    const h = new ResizeObserver(([z]) => {
-      z && (R.current = z.contentRect.height, v());
+  }, [p]), j(() => {
+    const r = s.current;
+    if (!r) return;
+    x.current = r.clientHeight, S.current = r.scrollTop;
+    const v = new ResizeObserver(([b]) => {
+      b && (x.current = b.contentRect.height, p());
     });
-    return h.observe(a), () => h.disconnect();
-  }, [v]), D(() => {
-    if (A.current || e.length === 0) return;
-    const a = o.current;
-    a && (r === "bottom" && (a.scrollTop = a.scrollHeight, T.current = a.scrollTop), A.current = !0);
-  }, [r, e.length]), N(() => {
-    e.length === 0 && (A.current = !1);
+    return v.observe(r), () => v.disconnect();
+  }, [p]), $(() => {
+    if (T.current || e.length === 0) return;
+    const r = s.current;
+    if (r) {
+      if (c === "bottom") {
+        r.scrollTop = r.scrollHeight, S.current = r.scrollTop, x.current = r.clientHeight, H.current = !0, z.current !== null && cancelAnimationFrame(z.current);
+        let v = 0;
+        const b = 30, I = () => {
+          if (!H.current || v >= b) {
+            H.current = !1, z.current = null;
+            return;
+          }
+          v++, r.scrollTop = r.scrollHeight, S.current = r.scrollTop, z.current = requestAnimationFrame(I);
+        };
+        z.current = requestAnimationFrame(I);
+      }
+      T.current = !0;
+    }
+  }, [c, e.length]), j(() => {
+    e.length === 0 && (T.current = !1, H.current = !1, z.current !== null && (cancelAnimationFrame(z.current), z.current = null));
   }, [e.length]);
-  const F = L((a, h) => {
-    const z = s.current;
-    if (!z || d.current.get(a) === h) return;
-    d.current.set(a, h);
-    const E = f.current.indexOf(a);
-    if (E === -1) return;
-    z.setSize(E, h) && v();
-  }, [v]), I = L(
-    (a, h = "auto") => {
-      var z;
-      (z = o.current) == null || z.scrollTo({ top: a, behavior: h });
+  const C = M((r, v) => {
+    const b = u.current;
+    if (!b || h.current.get(r) === v) return;
+    h.current.set(r, v);
+    const w = d.current.indexOf(r);
+    if (w === -1) return;
+    b.setSize(w, v) && p();
+  }, [p]), V = M(
+    (r, v = "auto") => {
+      var b;
+      (b = s.current) == null || b.scrollTo({ top: r, behavior: v });
     },
     []
-  ), C = ne(o, s, m), b = s.current, _ = b ? b.totalSize() : 0, w = o.current, p = (w == null ? void 0 : w.scrollTop) ?? T.current, c = (w == null ? void 0 : w.clientHeight) ?? R.current, g = ((q = m.current) == null ? void 0 : q.offsetTop) ?? 0, x = Math.max(0, p - g);
-  let P = [];
-  if (b && b.count > 0 && c > 0) {
-    const a = b.getOffsets(), h = b.getSizes(), z = ee(a, x), k = te(
-      a,
-      h,
-      x + c
-    ), E = re({
-      firstVisible: z,
-      lastVisible: k,
-      itemCount: b.count,
-      overscan: i
+  ), N = ce(s, u, m), F = u.current, q = F ? F.totalSize() : 0, l = s.current, i = (l == null ? void 0 : l.scrollTop) ?? S.current, g = (l == null ? void 0 : l.clientHeight) ?? x.current, A = ((O = m.current) == null ? void 0 : O.offsetTop) ?? 0, L = Math.max(0, i - A);
+  let k = [];
+  if (F && F.count > 0 && g > 0) {
+    const r = F.getOffsets(), v = F.getSizes(), b = re(r, L), I = ne(
+      r,
+      v,
+      L + g
+    ), w = se({
+      firstVisible: b,
+      lastVisible: I,
+      itemCount: F.count,
+      overscan: o
     });
-    for (let M = E.start; M <= E.end && M < e.length; M++)
-      P.push({
-        key: f.current[M] ?? t(e[M], M),
-        index: M,
-        start: b.getOffset(M),
-        size: b.getSize(M),
-        data: e[M]
+    for (let K = w.start; K <= w.end && K < e.length; K++)
+      k.push({
+        key: d.current[K] ?? t(e[K], K),
+        index: K,
+        start: F.getOffset(K),
+        size: F.getSize(K),
+        data: e[K]
       });
-  } else if (b && b.count > 0) {
-    const a = Math.min(e.length - 1, i * 2);
-    for (let h = 0; h <= a; h++)
-      P.push({
-        key: f.current[h] ?? t(e[h], h),
-        index: h,
-        start: b.getOffset(h),
-        size: b.getSize(h),
-        data: e[h]
+  } else if (F && F.count > 0) {
+    const r = Math.min(e.length, o * 2 + 1), v = c === "bottom" ? Math.max(0, e.length - r) : 0, b = v + r - 1;
+    for (let I = v; I <= b; I++)
+      k.push({
+        key: d.current[I] ?? t(e[I], I),
+        index: I,
+        start: F.getOffset(I),
+        size: F.getSize(I),
+        data: e[I]
       });
   }
-  const j = w ? w.scrollHeight - w.scrollTop - w.clientHeight : 1 / 0;
+  const Y = l ? l.scrollHeight - l.scrollTop - l.clientHeight : 1 / 0;
   return {
-    scrollerRef: o,
+    scrollerRef: s,
     innerRef: m,
-    virtualItems: P,
-    totalSize: _,
-    measureItem: F,
-    scrollToIndex: C,
-    scrollToOffset: I,
-    isAtTop: p <= 1,
-    isAtBottom: j <= 1,
-    scrollTop: p
+    virtualItems: k,
+    totalSize: q,
+    measureItem: C,
+    scrollToIndex: N,
+    scrollToOffset: V,
+    isAtTop: i <= 1,
+    isAtBottom: Y <= 1,
+    scrollTop: i
   };
 }
-function se(l, e) {
-  const t = y(0), n = y(0), i = y(!1), r = y({
+function oe(a, e, t) {
+  const n = y(0), o = y(0), c = y(!1), s = y({
     first: null,
     second: null,
     timeout: null
-  }), o = L(() => {
-    const { first: s, second: d, timeout: f } = r.current;
-    s && cancelAnimationFrame(s), d && cancelAnimationFrame(d), f && clearTimeout(f), r.current = { first: null, second: null, timeout: null };
-  }, []), m = L(() => {
-    const s = l.current;
-    s && (t.current = s.scrollTop, n.current = s.scrollHeight, i.current = !0);
-  }, [l]);
-  return D(() => {
-    if (!i.current) return;
-    const s = l.current;
-    if (!s) return;
-    i.current = !1;
+  }), m = M(() => {
+    const { first: h, second: d, timeout: T } = s.current;
+    h && cancelAnimationFrame(h), d && cancelAnimationFrame(d), T && clearTimeout(T), s.current = { first: null, second: null, timeout: null };
+  }, []), u = M(() => {
+    const h = a.current;
+    h && (n.current = h.scrollTop, o.current = h.scrollHeight, c.current = !0);
+  }, [a]);
+  return $(() => {
+    if (!c.current) return;
+    const h = a.current;
+    if (!h) return;
+    c.current = !1;
     const d = () => {
-      const f = t.current + (s.scrollHeight - n.current);
-      Number.isFinite(f) && Math.abs(s.scrollTop - f) > 1 && (s.scrollTop = f);
+      const T = n.current + (h.scrollHeight - o.current);
+      Number.isFinite(T) && Math.abs(h.scrollTop - T) > 1 && (h.scrollTop = T);
     };
-    return o(), d(), r.current.first = requestAnimationFrame(() => {
-      r.current.first = null, d(), r.current.second = requestAnimationFrame(() => {
-        r.current.second = null, d();
+    return m(), d(), t == null || t(), s.current.first = requestAnimationFrame(() => {
+      s.current.first = null, d(), s.current.second = requestAnimationFrame(() => {
+        s.current.second = null, d();
       });
-    }), r.current.timeout = setTimeout(() => {
-      r.current.timeout = null, d();
-    }, 90), () => o();
-  }, [e, l, o]), { prepareAnchor: m };
+    }), s.current.timeout = setTimeout(() => {
+      s.current.timeout = null, d();
+    }, 90), () => m();
+  }, [e, a, m, t]), { prepareAnchor: u };
 }
-function oe(l, e) {
-  const [t, n] = V(!0), i = y(null);
-  return N(() => {
-    const r = l.current;
-    if (!r) return;
-    const o = () => {
-      const s = r.scrollHeight - r.scrollTop - r.clientHeight;
-      n(s <= e);
+function ie(a, e) {
+  const [t, n] = _(!0), o = y(null);
+  return j(() => {
+    const c = a.current;
+    if (!c) return;
+    const s = () => {
+      const u = c.scrollHeight - c.scrollTop - c.clientHeight;
+      n(u <= e);
     }, m = () => {
-      i.current !== null && cancelAnimationFrame(i.current), i.current = requestAnimationFrame(o);
+      o.current !== null && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(s);
     };
-    return r.addEventListener("scroll", m, { passive: !0 }), o(), () => {
-      r.removeEventListener("scroll", m), i.current !== null && cancelAnimationFrame(i.current);
+    return c.addEventListener("scroll", m, { passive: !0 }), s(), () => {
+      c.removeEventListener("scroll", m), o.current !== null && cancelAnimationFrame(o.current);
     };
-  }, [l, e]), t;
+  }, [a, e]), t;
 }
-function ie(l) {
-  const { itemCount: e, firstKey: t, lastKey: n, isAtBottom: i, scrollToIndex: r, mode: o } = l, m = y(e), s = y(t), d = y(n);
-  D(() => {
-    if (!o) {
-      m.current = e, s.current = t, d.current = n;
+function le(a) {
+  const { itemCount: e, firstKey: t, lastKey: n, isAtBottom: o, scrollToIndex: c, mode: s } = a, m = y(e), u = y(t), h = y(n);
+  $(() => {
+    if (!s) {
+      m.current = e, u.current = t, h.current = n;
       return;
     }
-    const f = m.current, A = s.current, T = d.current;
-    e > f && t === A && n !== T && i && e > 0 && r(e - 1, {
+    const d = m.current, T = u.current, S = h.current;
+    e > d && t === T && n !== S && o && e > 0 && c(e - 1, {
       align: "end",
-      behavior: o === "smooth" ? "smooth" : "auto"
-    }), m.current = e, s.current = t, d.current = n;
-  }, [e, t, n, i, r, o]);
+      behavior: s === "smooth" ? "smooth" : "auto"
+    }), m.current = e, u.current = t, h.current = n;
+  }, [e, t, n, o, c, s]);
 }
-function ce(l) {
+function ae(a) {
   const {
     items: e,
     getKey: t,
     estimatedItemSize: n = 80,
-    overscan: i = 20,
-    atBottomThreshold: r = 200,
-    followOutput: o = "auto",
+    overscan: o = 20,
+    atBottomThreshold: c = 200,
+    followOutput: s = "auto",
     initialAlignment: m = "bottom",
-    onStartReached: s,
-    onEndReached: d,
-    startReachedThreshold: f = 300,
-    endReachedThreshold: A = 300,
-    scrollToMessageKey: T,
-    onScrollToMessageComplete: R
-  } = l, u = G({
+    onStartReached: u,
+    onEndReached: h,
+    startReachedThreshold: d = 300,
+    endReachedThreshold: T = 300,
+    scrollToMessageKey: S,
+    onScrollToMessageComplete: x
+  } = a, f = J({
     items: e,
     getKey: t,
     estimatedItemSize: n,
-    overscan: i,
+    overscan: o,
     initialAlignment: m
-  }), H = oe(u.scrollerRef, r), { prepareAnchor: v } = se(u.scrollerRef, e.length), K = e.length > 0 ? t(e[0], 0) : null, S = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
-  ie({
+  }), H = ie(f.scrollerRef, c), [, z] = _(0), E = M(() => z((i) => i + 1), []), { prepareAnchor: p } = oe(f.scrollerRef, e.length, E), P = e.length > 0 ? t(e[0], 0) : null, R = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
+  le({
     itemCount: e.length,
-    firstKey: K,
-    lastKey: S,
+    firstKey: P,
+    lastKey: R,
     isAtBottom: H,
-    scrollToIndex: u.scrollToIndex,
-    mode: o ?? !1
+    scrollToIndex: f.scrollToIndex,
+    mode: s ?? !1
   });
-  const F = y(!1), I = y(m === "top");
-  N(() => {
-    const p = u.scrollerRef.current;
-    if (!p || !s) return;
-    const c = () => {
-      const g = p.scrollTop;
-      !I.current && g > f && (I.current = !0), I.current && g <= f && !F.current && (F.current = !0, Promise.resolve(s()).finally(() => {
-        F.current = !1;
+  const C = y(!1), V = y(m === "top");
+  j(() => {
+    const i = f.scrollerRef.current;
+    if (!i || !u) return;
+    const g = () => {
+      const A = i.scrollTop;
+      !V.current && A > d && (V.current = !0), V.current && A <= d && !C.current && (C.current = !0, Promise.resolve(u()).finally(() => {
+        C.current = !1;
       }));
     };
-    return p.addEventListener("scroll", c, { passive: !0 }), () => p.removeEventListener("scroll", c);
-  }, [u.scrollerRef, s, f, m]);
-  const C = y(!1);
-  N(() => {
-    const p = u.scrollerRef.current;
-    if (!p || !d) return;
-    const c = () => {
-      p.scrollHeight - p.scrollTop - p.clientHeight <= A && !C.current && (C.current = !0, Promise.resolve(d()).finally(() => {
-        C.current = !1;
+    return i.addEventListener("scroll", g, { passive: !0 }), () => i.removeEventListener("scroll", g);
+  }, [f.scrollerRef, u, d, m]);
+  const N = y(!1);
+  j(() => {
+    const i = f.scrollerRef.current;
+    if (!i || !h) return;
+    const g = () => {
+      i.scrollHeight - i.scrollTop - i.clientHeight <= T && !N.current && (N.current = !0, Promise.resolve(h()).finally(() => {
+        N.current = !1;
       }));
     };
-    return p.addEventListener("scroll", c, { passive: !0 }), () => p.removeEventListener("scroll", c);
-  }, [u.scrollerRef, d, A]);
-  const b = y(null);
-  N(() => {
-    if (!T || b.current === T) return;
-    const p = e.findIndex((c, g) => t(c, g) === T);
-    p !== -1 && (b.current = T, u.scrollToIndex(p, { align: "center", behavior: "smooth" }), R == null || R());
-  }, [T, e, t, u, R]);
-  const _ = L(
-    (p = "auto") => {
-      e.length !== 0 && u.scrollToIndex(e.length - 1, { align: "end", behavior: p });
+    return i.addEventListener("scroll", g, { passive: !0 }), () => i.removeEventListener("scroll", g);
+  }, [f.scrollerRef, h, T]);
+  const F = y(null);
+  j(() => {
+    if (!S || F.current === S) return;
+    const i = e.findIndex((g, A) => t(g, A) === S);
+    i !== -1 && (F.current = S, f.scrollToIndex(i, { align: "center", behavior: "smooth" }), x == null || x());
+  }, [S, e, t, f, x]);
+  const q = M(
+    (i = "auto") => {
+      e.length !== 0 && f.scrollToIndex(e.length - 1, { align: "end", behavior: i });
     },
-    [e.length, u]
-  ), w = L(
-    (p, c) => {
-      const g = e.findIndex((x, P) => t(x, P) === p);
-      g !== -1 && u.scrollToIndex(g, c);
+    [e.length, f]
+  ), l = M(
+    (i, g) => {
+      const A = e.findIndex((L, k) => t(L, k) === i);
+      A !== -1 && f.scrollToIndex(A, g);
     },
-    [e, t, u]
+    [e, t, f]
   );
   return {
-    scrollerRef: u.scrollerRef,
-    innerRef: u.innerRef,
-    virtualItems: u.virtualItems,
-    totalSize: u.totalSize,
-    measureItem: u.measureItem,
-    scrollToIndex: u.scrollToIndex,
-    scrollToBottom: _,
-    scrollToKey: w,
+    scrollerRef: f.scrollerRef,
+    innerRef: f.innerRef,
+    virtualItems: f.virtualItems,
+    totalSize: f.totalSize,
+    measureItem: f.measureItem,
+    scrollToIndex: f.scrollToIndex,
+    scrollToBottom: q,
+    scrollToKey: l,
     isAtBottom: H,
-    prepareAnchor: v
+    prepareAnchor: p
   };
 }
-function J({
-  virtualItem: l,
+function Q({
+  virtualItem: a,
   measureItem: e,
   children: t
 }) {
-  const n = y(null);
-  return N(() => {
-    const i = n.current;
-    if (!i) return;
-    const r = new ResizeObserver(([o]) => {
-      o && e(l.key, o.contentRect.height);
+  const n = y(null), o = y(!1);
+  return j(() => {
+    const c = n.current;
+    if (!c) return;
+    o.current = !1;
+    const s = new ResizeObserver(([m]) => {
+      m && (o.current = !0, e(a.key, m.contentRect.height));
     });
-    return r.observe(i), () => r.disconnect();
-  }, [l.key, e]), /* @__PURE__ */ B(
+    return s.observe(c), () => s.disconnect();
+  }, [a.key, e]), /* @__PURE__ */ B(
     "div",
     {
       ref: n,
@@ -380,246 +395,250 @@ function J({
         position: "absolute",
         top: 0,
         // transform instead of top: avoids reflow, uses GPU compositor layer
-        transform: `translateY(${l.start}px)`,
+        transform: `translateY(${a.start}px)`,
         width: "100%",
-        // Reserve estimated height to prevent layout collapse before first measure
-        minHeight: l.size
+        // Only reserve estimated height before first measurement.
+        // After measurement, let the item take its natural height so
+        // ResizeObserver can accurately report the real size.
+        // Without this, items can never be smaller than estimatedItemSize,
+        // which distorts offsets and total height.
+        minHeight: o.current ? void 0 : a.size
       },
       children: t
     }
   );
 }
-function le(l, e) {
+function ue(a, e) {
   const {
     data: t,
     itemContent: n,
-    computeItemKey: i,
-    estimatedItemSize: r = 80,
-    overscan: o = 20,
+    computeItemKey: o,
+    estimatedItemSize: c = 80,
+    overscan: s = 20,
     followOutput: m = "auto",
-    atBottomThreshold: s = 200,
-    initialAlignment: d = "bottom",
-    onStartReached: f,
-    onEndReached: A,
-    startReachedThreshold: T = 300,
-    endReachedThreshold: R = 300,
-    scrollToMessageKey: u,
+    atBottomThreshold: u = 200,
+    initialAlignment: h = "bottom",
+    onStartReached: d,
+    onEndReached: T,
+    startReachedThreshold: S = 300,
+    endReachedThreshold: x = 300,
+    scrollToMessageKey: f,
     onScrollToMessageComplete: H,
-    onAtBottomChange: v,
-    components: K = {},
-    className: S,
-    style: F
-  } = l, {
-    scrollerRef: I,
+    onAtBottomChange: z,
+    components: E = {},
+    className: p,
+    style: P
+  } = a, {
+    scrollerRef: R,
     innerRef: C,
-    virtualItems: b,
-    totalSize: _,
-    measureItem: w,
-    scrollToIndex: p,
-    scrollToBottom: c,
-    scrollToKey: g,
-    isAtBottom: x,
-    prepareAnchor: P
-  } = ce({
+    virtualItems: V,
+    totalSize: N,
+    measureItem: F,
+    scrollToIndex: q,
+    scrollToBottom: l,
+    scrollToKey: i,
+    isAtBottom: g,
+    prepareAnchor: A
+  } = ae({
     items: t,
-    getKey: (z, k) => i(k, z),
-    estimatedItemSize: r,
-    overscan: o,
-    atBottomThreshold: s,
+    getKey: (r, v) => o(v, r),
+    estimatedItemSize: c,
+    overscan: s,
+    atBottomThreshold: u,
     followOutput: m,
-    initialAlignment: d,
-    onStartReached: f,
-    onEndReached: A,
-    startReachedThreshold: T,
-    endReachedThreshold: R,
-    scrollToMessageKey: u,
+    initialAlignment: h,
+    onStartReached: d,
+    onEndReached: T,
+    startReachedThreshold: S,
+    endReachedThreshold: x,
+    scrollToMessageKey: f,
     onScrollToMessageComplete: H
-  }), j = U.useRef(x);
-  U.useEffect(() => {
-    j.current !== x && (j.current = x, v == null || v(x));
-  }, [x, v]), W(
+  }), L = X.useRef(g);
+  X.useEffect(() => {
+    L.current !== g && (L.current = g, z == null || z(g));
+  }, [g, z]), Z(
     e,
     () => ({
-      scrollToBottom: c,
-      scrollToIndex: p,
-      scrollToKey: g,
+      scrollToBottom: l,
+      scrollToIndex: q,
+      scrollToKey: i,
       getScrollTop: () => {
-        var z;
-        return ((z = I.current) == null ? void 0 : z.scrollTop) ?? 0;
+        var r;
+        return ((r = R.current) == null ? void 0 : r.scrollTop) ?? 0;
       },
-      isAtBottom: () => x,
-      prepareAnchor: P
+      isAtBottom: () => g,
+      prepareAnchor: A
     }),
-    [c, p, g, I, x, P]
+    [l, q, i, R, g, A]
   );
-  const { Header: q, Footer: a, EmptyPlaceholder: h } = K;
-  return t.length === 0 && h ? /* @__PURE__ */ B(h, {}) : /* @__PURE__ */ $(
+  const { Header: k, Footer: Y, EmptyPlaceholder: O } = E;
+  return t.length === 0 && O ? /* @__PURE__ */ B(O, {}) : /* @__PURE__ */ G(
     "div",
     {
-      ref: I,
-      className: S,
+      ref: R,
+      className: p,
       style: {
         overflow: "auto",
         height: "100%",
         position: "relative",
         overscrollBehaviorY: "contain",
-        ...F
+        ...P
       },
       children: [
-        q && /* @__PURE__ */ B(q, {}),
-        /* @__PURE__ */ B("div", { ref: C, style: { height: _, position: "relative", width: "100%" }, children: b.map((z) => /* @__PURE__ */ B(
-          J,
+        k && /* @__PURE__ */ B(k, {}),
+        /* @__PURE__ */ B("div", { ref: C, style: { height: N, position: "relative", width: "100%" }, children: V.map((r) => /* @__PURE__ */ B(
+          Q,
           {
-            virtualItem: z,
-            measureItem: w,
-            children: n(z.index, z.data)
+            virtualItem: r,
+            measureItem: F,
+            children: n(r.index, r.data)
           },
-          z.key
+          r.key
         )) }),
-        a && /* @__PURE__ */ B(a, {})
+        Y && /* @__PURE__ */ B(Y, {})
       ]
     }
   );
 }
-const fe = Q(le);
-function he({
-  data: l,
+const de = W(ue);
+function me({
+  data: a,
   itemContent: e,
   computeItemKey: t,
   estimatedItemSize: n = 60,
-  overscan: i = 20,
-  onEndReached: r,
-  endReachedThreshold: o = 300,
+  overscan: o = 20,
+  onEndReached: c,
+  endReachedThreshold: s = 300,
   components: m = {},
-  className: s,
-  style: d
+  className: u,
+  style: h
 }) {
-  const { scrollerRef: f, innerRef: A, virtualItems: T, totalSize: R, measureItem: u } = G({
-    items: l,
-    getKey: (S, F) => t(F, S),
+  const { scrollerRef: d, innerRef: T, virtualItems: S, totalSize: x, measureItem: f } = J({
+    items: a,
+    getKey: (p, P) => t(P, p),
     estimatedItemSize: n,
-    overscan: i,
+    overscan: o,
     initialAlignment: "top"
   });
-  U.useEffect(() => {
-    const S = f.current;
-    if (!S || !r) return;
-    let F = !1;
-    const I = () => {
-      S.scrollHeight - S.scrollTop - S.clientHeight <= o && !F && (F = !0, Promise.resolve(r()).finally(() => {
-        F = !1;
+  X.useEffect(() => {
+    const p = d.current;
+    if (!p || !c) return;
+    let P = !1;
+    const R = () => {
+      p.scrollHeight - p.scrollTop - p.clientHeight <= s && !P && (P = !0, Promise.resolve(c()).finally(() => {
+        P = !1;
       }));
     };
-    return S.addEventListener("scroll", I, { passive: !0 }), () => S.removeEventListener("scroll", I);
-  }, [f, r, o]);
-  const { Header: H, Footer: v, EmptyPlaceholder: K } = m;
-  return l.length === 0 && K ? /* @__PURE__ */ B(K, {}) : /* @__PURE__ */ $(
+    return p.addEventListener("scroll", R, { passive: !0 }), () => p.removeEventListener("scroll", R);
+  }, [d, c, s]);
+  const { Header: H, Footer: z, EmptyPlaceholder: E } = m;
+  return a.length === 0 && E ? /* @__PURE__ */ B(E, {}) : /* @__PURE__ */ G(
     "div",
     {
-      ref: f,
-      className: s,
+      ref: d,
+      className: u,
       style: {
         overflow: "auto",
         height: "100%",
         position: "relative",
         overscrollBehaviorY: "contain",
-        ...d
+        ...h
       },
       children: [
         H && /* @__PURE__ */ B(H, {}),
-        /* @__PURE__ */ B("div", { ref: A, style: { height: R, position: "relative", width: "100%" }, children: T.map((S) => /* @__PURE__ */ B(
-          J,
+        /* @__PURE__ */ B("div", { ref: T, style: { height: x, position: "relative", width: "100%" }, children: S.map((p) => /* @__PURE__ */ B(
+          Q,
           {
-            virtualItem: S,
-            measureItem: u,
-            children: e(S.index, S.data)
+            virtualItem: p,
+            measureItem: f,
+            children: e(p.index, p.data)
           },
-          S.key
+          p.key
         )) }),
-        v && /* @__PURE__ */ B(v, {})
+        z && /* @__PURE__ */ B(z, {})
       ]
     }
   );
 }
-function de(l) {
+function ge(a) {
   const {
     fetcher: e,
     initialPage: t = 1,
     direction: n = "append",
-    getKey: i,
-    onPageLoaded: r,
-    onError: o
-  } = l, [m, s] = V([]), [d, f] = V(t), [A, T] = V(!0), [R, u] = V(!1), [H, v] = V(!1), [K, S] = V(!1), F = y(/* @__PURE__ */ new Set()), I = y(!1), C = L(
-    (c) => i ? c.filter((g) => {
-      const x = i(g);
-      return F.current.has(x) ? !1 : (F.current.add(x), !0);
-    }) : c,
-    [i]
-  ), b = L(async () => {
-    if (!(I.current || !A)) {
-      I.current = !0, S(!0);
+    getKey: o,
+    onPageLoaded: c,
+    onError: s
+  } = a, [m, u] = _([]), [h, d] = _(t), [T, S] = _(!0), [x, f] = _(!1), [H, z] = _(!1), [E, p] = _(!1), P = y(/* @__PURE__ */ new Set()), R = y(!1), C = M(
+    (l) => o ? l.filter((i) => {
+      const g = o(i);
+      return P.current.has(g) ? !1 : (P.current.add(g), !0);
+    }) : l,
+    [o]
+  ), V = M(async () => {
+    if (!(R.current || !T)) {
+      R.current = !0, p(!0);
       try {
-        const c = d + 1, g = await e(c), x = C(g.data);
-        s(
-          (P) => n === "prepend" ? [...x, ...P] : [...P, ...x]
-        ), f(c), T(g.hasNextPage), u(g.hasPrevPage), r == null || r(c, x);
-      } catch (c) {
-        o == null || o(c instanceof Error ? c : new Error(String(c)));
+        const l = h + 1, i = await e(l), g = C(i.data);
+        u(
+          (A) => n === "prepend" ? [...g, ...A] : [...A, ...g]
+        ), d(l), S(i.hasNextPage), f(i.hasPrevPage), c == null || c(l, g);
+      } catch (l) {
+        s == null || s(l instanceof Error ? l : new Error(String(l)));
       } finally {
-        S(!1), I.current = !1;
+        p(!1), R.current = !1;
       }
     }
-  }, [d, A, e, C, n, r, o]), _ = L(async () => {
-    if (!(I.current || !R)) {
-      I.current = !0, S(!0);
+  }, [h, T, e, C, n, c, s]), N = M(async () => {
+    if (!(R.current || !x)) {
+      R.current = !0, p(!0);
       try {
-        const c = d - 1, g = await e(c), x = C(g.data);
-        s((P) => [...x, ...P]), f(c), u(g.hasPrevPage), T(g.hasNextPage), r == null || r(c, x);
-      } catch (c) {
-        o == null || o(c instanceof Error ? c : new Error(String(c)));
+        const l = h - 1, i = await e(l), g = C(i.data);
+        u((A) => [...g, ...A]), d(l), f(i.hasPrevPage), S(i.hasNextPage), c == null || c(l, g);
+      } catch (l) {
+        s == null || s(l instanceof Error ? l : new Error(String(l)));
       } finally {
-        S(!1), I.current = !1;
+        p(!1), R.current = !1;
       }
     }
-  }, [d, R, e, C, r, o]), w = L(async () => {
-    if (!I.current) {
-      I.current = !0, v(!0);
+  }, [h, x, e, C, c, s]), F = M(async () => {
+    if (!R.current) {
+      R.current = !0, z(!0);
       try {
-        const c = await e(t), g = c.data;
-        if (i) {
-          const x = new Set(g.map(i));
-          g.forEach((P) => F.current.add(i(P))), s((P) => {
-            const j = P.filter((q) => !x.has(i(q)));
-            return n === "prepend" ? [...g, ...j] : [...j, ...g];
+        const l = await e(t), i = l.data;
+        if (o) {
+          const g = new Set(i.map(o));
+          i.forEach((A) => P.current.add(o(A))), u((A) => {
+            const L = A.filter((k) => !g.has(o(k)));
+            return n === "prepend" ? [...i, ...L] : [...L, ...i];
           });
         } else
-          s(g);
-        f(t), T(c.hasNextPage), u(c.hasPrevPage), r == null || r(t, g);
-      } catch (c) {
-        o == null || o(c instanceof Error ? c : new Error(String(c)));
+          u(i);
+        d(t), S(l.hasNextPage), f(l.hasPrevPage), c == null || c(t, i);
+      } catch (l) {
+        s == null || s(l instanceof Error ? l : new Error(String(l)));
       } finally {
-        v(!1), I.current = !1;
+        z(!1), R.current = !1;
       }
     }
-  }, [e, t, i, n, r, o]), p = L(() => {
-    s([]), f(t), T(!0), u(!1), v(!1), S(!1), F.current.clear(), I.current = !1;
+  }, [e, t, o, n, c, s]), q = M(() => {
+    u([]), d(t), S(!0), f(!1), z(!1), p(!1), P.current.clear(), R.current = !1;
   }, [t]);
   return {
     items: m,
-    loadNextPage: b,
-    loadPrevPage: _,
-    hasNextPage: A,
-    hasPrevPage: R,
+    loadNextPage: V,
+    loadPrevPage: N,
+    hasNextPage: T,
+    hasPrevPage: x,
     loading: H,
-    loadingMore: K,
-    refresh: w,
-    reset: p,
-    currentPage: d
+    loadingMore: E,
+    refresh: F,
+    reset: q,
+    currentPage: h
   };
 }
 export {
-  fe as ChatVirtualList,
-  he as VirtualList,
-  ce as useChatVirtualizer,
-  de as usePagination
+  de as ChatVirtualList,
+  me as VirtualList,
+  ae as useChatVirtualizer,
+  ge as usePagination
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-anchorlist",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "High-performance chat virtualizer for React — no flicker, no hacks",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -13,7 +13,9 @@
       "types": "./dist/index.d.ts"
     }
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "sideEffects": false,
   "scripts": {
     "dev": "vite build --watch",