react-anchorlist 0.2.3 → 0.2.5

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,CAsQ5B"}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-anchorlist",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "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",