react-anchorlist 0.3.5 → 0.3.7

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollAnchor.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollAnchor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,UAAU,sBAAsB;IAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC5C,SAAS,EAAE,MAAM,CAAA;IACjB,qBAAqB,EAAE,MAAM,cAAc,GAAG,IAAI,CAAA;IAClD,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,gBAAgB,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IACnF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,wBAAgB,+BAA+B,CAAC,MAAM,EAAE;IACtD,QAAQ,EAAE,cAAc,CAAA;IACxB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,gBAAgB,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;CACpF,GAAG,MAAM,CAgBT;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG;IAAE,aAAa,EAAE,MAAM,IAAI,CAAA;CAAE,CAsF9F"}
+{"version":3,"file":"useScrollAnchor.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollAnchor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,UAAU,sBAAsB;IAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC5C,SAAS,EAAE,MAAM,CAAA;IACjB,qBAAqB,EAAE,MAAM,cAAc,GAAG,IAAI,CAAA;IAClD,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,gBAAgB,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IACnF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,wBAAgB,+BAA+B,CAAC,MAAM,EAAE;IACtD,QAAQ,EAAE,cAAc,CAAA;IACxB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,gBAAgB,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;CACpF,GAAG,MAAM,CAgBT;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG;IAAE,aAAa,EAAE,MAAM,IAAI,CAAA;CAAE,CAyF9F"}

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,EAAkB,sBAAsB,EAAe,MAAM,UAAU,CAAA;AAEnF;;;;;;;GAOG;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,CAoX5B"}
+{"version":3,"file":"useVirtualEngine.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualEngine.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAkB,sBAAsB,EAAe,MAAM,UAAU,CAAA;AAEnF;;;;;;;GAOG;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,CAqX5B"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),r=require("react");function he(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const te=he(r);class de{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 s=0;s<e;s++)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 me{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[s,l]of this.cache){const o=t.get(s);o!==void 0&&e.setSize(o,l)}}}function oe(i,e){if(i.length===0)return 0;let t=0,s=i.length-1;for(;t<s;){const l=t+s>>1;(i[l]??0)<e?t=l+1:s=l}return Math.max(0,t>0&&(i[t]??0)>e?t-1:t)}function pe(i,e,t){if(i.length===0)return 0;let s=0,l=i.length-1,o=0;for(;s<=l;){const n=s+l>>1;(i[n]??0)<t?(o=n,s=n+1):l=n-1}return o}function ge(i){const{firstVisible:e,lastVisible:t,itemCount:s,overscan:l}=i;return s===0?{start:0,end:-1}:{start:Math.max(0,e-l),end:Math.min(s-1,t+l)}}function Re(i,e,t,s){const l=s==null?void 0:s.reconcile,o=r.useRef(null);return r.useCallback((n,y)=>{const u=i.current,d=e.current;if(!u||!d)return;o.current!==null&&(cancelAnimationFrame(o.current),o.current=null);let R,h;if(typeof n=="object"&&n!==null?(R=n.index,h={align:n.align,behavior:n.behavior,offset:n.offset}):(R=n,h=y),!Number.isFinite(R))return;const p=Math.max(0,Math.min(Math.floor(R),d.count-1));d.getOffset(p),d.getSize(p);const I=(h==null?void 0:h.align)??"start",k=(h==null?void 0:h.behavior)??"auto",E=(h==null?void 0:h.offset)??0,a=()=>{var P;const H=e.current,f=i.current;if(!H||!f)return 0;const S=((P=t==null?void 0:t.current)==null?void 0:P.offsetTop)??0,v=H.getOffset(p),C=H.getSize(p);return I==="start"?S+v+E:I==="center"?S+v-f.clientHeight/2+C/2+E:S+v-f.clientHeight+C+E},w=a();((H,f)=>{typeof u.scrollTo=="function"?u.scrollTo({top:H,behavior:f}):u.scrollTop=H})(Math.max(0,w),k);const F=performance.now();let T=0;const j=12,L=300,D=1,K=()=>{o.current=null;const H=i.current;if(!H)return;const f=Math.max(0,a()),S=Math.abs(H.scrollTop-f),v=performance.now()-F>=L,C=T>=j;S<=D||v||C||(typeof H.scrollTo=="function"?H.scrollTo({top:f,behavior:"auto"}):H.scrollTop=f,T+=1,o.current=requestAnimationFrame(K))};o.current=requestAnimationFrame(K)},[i,e,t,l])}function ce(i){var se;const{items:e,getKey:t,estimatedItemSize:s,overscan:l,initialAlignment:o}=i,n=r.useRef(null),y=r.useRef(null),u=r.useRef(null),d=r.useRef(new me),R=r.useRef([]),h=r.useRef(new Map),p=r.useRef(e.length),I=r.useRef(null),k=r.useRef(null),E=r.useRef(!1),a=r.useRef(0),w=r.useRef(0),g=r.useRef(null),F=r.useRef(!1),T=r.useRef(null),j=r.useRef(0),L=r.useRef(0),D=r.useRef(0),K=r.useRef(null),H=r.useRef(!1),f=r.useRef(!1),[,S]=r.useState(0),v=r.useCallback(()=>S(c=>c+1),[]);u.current||(u.current=new de(e.length,s));const C=e.length>0?t(e[0],0):null,P=e.length>0?t(e[e.length-1],e.length-1):null;if(e.length!==p.current||C!==I.current||P!==k.current){const c=u.current,m=e.map((O,W)=>t(O,W)),z=R.current,x=z.length,M=m.length;if(M===0)c.resize(0);else if(x===0)c.resize(M);else if(M>x){const O=M-x;z.length>0&&O>=0&&m[O]===z[0]?c.prepend(O):c.resize(M)}else M<x,c.resize(M);const A=new Map;m.forEach((O,W)=>A.set(O,W)),h.current=A,d.current.applyToOffsetMap(c,A),R.current=m,p.current=e.length,I.current=C,k.current=P}const b=r.useCallback(()=>{K.current===null&&(K.current=requestAnimationFrame(()=>{K.current=null;const c=n.current;if(!c)return;const m=j.current;Math.abs(m)<.01||(j.current=0,L.current+=m,D.current+=m,c.scrollTop+=m,a.current=c.scrollTop,H.current=!0,v())}))},[v]);r.useEffect(()=>{const c=n.current;if(!c)return;const m=()=>{g.current===null&&(g.current=requestAnimationFrame(()=>{g.current=null,a.current=c.scrollTop,w.current=c.clientHeight,H.current&&(H.current=!1,L.current=0,D.current=0),v()}))};return c.addEventListener("scroll",m,{passive:!0}),()=>{c.removeEventListener("scroll",m),g.current!==null&&(cancelAnimationFrame(g.current),g.current=null),K.current!==null&&(cancelAnimationFrame(K.current),K.current=null)}},[v]),r.useEffect(()=>{const c=n.current;if(!c)return;w.current=c.clientHeight,a.current=c.scrollTop;const m=new ResizeObserver(([z])=>{z&&(w.current=z.contentRect.height,v())});return m.observe(c),()=>m.disconnect()},[v]),r.useLayoutEffect(()=>{if(E.current||e.length===0)return;const c=n.current;if(c){if(o==="bottom"){c.scrollTop=c.scrollHeight,a.current=c.scrollTop,w.current=c.clientHeight,F.current=!0,T.current!==null&&cancelAnimationFrame(T.current);const m=performance.now();let z=0,x=c.scrollHeight;const M=()=>{if(!F.current){T.current=null;return}const A=c.scrollHeight,O=Math.abs(A-x);x=A,O<1?z+=1:z=0,c.scrollTop=c.scrollHeight,a.current=c.scrollTop;const W=performance.now()-m;if(z>=3||W>=500){F.current=!1,T.current=null;return}T.current=requestAnimationFrame(M)};T.current=requestAnimationFrame(M)}E.current=!0}},[o,e.length]),r.useEffect(()=>{e.length===0&&(E.current=!1,F.current=!1,T.current!==null&&(cancelAnimationFrame(T.current),T.current=null))},[e.length]);const B=r.useCallback((c,m)=>{var X;const z=u.current;if(!z||d.current.get(c)===m)return;d.current.set(c,m);const M=h.current.get(c);if(M===void 0)return;const A=z.getSize(M),O=m-A,W=n.current;W&&!F.current&&!f.current&&O!==0&&z.getOffset(M)+A+(((X=y.current)==null?void 0:X.offsetTop)??0)<W.scrollTop&&(j.current+=O,b()),z.setSize(M,m)&&v()},[b,v]),V=r.useCallback((c,m="auto")=>{var z;(z=n.current)==null||z.scrollTo({top:c,behavior:m})},[]),Y=Re(n,u,y,{reconcile:!0}),N=r.useCallback(()=>{var Z;const c=n.current,m=u.current;if(!c||!m||m.count===0)return null;const z=((Z=y.current)==null?void 0:Z.offsetTop)??0,x=Math.max(0,c.scrollTop-z),M=m.getOffsets(),A=oe(M,x),O=R.current[A]??null,W=[];for(let X=A;X<Math.min(m.count,A+6);X++){const ee=R.current[X]??null;ee!==null&&W.push({key:ee,offsetWithinItem:x-m.getOffset(X)})}return{key:O,offsetWithinItem:x-m.getOffset(A),candidates:W,scrollTop:c.scrollTop,scrollHeight:c.scrollHeight}},[]),$=r.useCallback((c,m)=>{var A;const z=u.current;if(!z)return null;const x=h.current.get(c);return x===void 0?null:(((A=y.current)==null?void 0:A.offsetTop)??0)+z.getOffset(x)+m},[]),_=u.current,ue=_?_.totalSize():0,J=n.current,G=(J==null?void 0:J.scrollTop)??a.current,re=(J==null?void 0:J.clientHeight)??w.current,ae=((se=y.current)==null?void 0:se.offsetTop)??0,ne=Math.max(0,G-ae),Q=[];if(_&&_.count>0&&re>0){const c=_.getOffsets(),m=_.getSizes(),z=oe(c,ne),x=pe(c,m,ne+re),M=ge({firstVisible:z,lastVisible:x,itemCount:_.count,overscan:l});for(let A=M.start;A<=M.end&&A<e.length;A++)Q.push({key:R.current[A]??t(e[A],A),index:A,start:_.getOffset(A),size:_.getSize(A),data:e[A]})}else if(_&&_.count>0){const c=Math.min(e.length,l*2+1),m=o==="bottom"?Math.max(0,e.length-c):0,z=m+c-1;for(let x=m;x<=z;x++)Q.push({key:R.current[x]??t(e[x],x),index:x,start:_.getOffset(x),size:_.getSize(x),data:e[x]})}const fe=J?J.scrollHeight-J.scrollTop-J.clientHeight:1/0;return{scrollerRef:n,innerRef:y,virtualItems:Q,totalSize:ue,measureItem:B,scrollToIndex:Y,scrollToOffset:V,captureAnchorSnapshot:N,resolveAnchorTop:$,isAtTop:G<=1,isAtBottom:fe<=1,scrollTop:G,jumpSuppressedRef:f}}function ve(i){var l;const{snapshot:e,currentScrollHeight:t,resolveAnchorTop:s}=i;if(e.key!==null){const o=s(e.key,e.offsetWithinItem);if(o!==null)return o}if((l=e.candidates)!=null&&l.length)for(const o of e.candidates){const n=s(o.key,o.offsetWithinItem);if(n!==null)return n}return e.scrollTop+(t-e.scrollHeight)}function ye(i){const{scrollerRef:e,itemCount:t,captureAnchorSnapshot:s,resolveAnchorTop:l,onRestored:o}=i,n=r.useRef(null),y=r.useRef(!1),u=r.useRef({first:null,second:null,timeout:null}),d=r.useCallback(()=>{const{first:h,second:p,timeout:I}=u.current;h&&cancelAnimationFrame(h),p&&cancelAnimationFrame(p),I&&clearTimeout(I),u.current={first:null,second:null,timeout:null}},[]),R=r.useCallback(()=>{const h=e.current;if(!h)return;const p=s();n.current=p??{key:null,offsetWithinItem:0,scrollTop:h.scrollTop,scrollHeight:h.scrollHeight},y.current=!0},[e,s]);return r.useLayoutEffect(()=>{if(!y.current)return;const h=e.current,p=n.current;if(!h||!p)return;y.current=!1;const I=()=>{const k=ve({snapshot:p,currentScrollHeight:h.scrollHeight,resolveAnchorTop:l});Number.isFinite(k)&&Math.abs(h.scrollTop-k)>1&&(h.scrollTop=k)};return d(),I(),o==null||o(),u.current.first=requestAnimationFrame(()=>{u.current.first=null,I(),u.current.second=requestAnimationFrame(()=>{u.current.second=null,I()})}),u.current.timeout=setTimeout(()=>{u.current.timeout=null,I()},90),()=>d()},[t,e,l,d,o]),{prepareAnchor:R}}function Te(i){const{previous:e,distanceFromBottom:t,threshold:s,hysteresis:l}=i;if(!l)return t<=s;const o=Math.max(0,l.enter),n=Math.max(o,l.leave);return e?t<=n:t<=o}function Se(i,e){const t=typeof e=="number"?e:e.threshold??200,s=typeof e=="number"?void 0:e.hysteresis,[l,o]=r.useState(!0),n=r.useRef(null),y=r.useRef(!0);return r.useEffect(()=>{const u=i.current;if(!u)return;const d=()=>{const h=u.scrollHeight-u.scrollTop-u.clientHeight,p=Te({previous:y.current,distanceFromBottom:h,threshold:t,hysteresis:s});y.current=p,o(p)},R=()=>{n.current!==null&&cancelAnimationFrame(n.current),n.current=requestAnimationFrame(d)};return u.addEventListener("scroll",R,{passive:!0}),d(),()=>{u.removeEventListener("scroll",R),n.current!==null&&cancelAnimationFrame(n.current)}},[i,t,s==null?void 0:s.enter,s==null?void 0:s.leave]),l}function be(i){const{itemCount:e,firstKey:t,lastKey:s,isAtBottom:l,scrollToIndex:o,mode:n}=i,y=r.useRef(e),u=r.useRef(t),d=r.useRef(s);r.useLayoutEffect(()=>{if(!n){y.current=e,u.current=t,d.current=s;return}const R=y.current,h=u.current,p=d.current;e>R&&t===h&&s!==p&&l&&e>0&&o(e-1,{align:"end",behavior:n==="smooth"?"smooth":"auto"}),y.current=e,u.current=t,d.current=s},[e,t,s,l,o,n])}function le(i){const{items:e,getKey:t,estimatedItemSize:s=80,overscan:l=20,atBottomThreshold:o=200,atBottomHysteresis:n,followOutput:y="auto",initialAlignment:u="bottom",scrollModifier:d=null,onStartReached:R,onEndReached:h,startReachedThreshold:p=300,endReachedThreshold:I=300,scrollToMessageKey:k,onScrollToMessageComplete:E}=i,a=ce({items:e,getKey:t,estimatedItemSize:s,overscan:l,initialAlignment:u}),w=Se(a.scrollerRef,{threshold:o,hysteresis:n??{enter:80,leave:160}}),[,g]=r.useState(0),F=r.useRef(null),T=r.useCallback(()=>{g(b=>b+1),F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{a.jumpSuppressedRef.current=!1,F.current=null},200)},[a.jumpSuppressedRef]),{prepareAnchor:j}=ye({scrollerRef:a.scrollerRef,itemCount:e.length,captureAnchorSnapshot:a.captureAnchorSnapshot,resolveAnchorTop:a.resolveAnchorTop,onRestored:T}),L=r.useCallback(()=>{a.jumpSuppressedRef.current=!0,j()},[j,a.jumpSuppressedRef]),D=e.length>0?t(e[0],0):null,K=e.length>0?t(e[e.length-1],e.length-1):null;be({itemCount:e.length,firstKey:D,lastKey:K,isAtBottom:w,scrollToIndex:a.scrollToIndex,mode:y??!1});const H=r.useCallback((b="auto")=>{e.length!==0&&a.scrollToIndex(e.length-1,{align:"end",behavior:b})},[e.length,a]),f=r.useCallback((b,B)=>{const V=e.findIndex((Y,N)=>t(Y,N)===b);V!==-1&&a.scrollToIndex(V,B)},[e,t,a]),S=r.useRef(null);r.useLayoutEffect(()=>{if(d&&S.current!==d.id){if(S.current=d.id,d.type==="prepend"){L();return}if(d.type==="append"){if(d.ifAtBottomOnly&&!w)return;H(d.behavior??"auto");return}if(d.type==="items-change"){w&&H("auto");return}f(d.key,{align:d.align??"center",behavior:d.behavior??"auto"})}},[d,w,L,H,f]);const v=r.useRef(!1),C=r.useRef(u==="top");r.useEffect(()=>{const b=a.scrollerRef.current;if(!b||!R)return;const B=()=>{const V=b.scrollTop;C.current||(b.scrollHeight<=b.clientHeight+p||V>p)&&(C.current=!0),C.current&&V<=p&&!v.current&&(v.current=!0,Promise.resolve(R()).finally(()=>{v.current=!1}))};return b.addEventListener("scroll",B,{passive:!0}),B(),()=>b.removeEventListener("scroll",B)},[a.scrollerRef,R,p,u]);const P=r.useRef(!1);r.useEffect(()=>{const b=a.scrollerRef.current;if(!b||!h)return;const B=()=>{b.scrollHeight-b.scrollTop-b.clientHeight<=I&&!P.current&&(P.current=!0,Promise.resolve(h()).finally(()=>{P.current=!1}))};return b.addEventListener("scroll",B,{passive:!0}),()=>b.removeEventListener("scroll",B)},[a.scrollerRef,h,I]);const U=r.useRef(null);return r.useEffect(()=>{if(!k||U.current===k)return;const b=e.findIndex((B,V)=>t(B,V)===k);b!==-1&&(U.current=k,a.scrollToIndex(b,{align:"center",behavior:"auto"}),E==null||E())},[k,e,t,a,E]),{scrollerRef:a.scrollerRef,innerRef:a.innerRef,virtualItems:a.virtualItems,totalSize:a.totalSize,measureItem:a.measureItem,scrollToIndex:a.scrollToIndex,scrollToBottom:H,scrollToKey:f,isAtBottom:w,prepareAnchor:L}}function ie({virtualItem:i,measureItem:e,children:t}){const s=r.useRef(null),l=r.useRef(!1);return r.useEffect(()=>{const o=s.current;if(!o)return;l.current=!1;const n=new ResizeObserver(([y])=>{y&&(l.current=!0,e(i.key,y.contentRect.height))});return n.observe(o),()=>n.disconnect()},[i.key,e]),q.jsx("div",{ref:s,style:{position:"absolute",top:0,transform:`translateY(${i.start}px)`,width:"100%",minHeight:l.current?void 0:i.size},children:t})}function Ae(i,e){const{data:t,itemContent:s,computeItemKey:l,estimatedItemSize:o=80,overscan:n=20,followOutput:y="auto",atBottomThreshold:u=200,atBottomHysteresis:d,initialAlignment:R="bottom",scrollModifier:h,onStartReached:p,onEndReached:I,startReachedThreshold:k=300,endReachedThreshold:E=300,scrollToMessageKey:a,onScrollToMessageComplete:w,onAtBottomChange:g,components:F={},className:T,style:j}=i,{scrollerRef:L,innerRef:D,virtualItems:K,totalSize:H,measureItem:f,scrollToIndex:S,scrollToBottom:v,scrollToKey:C,isAtBottom:P,prepareAnchor:U}=le({items:t,getKey:(N,$)=>l($,N),estimatedItemSize:o,overscan:n,atBottomThreshold:u,atBottomHysteresis:d,followOutput:y,initialAlignment:R,scrollModifier:h,onStartReached:p,onEndReached:I,startReachedThreshold:k,endReachedThreshold:E,scrollToMessageKey:a,onScrollToMessageComplete:w}),b=te.useRef(P);te.useEffect(()=>{b.current!==P&&(b.current=P,g==null||g(P))},[P,g]),r.useImperativeHandle(e,()=>({scrollToBottom:v,scrollToIndex:S,scrollToKey:C,getScrollTop:()=>{var N;return((N=L.current)==null?void 0:N.scrollTop)??0},isAtBottom:()=>P,prepareAnchor:U}),[v,S,C,L,P,U]);const{Header:B,Footer:V,EmptyPlaceholder:Y}=F;return t.length===0&&Y?q.jsx(Y,{}):q.jsxs("div",{ref:L,className:T,style:{overflow:"auto",height:"100%",position:"relative",overflowAnchor:"none",overscrollBehaviorY:"contain",...j},children:[B&&q.jsx(B,{}),q.jsx("div",{ref:D,style:{height:H,position:"relative",width:"100%"},children:K.map(N=>q.jsx(ie,{virtualItem:N,measureItem:f,children:s(N.index,N.data)},N.key))}),V&&q.jsx(V,{})]})}const ze=r.forwardRef(Ae);function xe({data:i,itemContent:e,computeItemKey:t,estimatedItemSize:s=60,overscan:l=20,onEndReached:o,endReachedThreshold:n=300,components:y={},className:u,style:d}){const{scrollerRef:R,innerRef:h,virtualItems:p,totalSize:I,measureItem:k}=ce({items:i,getKey:(g,F)=>t(F,g),estimatedItemSize:s,overscan:l,initialAlignment:"top"});te.useEffect(()=>{const g=R.current;if(!g||!o)return;let F=!1;const T=()=>{g.scrollHeight-g.scrollTop-g.clientHeight<=n&&!F&&(F=!0,Promise.resolve(o()).finally(()=>{F=!1}))};return g.addEventListener("scroll",T,{passive:!0}),()=>g.removeEventListener("scroll",T)},[R,o,n]);const{Header:E,Footer:a,EmptyPlaceholder:w}=y;return i.length===0&&w?q.jsx(w,{}):q.jsxs("div",{ref:R,className:u,style:{overflow:"auto",height:"100%",position:"relative",overflowAnchor:"none",overscrollBehaviorY:"contain",...d},children:[E&&q.jsx(E,{}),q.jsx("div",{ref:h,style:{height:I,position:"relative",width:"100%"},children:p.map(g=>q.jsx(ie,{virtualItem:g,measureItem:k,children:e(g.index,g.data)},g.key))}),a&&q.jsx(a,{})]})}function Ie(i){const{fetcher:e,initialPage:t=1,direction:s="append",getKey:l,onPageLoaded:o,onError:n}=i,[y,u]=r.useState([]),[d,R]=r.useState(t),[h,p]=r.useState(!0),[I,k]=r.useState(!1),[E,a]=r.useState(!1),[w,g]=r.useState(!1),F=r.useRef(new Set),T=r.useRef(!1),j=r.useCallback(f=>l?f.filter(S=>{const v=l(S);return F.current.has(v)?!1:(F.current.add(v),!0)}):f,[l]),L=r.useCallback(async()=>{if(!(T.current||!h)){T.current=!0,g(!0);try{const f=d+1,S=await e(f),v=j(S.data);u(C=>s==="prepend"?[...v,...C]:[...C,...v]),R(f),p(S.hasNextPage),k(S.hasPrevPage),o==null||o(f,v)}catch(f){n==null||n(f instanceof Error?f:new Error(String(f)))}finally{g(!1),T.current=!1}}},[d,h,e,j,s,o,n]),D=r.useCallback(async()=>{if(!(T.current||!I)){T.current=!0,g(!0);try{const f=d-1,S=await e(f),v=j(S.data);u(C=>[...v,...C]),R(f),k(S.hasPrevPage),p(S.hasNextPage),o==null||o(f,v)}catch(f){n==null||n(f instanceof Error?f:new Error(String(f)))}finally{g(!1),T.current=!1}}},[d,I,e,j,o,n]),K=r.useCallback(async()=>{if(!T.current){T.current=!0,a(!0);try{const f=await e(t),S=f.data;if(l){const v=new Set(S.map(l));S.forEach(C=>F.current.add(l(C))),u(C=>{const P=C.filter(U=>!v.has(l(U)));return s==="prepend"?[...S,...P]:[...P,...S]})}else u(S);R(t),p(f.hasNextPage),k(f.hasPrevPage),o==null||o(t,S)}catch(f){n==null||n(f instanceof Error?f:new Error(String(f)))}finally{a(!1),T.current=!1}}},[e,t,l,s,o,n]),H=r.useCallback(()=>{u([]),R(t),p(!0),k(!1),a(!1),g(!1),F.current.clear(),T.current=!1},[t]);return{items:y,loadNextPage:L,loadPrevPage:D,hasNextPage:h,hasPrevPage:I,loading:E,loadingMore:w,refresh:K,reset:H,currentPage:d}}exports.ChatVirtualList=ze;exports.VirtualList=xe;exports.useChatVirtualizer=le;exports.usePagination=Ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),r=require("react");function he(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const te=he(r);class de{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 s=0;s<e;s++)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 me{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[s,l]of this.cache){const o=t.get(s);o!==void 0&&e.setSize(o,l)}}}function oe(i,e){if(i.length===0)return 0;let t=0,s=i.length-1;for(;t<s;){const l=t+s>>1;(i[l]??0)<e?t=l+1:s=l}return Math.max(0,t>0&&(i[t]??0)>e?t-1:t)}function pe(i,e,t){if(i.length===0)return 0;let s=0,l=i.length-1,o=0;for(;s<=l;){const n=s+l>>1;(i[n]??0)<t?(o=n,s=n+1):l=n-1}return o}function ge(i){const{firstVisible:e,lastVisible:t,itemCount:s,overscan:l}=i;return s===0?{start:0,end:-1}:{start:Math.max(0,e-l),end:Math.min(s-1,t+l)}}function Re(i,e,t,s){const l=s==null?void 0:s.reconcile,o=r.useRef(null);return r.useCallback((n,y)=>{const u=i.current,d=e.current;if(!u||!d)return;o.current!==null&&(cancelAnimationFrame(o.current),o.current=null);let R,a;if(typeof n=="object"&&n!==null?(R=n.index,a={align:n.align,behavior:n.behavior,offset:n.offset}):(R=n,a=y),!Number.isFinite(R))return;const p=Math.max(0,Math.min(Math.floor(R),d.count-1));d.getOffset(p),d.getSize(p);const F=(a==null?void 0:a.align)??"start",E=(a==null?void 0:a.behavior)??"auto",I=(a==null?void 0:a.offset)??0,h=()=>{var P;const M=e.current,f=i.current;if(!M||!f)return 0;const S=((P=t==null?void 0:t.current)==null?void 0:P.offsetTop)??0,v=M.getOffset(p),k=M.getSize(p);return F==="start"?S+v+I:F==="center"?S+v-f.clientHeight/2+k/2+I:S+v-f.clientHeight+k+I},w=h();((M,f)=>{typeof u.scrollTo=="function"?u.scrollTo({top:M,behavior:f}):u.scrollTop=M})(Math.max(0,w),E);const H=performance.now();let T=0;const j=12,L=300,J=1,K=()=>{o.current=null;const M=i.current;if(!M)return;const f=Math.max(0,h()),S=Math.abs(M.scrollTop-f),v=performance.now()-H>=L,k=T>=j;S<=J||v||k||(typeof M.scrollTo=="function"?M.scrollTo({top:f,behavior:"auto"}):M.scrollTop=f,T+=1,o.current=requestAnimationFrame(K))};o.current=requestAnimationFrame(K)},[i,e,t,l])}function ce(i){var se;const{items:e,getKey:t,estimatedItemSize:s,overscan:l,initialAlignment:o}=i,n=r.useRef(null),y=r.useRef(null),u=r.useRef(null),d=r.useRef(new me),R=r.useRef([]),a=r.useRef(new Map),p=r.useRef(e.length),F=r.useRef(null),E=r.useRef(null),I=r.useRef(!1),h=r.useRef(0),w=r.useRef(0),g=r.useRef(null),H=r.useRef(!1),T=r.useRef(null),j=r.useRef(0),L=r.useRef(0),J=r.useRef(0),K=r.useRef(null),M=r.useRef(!1),f=r.useRef(!1),[,S]=r.useState(0),v=r.useCallback(()=>S(c=>c+1),[]);u.current||(u.current=new de(e.length,s));const k=e.length>0?t(e[0],0):null,P=e.length>0?t(e[e.length-1],e.length-1):null;if(e.length!==p.current||k!==F.current||P!==E.current){const c=u.current,m=e.map((O,_)=>t(O,_)),z=R.current,x=z.length,C=m.length;if(C===0)c.resize(0);else if(x===0)c.resize(C);else if(C>x){const O=C-x;z.length>0&&O>=0&&m[O]===z[0]?c.prepend(O):c.resize(C)}else C<x,c.resize(C);const b=new Map;m.forEach((O,_)=>b.set(O,_)),a.current=b,d.current.applyToOffsetMap(c,b),R.current=m,p.current=e.length,F.current=k,E.current=P}const A=r.useCallback(()=>{K.current===null&&(K.current=requestAnimationFrame(()=>{K.current=null;const c=n.current;if(!c)return;const m=j.current;Math.abs(m)<.01||(j.current=0,L.current+=m,J.current+=m,c.scrollTop+=m,h.current=c.scrollTop,M.current=!0,v())}))},[v]);r.useEffect(()=>{const c=n.current;if(!c)return;const m=()=>{g.current===null&&(g.current=requestAnimationFrame(()=>{g.current=null,h.current=c.scrollTop,w.current=c.clientHeight,M.current&&(M.current=!1,L.current=0,J.current=0),v()}))};return c.addEventListener("scroll",m,{passive:!0}),()=>{c.removeEventListener("scroll",m),g.current!==null&&(cancelAnimationFrame(g.current),g.current=null),K.current!==null&&(cancelAnimationFrame(K.current),K.current=null)}},[v]),r.useEffect(()=>{const c=n.current;if(!c)return;w.current=c.clientHeight,h.current=c.scrollTop;const m=new ResizeObserver(([z])=>{z&&(w.current=z.contentRect.height,v())});return m.observe(c),()=>m.disconnect()},[v]),r.useLayoutEffect(()=>{if(I.current||e.length===0)return;const c=n.current;if(c){if(o==="bottom"){c.scrollTop=c.scrollHeight,h.current=c.scrollTop,w.current=c.clientHeight,H.current=!0,T.current!==null&&cancelAnimationFrame(T.current);const m=performance.now();let z=0,x=c.scrollHeight;const C=()=>{if(!H.current){T.current=null;return}const b=c.scrollHeight,O=Math.abs(b-x);x=b,O<1?z+=1:z=0,c.scrollTop=c.scrollHeight,h.current=c.scrollTop;const _=performance.now()-m;if(z>=3||_>=500){H.current=!1,T.current=null;return}T.current=requestAnimationFrame(C)};T.current=requestAnimationFrame(C)}I.current=!0}},[o,e.length]),r.useEffect(()=>{e.length===0&&(I.current=!1,H.current=!1,T.current!==null&&(cancelAnimationFrame(T.current),T.current=null))},[e.length]);const B=r.useCallback((c,m)=>{var Y;const z=u.current;if(!z||d.current.get(c)===m)return;d.current.set(c,m);const C=a.current.get(c);if(C===void 0)return;const b=z.getSize(C),O=m-b,_=n.current;if(_&&!H.current&&!f.current&&O!==0){const X=z.getOffset(C)+b+(((Y=y.current)==null?void 0:Y.offsetTop)??0);X<_.scrollTop&&(console.log(`[JUMP] key=${c} idx=${C} delta=${O} itemBottom=${Math.round(X)} scrollTop=${Math.round(_.scrollTop)} suppressed=${f.current}`),j.current+=O,A())}z.setSize(C,m)&&v()},[A,v]),N=r.useCallback((c,m="auto")=>{var z;(z=n.current)==null||z.scrollTo({top:c,behavior:m})},[]),D=Re(n,u,y,{reconcile:!0}),V=r.useCallback(()=>{var ee;const c=n.current,m=u.current;if(!c||!m||m.count===0)return null;const z=((ee=y.current)==null?void 0:ee.offsetTop)??0,x=Math.max(0,c.scrollTop-z),C=m.getOffsets(),b=oe(C,x),O=R.current[b]??null,_=[];for(let Y=b;Y<Math.min(m.count,b+6);Y++){const X=R.current[Y]??null;X!==null&&_.push({key:X,offsetWithinItem:x-m.getOffset(Y)})}return{key:O,offsetWithinItem:x-m.getOffset(b),candidates:_,scrollTop:c.scrollTop,scrollHeight:c.scrollHeight}},[]),G=r.useCallback((c,m)=>{var b;const z=u.current;if(!z)return null;const x=a.current.get(c);return x===void 0?null:(((b=y.current)==null?void 0:b.offsetTop)??0)+z.getOffset(x)+m},[]),$=u.current,ue=$?$.totalSize():0,W=n.current,Q=(W==null?void 0:W.scrollTop)??h.current,re=(W==null?void 0:W.clientHeight)??w.current,ae=((se=y.current)==null?void 0:se.offsetTop)??0,ne=Math.max(0,Q-ae),Z=[];if($&&$.count>0&&re>0){const c=$.getOffsets(),m=$.getSizes(),z=oe(c,ne),x=pe(c,m,ne+re),C=ge({firstVisible:z,lastVisible:x,itemCount:$.count,overscan:l});for(let b=C.start;b<=C.end&&b<e.length;b++)Z.push({key:R.current[b]??t(e[b],b),index:b,start:$.getOffset(b),size:$.getSize(b),data:e[b]})}else if($&&$.count>0){const c=Math.min(e.length,l*2+1),m=o==="bottom"?Math.max(0,e.length-c):0,z=m+c-1;for(let x=m;x<=z;x++)Z.push({key:R.current[x]??t(e[x],x),index:x,start:$.getOffset(x),size:$.getSize(x),data:e[x]})}const fe=W?W.scrollHeight-W.scrollTop-W.clientHeight:1/0;return{scrollerRef:n,innerRef:y,virtualItems:Z,totalSize:ue,measureItem:B,scrollToIndex:D,scrollToOffset:N,captureAnchorSnapshot:V,resolveAnchorTop:G,isAtTop:Q<=1,isAtBottom:fe<=1,scrollTop:Q,jumpSuppressedRef:f}}function ve(i){var l;const{snapshot:e,currentScrollHeight:t,resolveAnchorTop:s}=i;if(e.key!==null){const o=s(e.key,e.offsetWithinItem);if(o!==null)return o}if((l=e.candidates)!=null&&l.length)for(const o of e.candidates){const n=s(o.key,o.offsetWithinItem);if(n!==null)return n}return e.scrollTop+(t-e.scrollHeight)}function ye(i){const{scrollerRef:e,itemCount:t,captureAnchorSnapshot:s,resolveAnchorTop:l,onRestored:o}=i,n=r.useRef(null),y=r.useRef(!1),u=r.useRef({first:null,second:null,timeout:null}),d=r.useCallback(()=>{const{first:a,second:p,timeout:F}=u.current;a&&cancelAnimationFrame(a),p&&cancelAnimationFrame(p),F&&clearTimeout(F),u.current={first:null,second:null,timeout:null}},[]),R=r.useCallback(()=>{const a=e.current;if(!a)return;const p=s();n.current=p??{key:null,offsetWithinItem:0,scrollTop:a.scrollTop,scrollHeight:a.scrollHeight},y.current=!0,console.log("[ANCHOR] prepareAnchor snapshot:",JSON.stringify(n.current,null,2))},[e,s]);return r.useLayoutEffect(()=>{if(!y.current)return;const a=e.current,p=n.current;if(!a||!p)return;y.current=!1;const F=E=>{const I=ve({snapshot:p,currentScrollHeight:a.scrollHeight,resolveAnchorTop:l});console.log(`[ANCHOR] restore(${E}): target=${Math.round(I)}, currentScrollTop=${Math.round(a.scrollTop)}, scrollHeight=${a.scrollHeight}, snapshotKey=${p.key}, delta=${Math.round(I-a.scrollTop)}`),Number.isFinite(I)&&Math.abs(a.scrollTop-I)>1&&(a.scrollTop=I)};return d(),F("layout"),o==null||o(),u.current.first=requestAnimationFrame(()=>{u.current.first=null,F("raf1"),u.current.second=requestAnimationFrame(()=>{u.current.second=null,F("raf2")})}),u.current.timeout=setTimeout(()=>{u.current.timeout=null,F("timeout")},90),()=>d()},[t,e,l,d,o]),{prepareAnchor:R}}function Te(i){const{previous:e,distanceFromBottom:t,threshold:s,hysteresis:l}=i;if(!l)return t<=s;const o=Math.max(0,l.enter),n=Math.max(o,l.leave);return e?t<=n:t<=o}function Se(i,e){const t=typeof e=="number"?e:e.threshold??200,s=typeof e=="number"?void 0:e.hysteresis,[l,o]=r.useState(!0),n=r.useRef(null),y=r.useRef(!0);return r.useEffect(()=>{const u=i.current;if(!u)return;const d=()=>{const a=u.scrollHeight-u.scrollTop-u.clientHeight,p=Te({previous:y.current,distanceFromBottom:a,threshold:t,hysteresis:s});y.current=p,o(p)},R=()=>{n.current!==null&&cancelAnimationFrame(n.current),n.current=requestAnimationFrame(d)};return u.addEventListener("scroll",R,{passive:!0}),d(),()=>{u.removeEventListener("scroll",R),n.current!==null&&cancelAnimationFrame(n.current)}},[i,t,s==null?void 0:s.enter,s==null?void 0:s.leave]),l}function Ae(i){const{itemCount:e,firstKey:t,lastKey:s,isAtBottom:l,scrollToIndex:o,mode:n}=i,y=r.useRef(e),u=r.useRef(t),d=r.useRef(s);r.useLayoutEffect(()=>{if(!n){y.current=e,u.current=t,d.current=s;return}const R=y.current,a=u.current,p=d.current;e>R&&t===a&&s!==p&&l&&e>0&&o(e-1,{align:"end",behavior:n==="smooth"?"smooth":"auto"}),y.current=e,u.current=t,d.current=s},[e,t,s,l,o,n])}function le(i){const{items:e,getKey:t,estimatedItemSize:s=80,overscan:l=20,atBottomThreshold:o=200,atBottomHysteresis:n,followOutput:y="auto",initialAlignment:u="bottom",scrollModifier:d=null,onStartReached:R,onEndReached:a,startReachedThreshold:p=300,endReachedThreshold:F=300,scrollToMessageKey:E,onScrollToMessageComplete:I}=i,h=ce({items:e,getKey:t,estimatedItemSize:s,overscan:l,initialAlignment:u}),w=Se(h.scrollerRef,{threshold:o,hysteresis:n??{enter:80,leave:160}}),[,g]=r.useState(0),H=r.useRef(null),T=r.useCallback(()=>{g(A=>A+1),H.current&&clearTimeout(H.current),H.current=setTimeout(()=>{h.jumpSuppressedRef.current=!1,H.current=null},200)},[h.jumpSuppressedRef]),{prepareAnchor:j}=ye({scrollerRef:h.scrollerRef,itemCount:e.length,captureAnchorSnapshot:h.captureAnchorSnapshot,resolveAnchorTop:h.resolveAnchorTop,onRestored:T}),L=r.useCallback(()=>{h.jumpSuppressedRef.current=!0,j()},[j,h.jumpSuppressedRef]),J=e.length>0?t(e[0],0):null,K=e.length>0?t(e[e.length-1],e.length-1):null;Ae({itemCount:e.length,firstKey:J,lastKey:K,isAtBottom:w,scrollToIndex:h.scrollToIndex,mode:y??!1});const M=r.useCallback((A="auto")=>{e.length!==0&&h.scrollToIndex(e.length-1,{align:"end",behavior:A})},[e.length,h]),f=r.useCallback((A,B)=>{const N=e.findIndex((D,V)=>t(D,V)===A);N!==-1&&h.scrollToIndex(N,B)},[e,t,h]),S=r.useRef(null);r.useLayoutEffect(()=>{if(d&&S.current!==d.id){if(S.current=d.id,d.type==="prepend"){L();return}if(d.type==="append"){if(d.ifAtBottomOnly&&!w)return;M(d.behavior??"auto");return}if(d.type==="items-change"){w&&M("auto");return}f(d.key,{align:d.align??"center",behavior:d.behavior??"auto"})}},[d,w,L,M,f]);const v=r.useRef(!1),k=r.useRef(u==="top");r.useEffect(()=>{const A=h.scrollerRef.current;if(!A||!R)return;const B=()=>{const N=A.scrollTop;k.current||(A.scrollHeight<=A.clientHeight+p||N>p)&&(k.current=!0),k.current&&N<=p&&!v.current&&(v.current=!0,Promise.resolve(R()).finally(()=>{v.current=!1}))};return A.addEventListener("scroll",B,{passive:!0}),B(),()=>A.removeEventListener("scroll",B)},[h.scrollerRef,R,p,u]);const P=r.useRef(!1);r.useEffect(()=>{const A=h.scrollerRef.current;if(!A||!a)return;const B=()=>{A.scrollHeight-A.scrollTop-A.clientHeight<=F&&!P.current&&(P.current=!0,Promise.resolve(a()).finally(()=>{P.current=!1}))};return A.addEventListener("scroll",B,{passive:!0}),()=>A.removeEventListener("scroll",B)},[h.scrollerRef,a,F]);const U=r.useRef(null);return r.useEffect(()=>{if(!E||U.current===E)return;const A=e.findIndex((B,N)=>t(B,N)===E);A!==-1&&(U.current=E,h.scrollToIndex(A,{align:"center",behavior:"auto"}),I==null||I())},[E,e,t,h,I]),{scrollerRef:h.scrollerRef,innerRef:h.innerRef,virtualItems:h.virtualItems,totalSize:h.totalSize,measureItem:h.measureItem,scrollToIndex:h.scrollToIndex,scrollToBottom:M,scrollToKey:f,isAtBottom:w,prepareAnchor:L}}function ie({virtualItem:i,measureItem:e,children:t}){const s=r.useRef(null),l=r.useRef(!1);return r.useEffect(()=>{const o=s.current;if(!o)return;l.current=!1;const n=new ResizeObserver(([y])=>{y&&(l.current=!0,e(i.key,y.contentRect.height))});return n.observe(o),()=>n.disconnect()},[i.key,e]),q.jsx("div",{ref:s,style:{position:"absolute",top:0,transform:`translateY(${i.start}px)`,width:"100%",minHeight:l.current?void 0:i.size},children:t})}function be(i,e){const{data:t,itemContent:s,computeItemKey:l,estimatedItemSize:o=80,overscan:n=20,followOutput:y="auto",atBottomThreshold:u=200,atBottomHysteresis:d,initialAlignment:R="bottom",scrollModifier:a,onStartReached:p,onEndReached:F,startReachedThreshold:E=300,endReachedThreshold:I=300,scrollToMessageKey:h,onScrollToMessageComplete:w,onAtBottomChange:g,components:H={},className:T,style:j}=i,{scrollerRef:L,innerRef:J,virtualItems:K,totalSize:M,measureItem:f,scrollToIndex:S,scrollToBottom:v,scrollToKey:k,isAtBottom:P,prepareAnchor:U}=le({items:t,getKey:(V,G)=>l(G,V),estimatedItemSize:o,overscan:n,atBottomThreshold:u,atBottomHysteresis:d,followOutput:y,initialAlignment:R,scrollModifier:a,onStartReached:p,onEndReached:F,startReachedThreshold:E,endReachedThreshold:I,scrollToMessageKey:h,onScrollToMessageComplete:w}),A=te.useRef(P);te.useEffect(()=>{A.current!==P&&(A.current=P,g==null||g(P))},[P,g]),r.useImperativeHandle(e,()=>({scrollToBottom:v,scrollToIndex:S,scrollToKey:k,getScrollTop:()=>{var V;return((V=L.current)==null?void 0:V.scrollTop)??0},isAtBottom:()=>P,prepareAnchor:U}),[v,S,k,L,P,U]);const{Header:B,Footer:N,EmptyPlaceholder:D}=H;return t.length===0&&D?q.jsx(D,{}):q.jsxs("div",{ref:L,className:T,style:{overflow:"auto",height:"100%",position:"relative",overflowAnchor:"none",overscrollBehaviorY:"contain",...j},children:[B&&q.jsx(B,{}),q.jsx("div",{ref:J,style:{height:M,position:"relative",width:"100%"},children:K.map(V=>q.jsx(ie,{virtualItem:V,measureItem:f,children:s(V.index,V.data)},V.key))}),N&&q.jsx(N,{})]})}const ze=r.forwardRef(be);function xe({data:i,itemContent:e,computeItemKey:t,estimatedItemSize:s=60,overscan:l=20,onEndReached:o,endReachedThreshold:n=300,components:y={},className:u,style:d}){const{scrollerRef:R,innerRef:a,virtualItems:p,totalSize:F,measureItem:E}=ce({items:i,getKey:(g,H)=>t(H,g),estimatedItemSize:s,overscan:l,initialAlignment:"top"});te.useEffect(()=>{const g=R.current;if(!g||!o)return;let H=!1;const T=()=>{g.scrollHeight-g.scrollTop-g.clientHeight<=n&&!H&&(H=!0,Promise.resolve(o()).finally(()=>{H=!1}))};return g.addEventListener("scroll",T,{passive:!0}),()=>g.removeEventListener("scroll",T)},[R,o,n]);const{Header:I,Footer:h,EmptyPlaceholder:w}=y;return i.length===0&&w?q.jsx(w,{}):q.jsxs("div",{ref:R,className:u,style:{overflow:"auto",height:"100%",position:"relative",overflowAnchor:"none",overscrollBehaviorY:"contain",...d},children:[I&&q.jsx(I,{}),q.jsx("div",{ref:a,style:{height:F,position:"relative",width:"100%"},children:p.map(g=>q.jsx(ie,{virtualItem:g,measureItem:E,children:e(g.index,g.data)},g.key))}),h&&q.jsx(h,{})]})}function Ie(i){const{fetcher:e,initialPage:t=1,direction:s="append",getKey:l,onPageLoaded:o,onError:n}=i,[y,u]=r.useState([]),[d,R]=r.useState(t),[a,p]=r.useState(!0),[F,E]=r.useState(!1),[I,h]=r.useState(!1),[w,g]=r.useState(!1),H=r.useRef(new Set),T=r.useRef(!1),j=r.useCallback(f=>l?f.filter(S=>{const v=l(S);return H.current.has(v)?!1:(H.current.add(v),!0)}):f,[l]),L=r.useCallback(async()=>{if(!(T.current||!a)){T.current=!0,g(!0);try{const f=d+1,S=await e(f),v=j(S.data);u(k=>s==="prepend"?[...v,...k]:[...k,...v]),R(f),p(S.hasNextPage),E(S.hasPrevPage),o==null||o(f,v)}catch(f){n==null||n(f instanceof Error?f:new Error(String(f)))}finally{g(!1),T.current=!1}}},[d,a,e,j,s,o,n]),J=r.useCallback(async()=>{if(!(T.current||!F)){T.current=!0,g(!0);try{const f=d-1,S=await e(f),v=j(S.data);u(k=>[...v,...k]),R(f),E(S.hasPrevPage),p(S.hasNextPage),o==null||o(f,v)}catch(f){n==null||n(f instanceof Error?f:new Error(String(f)))}finally{g(!1),T.current=!1}}},[d,F,e,j,o,n]),K=r.useCallback(async()=>{if(!T.current){T.current=!0,h(!0);try{const f=await e(t),S=f.data;if(l){const v=new Set(S.map(l));S.forEach(k=>H.current.add(l(k))),u(k=>{const P=k.filter(U=>!v.has(l(U)));return s==="prepend"?[...S,...P]:[...P,...S]})}else u(S);R(t),p(f.hasNextPage),E(f.hasPrevPage),o==null||o(t,S)}catch(f){n==null||n(f instanceof Error?f:new Error(String(f)))}finally{h(!1),T.current=!1}}},[e,t,l,s,o,n]),M=r.useCallback(()=>{u([]),R(t),p(!0),E(!1),h(!1),g(!1),H.current.clear(),T.current=!1},[t]);return{items:y,loadNextPage:L,loadPrevPage:J,hasNextPage:a,hasPrevPage:F,loading:I,loadingMore:w,refresh:K,reset:M,currentPage:d}}exports.ChatVirtualList=ze;exports.VirtualList=xe;exports.useChatVirtualizer=le;exports.usePagination=Ie;

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as J, jsxs as ae } from "react/jsx-runtime";
 import * as oe from "react";
-import { useRef as m, useCallback as k, useState as X, useEffect as $, useLayoutEffect as Z, forwardRef as ge, useImperativeHandle as ve } from "react";
+import { useRef as d, useCallback as k, useState as Y, useEffect as D, useLayoutEffect as ee, forwardRef as ge, useImperativeHandle as ve } from "react";
 class Te {
   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);
@@ -75,133 +75,133 @@ class ye {
     }
   }
 }
-function ue(a, e) {
-  if (a.length === 0) return 0;
-  let t = 0, s = a.length - 1;
+function ue(f, e) {
+  if (f.length === 0) return 0;
+  let t = 0, s = f.length - 1;
   for (; t < s; ) {
     const c = t + s >> 1;
-    (a[c] ?? 0) < e ? t = c + 1 : s = c;
+    (f[c] ?? 0) < e ? t = c + 1 : s = c;
   }
-  return Math.max(0, t > 0 && (a[t] ?? 0) > e ? t - 1 : t);
+  return Math.max(0, t > 0 && (f[t] ?? 0) > e ? t - 1 : t);
 }
-function Se(a, e, t) {
-  if (a.length === 0) return 0;
-  let s = 0, c = a.length - 1, n = 0;
+function Se(f, e, t) {
+  if (f.length === 0) return 0;
+  let s = 0, c = f.length - 1, n = 0;
   for (; s <= c; ) {
     const r = s + c >> 1;
-    (a[r] ?? 0) < t ? (n = r, s = r + 1) : c = r - 1;
+    (f[r] ?? 0) < t ? (n = r, s = r + 1) : c = r - 1;
   }
   return n;
 }
-function Ae(a) {
-  const { firstVisible: e, lastVisible: t, itemCount: s, overscan: c } = a;
+function Ae(f) {
+  const { firstVisible: e, lastVisible: t, itemCount: s, overscan: c } = f;
   return s === 0 ? { start: 0, end: -1 } : {
     start: Math.max(0, e - c),
     end: Math.min(s - 1, t + c)
   };
 }
-function ze(a, e, t, s) {
-  const c = s == null ? void 0 : s.reconcile, n = m(null);
+function Re(f, e, t, s) {
+  const c = s == null ? void 0 : s.reconcile, n = d(null);
   return k(
     (r, y) => {
-      const l = a.current, h = e.current;
+      const l = f.current, h = e.current;
       if (!l || !h) return;
       n.current !== null && (cancelAnimationFrame(n.current), n.current = null);
-      let v, f;
-      if (typeof r == "object" && r !== null ? (v = r.index, f = {
+      let v, i;
+      if (typeof r == "object" && r !== null ? (v = r.index, i = {
         align: r.align,
         behavior: r.behavior,
         offset: r.offset
-      }) : (v = r, f = y), !Number.isFinite(v)) return;
+      }) : (v = r, i = y), !Number.isFinite(v)) return;
       const p = Math.max(0, Math.min(Math.floor(v), h.count - 1));
       h.getOffset(p), h.getSize(p);
-      const F = (f == null ? void 0 : f.align) ?? "start", M = (f == null ? void 0 : f.behavior) ?? "auto", K = (f == null ? void 0 : f.offset) ?? 0, i = () => {
+      const H = (i == null ? void 0 : i.align) ?? "start", K = (i == null ? void 0 : i.behavior) ?? "auto", F = (i == null ? void 0 : i.offset) ?? 0, a = () => {
         var B;
-        const H = e.current, u = a.current;
-        if (!H || !u) return 0;
-        const A = ((B = t == null ? void 0 : t.current) == null ? void 0 : B.offsetTop) ?? 0, T = H.getOffset(p), w = H.getSize(p);
-        return F === "start" ? A + T + K : F === "center" ? A + T - u.clientHeight / 2 + w / 2 + K : A + T - u.clientHeight + w + K;
-      }, E = i();
-      ((H, u) => {
-        typeof l.scrollTo == "function" ? l.scrollTo({ top: H, behavior: u }) : l.scrollTop = H;
-      })(Math.max(0, E), M);
+        const M = e.current, u = f.current;
+        if (!M || !u) return 0;
+        const A = ((B = t == null ? void 0 : t.current) == null ? void 0 : B.offsetTop) ?? 0, T = M.getOffset(p), w = M.getSize(p);
+        return H === "start" ? A + T + F : H === "center" ? A + T - u.clientHeight / 2 + w / 2 + F : A + T - u.clientHeight + w + F;
+      }, E = a();
+      ((M, u) => {
+        typeof l.scrollTo == "function" ? l.scrollTo({ top: M, behavior: u }) : l.scrollTop = M;
+      })(Math.max(0, E), K);
       const b = performance.now();
       let S = 0;
-      const C = 12, j = 300, U = 1, L = () => {
+      const C = 12, j = 300, W = 1, O = () => {
         n.current = null;
-        const H = a.current;
-        if (!H) return;
-        const u = Math.max(0, i()), A = Math.abs(H.scrollTop - u), T = performance.now() - b >= j, w = S >= C;
-        A <= U || T || w || (typeof H.scrollTo == "function" ? H.scrollTo({ top: u, behavior: "auto" }) : H.scrollTop = u, S += 1, n.current = requestAnimationFrame(L));
+        const M = f.current;
+        if (!M) return;
+        const u = Math.max(0, a()), A = Math.abs(M.scrollTop - u), T = performance.now() - b >= j, w = S >= C;
+        A <= W || T || w || (typeof M.scrollTo == "function" ? M.scrollTo({ top: u, behavior: "auto" }) : M.scrollTop = u, S += 1, n.current = requestAnimationFrame(O));
       };
-      n.current = requestAnimationFrame(L);
+      n.current = requestAnimationFrame(O);
     },
-    [a, e, t, c]
+    [f, e, t, c]
   );
 }
-function fe(a) {
+function fe(f) {
   var ie;
-  const { items: e, getKey: t, estimatedItemSize: s, overscan: c, initialAlignment: n } = a, r = m(null), y = m(null), l = m(null), h = m(new ye()), v = m([]), f = m(/* @__PURE__ */ new Map()), p = m(e.length), F = m(null), M = m(null), K = m(!1), i = m(0), E = m(0), g = m(null), b = m(!1), S = m(null), C = m(0), j = m(0), U = m(0), L = m(null), H = m(!1), u = m(!1), [, A] = X(0), T = k(() => A((o) => o + 1), []);
+  const { items: e, getKey: t, estimatedItemSize: s, overscan: c, initialAlignment: n } = f, r = d(null), y = d(null), l = d(null), h = d(new ye()), v = d([]), i = d(/* @__PURE__ */ new Map()), p = d(e.length), H = d(null), K = d(null), F = d(!1), a = d(0), E = d(0), g = d(null), b = d(!1), S = d(null), C = d(0), j = d(0), W = d(0), O = d(null), M = d(!1), u = d(!1), [, A] = Y(0), T = k(() => A((o) => o + 1), []);
   l.current || (l.current = new Te(e.length, s));
   const w = e.length > 0 ? t(e[0], 0) : null, B = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
-  if (e.length !== p.current || w !== F.current || B !== M.current) {
-    const o = l.current, d = e.map((V, W) => t(V, W)), x = v.current, I = x.length, P = d.length;
+  if (e.length !== p.current || w !== H.current || B !== K.current) {
+    const o = l.current, m = e.map((N, _) => t(N, _)), x = v.current, I = x.length, P = m.length;
     if (P === 0)
       o.resize(0);
     else if (I === 0)
       o.resize(P);
     else if (P > I) {
-      const V = P - I;
-      x.length > 0 && V >= 0 && d[V] === x[0] ? o.prepend(V) : o.resize(P);
+      const N = P - I;
+      x.length > 0 && N >= 0 && m[N] === x[0] ? o.prepend(N) : o.resize(P);
     } else P < I, o.resize(P);
-    const R = /* @__PURE__ */ new Map();
-    d.forEach((V, W) => R.set(V, W)), f.current = R, h.current.applyToOffsetMap(o, R), v.current = d, p.current = e.length, F.current = w, M.current = B;
+    const z = /* @__PURE__ */ new Map();
+    m.forEach((N, _) => z.set(N, _)), i.current = z, h.current.applyToOffsetMap(o, z), v.current = m, p.current = e.length, H.current = w, K.current = B;
   }
-  const z = k(() => {
-    L.current === null && (L.current = requestAnimationFrame(() => {
-      L.current = null;
+  const R = k(() => {
+    O.current === null && (O.current = requestAnimationFrame(() => {
+      O.current = null;
       const o = r.current;
       if (!o) return;
-      const d = C.current;
-      Math.abs(d) < 0.01 || (C.current = 0, j.current += d, U.current += d, o.scrollTop += d, i.current = o.scrollTop, H.current = !0, T());
+      const m = C.current;
+      Math.abs(m) < 0.01 || (C.current = 0, j.current += m, W.current += m, o.scrollTop += m, a.current = o.scrollTop, M.current = !0, T());
     }));
   }, [T]);
-  $(() => {
+  D(() => {
     const o = r.current;
     if (!o) return;
-    const d = () => {
+    const m = () => {
       g.current === null && (g.current = requestAnimationFrame(() => {
-        g.current = null, i.current = o.scrollTop, E.current = o.clientHeight, H.current && (H.current = !1, j.current = 0, U.current = 0), T();
+        g.current = null, a.current = o.scrollTop, E.current = o.clientHeight, M.current && (M.current = !1, j.current = 0, W.current = 0), T();
       }));
     };
-    return o.addEventListener("scroll", d, { passive: !0 }), () => {
-      o.removeEventListener("scroll", d), g.current !== null && (cancelAnimationFrame(g.current), g.current = null), L.current !== null && (cancelAnimationFrame(L.current), L.current = null);
+    return o.addEventListener("scroll", m, { passive: !0 }), () => {
+      o.removeEventListener("scroll", m), g.current !== null && (cancelAnimationFrame(g.current), g.current = null), O.current !== null && (cancelAnimationFrame(O.current), O.current = null);
     };
-  }, [T]), $(() => {
+  }, [T]), D(() => {
     const o = r.current;
     if (!o) return;
-    E.current = o.clientHeight, i.current = o.scrollTop;
-    const d = new ResizeObserver(([x]) => {
+    E.current = o.clientHeight, a.current = o.scrollTop;
+    const m = new ResizeObserver(([x]) => {
       x && (E.current = x.contentRect.height, T());
     });
-    return d.observe(o), () => d.disconnect();
-  }, [T]), Z(() => {
-    if (K.current || e.length === 0) return;
+    return m.observe(o), () => m.disconnect();
+  }, [T]), ee(() => {
+    if (F.current || e.length === 0) return;
     const o = r.current;
     if (o) {
       if (n === "bottom") {
-        o.scrollTop = o.scrollHeight, i.current = o.scrollTop, E.current = o.clientHeight, b.current = !0, S.current !== null && cancelAnimationFrame(S.current);
-        const d = performance.now();
+        o.scrollTop = o.scrollHeight, a.current = o.scrollTop, E.current = o.clientHeight, b.current = !0, S.current !== null && cancelAnimationFrame(S.current);
+        const m = performance.now();
         let x = 0, I = o.scrollHeight;
         const P = () => {
           if (!b.current) {
             S.current = null;
             return;
           }
-          const R = o.scrollHeight, V = Math.abs(R - I);
-          I = R, V < 1 ? x += 1 : x = 0, o.scrollTop = o.scrollHeight, i.current = o.scrollTop;
-          const W = performance.now() - d;
-          if (x >= 3 || W >= 500) {
+          const z = o.scrollHeight, N = Math.abs(z - I);
+          I = z, N < 1 ? x += 1 : x = 0, o.scrollTop = o.scrollHeight, a.current = o.scrollTop;
+          const _ = performance.now() - m;
+          if (x >= 3 || _ >= 500) {
             b.current = !1, S.current = null;
             return;
           }
@@ -209,107 +209,111 @@ function fe(a) {
         };
         S.current = requestAnimationFrame(P);
       }
-      K.current = !0;
+      F.current = !0;
     }
-  }, [n, e.length]), $(() => {
-    e.length === 0 && (K.current = !1, b.current = !1, S.current !== null && (cancelAnimationFrame(S.current), S.current = null));
+  }, [n, e.length]), D(() => {
+    e.length === 0 && (F.current = !1, b.current = !1, S.current !== null && (cancelAnimationFrame(S.current), S.current = null));
   }, [e.length]);
-  const O = k((o, d) => {
+  const L = k((o, m) => {
     var Q;
     const x = l.current;
-    if (!x || h.current.get(o) === d) return;
-    h.current.set(o, d);
-    const P = f.current.get(o);
+    if (!x || h.current.get(o) === m) return;
+    h.current.set(o, m);
+    const P = i.current.get(o);
     if (P === void 0) return;
-    const R = x.getSize(P), V = d - R, W = r.current;
-    W && !b.current && !u.current && V !== 0 && x.getOffset(P) + R + (((Q = y.current) == null ? void 0 : Q.offsetTop) ?? 0) < W.scrollTop && (C.current += V, z()), x.setSize(P, d) && T();
-  }, [z, T]), N = k(
-    (o, d = "auto") => {
+    const z = x.getSize(P), N = m - z, _ = r.current;
+    if (_ && !b.current && !u.current && N !== 0) {
+      const Z = x.getOffset(P) + z + (((Q = y.current) == null ? void 0 : Q.offsetTop) ?? 0);
+      Z < _.scrollTop && (console.log(`[JUMP] key=${o} idx=${P} delta=${N} itemBottom=${Math.round(Z)} scrollTop=${Math.round(_.scrollTop)} suppressed=${u.current}`), C.current += N, R());
+    }
+    x.setSize(P, m) && T();
+  }, [R, T]), V = k(
+    (o, m = "auto") => {
       var x;
-      (x = r.current) == null || x.scrollTo({ top: o, behavior: d });
+      (x = r.current) == null || x.scrollTo({ top: o, behavior: m });
     },
     []
-  ), G = ze(r, l, y, {
+  ), G = Re(r, l, y, {
     reconcile: !0
-  }), q = k(() => {
-    var ne;
-    const o = r.current, d = l.current;
-    if (!o || !d || d.count === 0) return null;
-    const x = ((ne = y.current) == null ? void 0 : ne.offsetTop) ?? 0, I = Math.max(0, o.scrollTop - x), P = d.getOffsets(), R = ue(P, I), V = v.current[R] ?? null, W = [];
-    for (let Q = R; Q < Math.min(d.count, R + 6); Q++) {
-      const se = v.current[Q] ?? null;
-      se !== null && W.push({
-        key: se,
-        offsetWithinItem: I - d.getOffset(Q)
+  }), $ = k(() => {
+    var se;
+    const o = r.current, m = l.current;
+    if (!o || !m || m.count === 0) return null;
+    const x = ((se = y.current) == null ? void 0 : se.offsetTop) ?? 0, I = Math.max(0, o.scrollTop - x), P = m.getOffsets(), z = ue(P, I), N = v.current[z] ?? null, _ = [];
+    for (let Q = z; Q < Math.min(m.count, z + 6); Q++) {
+      const Z = v.current[Q] ?? null;
+      Z !== null && _.push({
+        key: Z,
+        offsetWithinItem: I - m.getOffset(Q)
       });
     }
     return {
-      key: V,
-      offsetWithinItem: I - d.getOffset(R),
-      candidates: W,
+      key: N,
+      offsetWithinItem: I - m.getOffset(z),
+      candidates: _,
       scrollTop: o.scrollTop,
       scrollHeight: o.scrollHeight
     };
-  }, []), ee = k(
-    (o, d) => {
-      var R;
+  }, []), te = k(
+    (o, m) => {
+      var z;
       const x = l.current;
       if (!x) return null;
-      const I = f.current.get(o);
-      return I === void 0 ? null : (((R = y.current) == null ? void 0 : R.offsetTop) ?? 0) + x.getOffset(I) + d;
+      const I = i.current.get(o);
+      return I === void 0 ? null : (((z = y.current) == null ? void 0 : z.offsetTop) ?? 0) + x.getOffset(I) + m;
     },
     []
-  ), _ = l.current, me = _ ? _.totalSize() : 0, Y = r.current, te = (Y == null ? void 0 : Y.scrollTop) ?? i.current, ce = (Y == null ? void 0 : Y.clientHeight) ?? E.current, de = ((ie = y.current) == null ? void 0 : ie.offsetTop) ?? 0, le = Math.max(0, te - de), re = [];
-  if (_ && _.count > 0 && ce > 0) {
-    const o = _.getOffsets(), d = _.getSizes(), x = ue(o, le), I = Se(
+  ), q = l.current, de = q ? q.totalSize() : 0, U = r.current, re = (U == null ? void 0 : U.scrollTop) ?? a.current, ce = (U == null ? void 0 : U.clientHeight) ?? E.current, me = ((ie = y.current) == null ? void 0 : ie.offsetTop) ?? 0, le = Math.max(0, re - me), ne = [];
+  if (q && q.count > 0 && ce > 0) {
+    const o = q.getOffsets(), m = q.getSizes(), x = ue(o, le), I = Se(
       o,
-      d,
+      m,
       le + ce
     ), P = Ae({
       firstVisible: x,
       lastVisible: I,
-      itemCount: _.count,
+      itemCount: q.count,
       overscan: c
     });
-    for (let R = P.start; R <= P.end && R < e.length; R++)
-      re.push({
-        key: v.current[R] ?? t(e[R], R),
-        index: R,
-        start: _.getOffset(R),
-        size: _.getSize(R),
-        data: e[R]
+    for (let z = P.start; z <= P.end && z < e.length; z++)
+      ne.push({
+        key: v.current[z] ?? t(e[z], z),
+        index: z,
+        start: q.getOffset(z),
+        size: q.getSize(z),
+        data: e[z]
       });
-  } else if (_ && _.count > 0) {
-    const o = Math.min(e.length, c * 2 + 1), d = n === "bottom" ? Math.max(0, e.length - o) : 0, x = d + o - 1;
-    for (let I = d; I <= x; I++)
-      re.push({
+  } else if (q && q.count > 0) {
+    const o = Math.min(e.length, c * 2 + 1), m = n === "bottom" ? Math.max(0, e.length - o) : 0, x = m + o - 1;
+    for (let I = m; I <= x; I++)
+      ne.push({
         key: v.current[I] ?? t(e[I], I),
         index: I,
-        start: _.getOffset(I),
-        size: _.getSize(I),
+        start: q.getOffset(I),
+        size: q.getSize(I),
         data: e[I]
       });
   }
-  const pe = Y ? Y.scrollHeight - Y.scrollTop - Y.clientHeight : 1 / 0;
+  const pe = U ? U.scrollHeight - U.scrollTop - U.clientHeight : 1 / 0;
   return {
     scrollerRef: r,
     innerRef: y,
-    virtualItems: re,
-    totalSize: me,
-    measureItem: O,
+    virtualItems: ne,
+    totalSize: de,
+    measureItem: L,
     scrollToIndex: G,
-    scrollToOffset: N,
-    captureAnchorSnapshot: q,
-    resolveAnchorTop: ee,
-    isAtTop: te <= 1,
+    scrollToOffset: V,
+    captureAnchorSnapshot: $,
+    resolveAnchorTop: te,
+    isAtTop: re <= 1,
     isAtBottom: pe <= 1,
-    scrollTop: te,
+    scrollTop: re,
     jumpSuppressedRef: u
   };
 }
-function Re(a) {
+function ze(f) {
   var c;
-  const { snapshot: e, currentScrollHeight: t, resolveAnchorTop: s } = a;
+  const { snapshot: e, currentScrollHeight: t, resolveAnchorTop: s } = f;
   if (e.key !== null) {
     const n = s(e.key, e.offsetWithinItem);
     if (n !== null) return n;
@@ -321,68 +325,68 @@ function Re(a) {
     }
   return e.scrollTop + (t - e.scrollHeight);
 }
-function xe(a) {
+function xe(f) {
   const {
     scrollerRef: e,
     itemCount: t,
     captureAnchorSnapshot: s,
     resolveAnchorTop: c,
     onRestored: n
-  } = a, r = m(null), y = m(!1), l = m({
+  } = f, r = d(null), y = d(!1), l = d({
     first: null,
     second: null,
     timeout: null
   }), h = k(() => {
-    const { first: f, second: p, timeout: F } = l.current;
-    f && cancelAnimationFrame(f), p && cancelAnimationFrame(p), F && clearTimeout(F), l.current = { first: null, second: null, timeout: null };
+    const { first: i, second: p, timeout: H } = l.current;
+    i && cancelAnimationFrame(i), p && cancelAnimationFrame(p), H && clearTimeout(H), l.current = { first: null, second: null, timeout: null };
   }, []), v = k(() => {
-    const f = e.current;
-    if (!f) return;
+    const i = e.current;
+    if (!i) return;
     const p = s();
     r.current = p ?? {
       key: null,
       offsetWithinItem: 0,
-      scrollTop: f.scrollTop,
-      scrollHeight: f.scrollHeight
-    }, y.current = !0;
+      scrollTop: i.scrollTop,
+      scrollHeight: i.scrollHeight
+    }, y.current = !0, console.log("[ANCHOR] prepareAnchor snapshot:", JSON.stringify(r.current, null, 2));
   }, [e, s]);
-  return Z(() => {
+  return ee(() => {
     if (!y.current) return;
-    const f = e.current, p = r.current;
-    if (!f || !p) return;
+    const i = e.current, p = r.current;
+    if (!i || !p) return;
     y.current = !1;
-    const F = () => {
-      const M = Re({
+    const H = (K) => {
+      const F = ze({
         snapshot: p,
-        currentScrollHeight: f.scrollHeight,
+        currentScrollHeight: i.scrollHeight,
         resolveAnchorTop: c
       });
-      Number.isFinite(M) && Math.abs(f.scrollTop - M) > 1 && (f.scrollTop = M);
+      console.log(`[ANCHOR] restore(${K}): target=${Math.round(F)}, currentScrollTop=${Math.round(i.scrollTop)}, scrollHeight=${i.scrollHeight}, snapshotKey=${p.key}, delta=${Math.round(F - i.scrollTop)}`), Number.isFinite(F) && Math.abs(i.scrollTop - F) > 1 && (i.scrollTop = F);
     };
-    return h(), F(), n == null || n(), l.current.first = requestAnimationFrame(() => {
-      l.current.first = null, F(), l.current.second = requestAnimationFrame(() => {
-        l.current.second = null, F();
+    return h(), H("layout"), n == null || n(), l.current.first = requestAnimationFrame(() => {
+      l.current.first = null, H("raf1"), l.current.second = requestAnimationFrame(() => {
+        l.current.second = null, H("raf2");
       });
     }), l.current.timeout = setTimeout(() => {
-      l.current.timeout = null, F();
+      l.current.timeout = null, H("timeout");
     }, 90), () => h();
   }, [t, e, c, h, n]), { prepareAnchor: v };
 }
-function Ie(a) {
-  const { previous: e, distanceFromBottom: t, threshold: s, hysteresis: c } = a;
+function Ie(f) {
+  const { previous: e, distanceFromBottom: t, threshold: s, hysteresis: c } = f;
   if (!c) return t <= s;
   const n = Math.max(0, c.enter), r = Math.max(n, c.leave);
   return e ? t <= r : t <= n;
 }
-function Fe(a, e) {
-  const t = typeof e == "number" ? e : e.threshold ?? 200, s = typeof e == "number" ? void 0 : e.hysteresis, [c, n] = X(!0), r = m(null), y = m(!0);
-  return $(() => {
-    const l = a.current;
+function Fe(f, e) {
+  const t = typeof e == "number" ? e : e.threshold ?? 200, s = typeof e == "number" ? void 0 : e.hysteresis, [c, n] = Y(!0), r = d(null), y = d(!0);
+  return D(() => {
+    const l = f.current;
     if (!l) return;
     const h = () => {
-      const f = l.scrollHeight - l.scrollTop - l.clientHeight, p = Ie({
+      const i = l.scrollHeight - l.scrollTop - l.clientHeight, p = Ie({
         previous: y.current,
-        distanceFromBottom: f,
+        distanceFromBottom: i,
         threshold: t,
         hysteresis: s
       });
@@ -393,23 +397,23 @@ function Fe(a, e) {
     return l.addEventListener("scroll", v, { passive: !0 }), h(), () => {
       l.removeEventListener("scroll", v), r.current !== null && cancelAnimationFrame(r.current);
     };
-  }, [a, t, s == null ? void 0 : s.enter, s == null ? void 0 : s.leave]), c;
+  }, [f, t, s == null ? void 0 : s.enter, s == null ? void 0 : s.leave]), c;
 }
-function be(a) {
-  const { itemCount: e, firstKey: t, lastKey: s, isAtBottom: c, scrollToIndex: n, mode: r } = a, y = m(e), l = m(t), h = m(s);
-  Z(() => {
+function He(f) {
+  const { itemCount: e, firstKey: t, lastKey: s, isAtBottom: c, scrollToIndex: n, mode: r } = f, y = d(e), l = d(t), h = d(s);
+  ee(() => {
     if (!r) {
       y.current = e, l.current = t, h.current = s;
       return;
     }
-    const v = y.current, f = l.current, p = h.current;
-    e > v && t === f && s !== p && c && e > 0 && n(e - 1, {
+    const v = y.current, i = l.current, p = h.current;
+    e > v && t === i && s !== p && c && e > 0 && n(e - 1, {
       align: "end",
       behavior: r === "smooth" ? "smooth" : "auto"
     }), y.current = e, l.current = t, h.current = s;
   }, [e, t, s, c, n, r]);
 }
-function He(a) {
+function be(f) {
   const {
     items: e,
     getKey: t,
@@ -421,54 +425,54 @@ function He(a) {
     initialAlignment: l = "bottom",
     scrollModifier: h = null,
     onStartReached: v,
-    onEndReached: f,
+    onEndReached: i,
     startReachedThreshold: p = 300,
-    endReachedThreshold: F = 300,
-    scrollToMessageKey: M,
-    onScrollToMessageComplete: K
-  } = a, i = fe({
+    endReachedThreshold: H = 300,
+    scrollToMessageKey: K,
+    onScrollToMessageComplete: F
+  } = f, a = fe({
     items: e,
     getKey: t,
     estimatedItemSize: s,
     overscan: c,
     initialAlignment: l
-  }), E = Fe(i.scrollerRef, {
+  }), E = Fe(a.scrollerRef, {
     threshold: n,
     hysteresis: r ?? { enter: 80, leave: 160 }
-  }), [, g] = X(0), b = m(null), S = k(() => {
-    g((z) => z + 1), b.current && clearTimeout(b.current), b.current = setTimeout(() => {
-      i.jumpSuppressedRef.current = !1, b.current = null;
+  }), [, g] = Y(0), b = d(null), S = k(() => {
+    g((R) => R + 1), b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+      a.jumpSuppressedRef.current = !1, b.current = null;
     }, 200);
-  }, [i.jumpSuppressedRef]), { prepareAnchor: C } = xe({
-    scrollerRef: i.scrollerRef,
+  }, [a.jumpSuppressedRef]), { prepareAnchor: C } = xe({
+    scrollerRef: a.scrollerRef,
     itemCount: e.length,
-    captureAnchorSnapshot: i.captureAnchorSnapshot,
-    resolveAnchorTop: i.resolveAnchorTop,
+    captureAnchorSnapshot: a.captureAnchorSnapshot,
+    resolveAnchorTop: a.resolveAnchorTop,
     onRestored: S
   }), j = k(() => {
-    i.jumpSuppressedRef.current = !0, C();
-  }, [C, i.jumpSuppressedRef]), U = e.length > 0 ? t(e[0], 0) : null, L = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
-  be({
+    a.jumpSuppressedRef.current = !0, C();
+  }, [C, a.jumpSuppressedRef]), W = e.length > 0 ? t(e[0], 0) : null, O = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
+  He({
     itemCount: e.length,
-    firstKey: U,
-    lastKey: L,
+    firstKey: W,
+    lastKey: O,
     isAtBottom: E,
-    scrollToIndex: i.scrollToIndex,
+    scrollToIndex: a.scrollToIndex,
     mode: y ?? !1
   });
-  const H = k(
-    (z = "auto") => {
-      e.length !== 0 && i.scrollToIndex(e.length - 1, { align: "end", behavior: z });
+  const M = k(
+    (R = "auto") => {
+      e.length !== 0 && a.scrollToIndex(e.length - 1, { align: "end", behavior: R });
     },
-    [e.length, i]
+    [e.length, a]
   ), u = k(
-    (z, O) => {
-      const N = e.findIndex((G, q) => t(G, q) === z);
-      N !== -1 && i.scrollToIndex(N, O);
+    (R, L) => {
+      const V = e.findIndex((G, $) => t(G, $) === R);
+      V !== -1 && a.scrollToIndex(V, L);
     },
-    [e, t, i]
-  ), A = m(null);
-  Z(() => {
+    [e, t, a]
+  ), A = d(null);
+  ee(() => {
     if (h && A.current !== h.id) {
       if (A.current = h.id, h.type === "prepend") {
         j();
@@ -476,11 +480,11 @@ function He(a) {
       }
       if (h.type === "append") {
         if (h.ifAtBottomOnly && !E) return;
-        H(h.behavior ?? "auto");
+        M(h.behavior ?? "auto");
         return;
       }
       if (h.type === "items-change") {
-        E && H("auto");
+        E && M("auto");
         return;
       }
       u(h.key, {
@@ -488,63 +492,63 @@ function He(a) {
         behavior: h.behavior ?? "auto"
       });
     }
-  }, [h, E, j, H, u]);
-  const T = m(!1), w = m(l === "top");
-  $(() => {
-    const z = i.scrollerRef.current;
-    if (!z || !v) return;
-    const O = () => {
-      const N = z.scrollTop;
-      w.current || (z.scrollHeight <= z.clientHeight + p || N > p) && (w.current = !0), w.current && N <= p && !T.current && (T.current = !0, Promise.resolve(v()).finally(() => {
+  }, [h, E, j, M, u]);
+  const T = d(!1), w = d(l === "top");
+  D(() => {
+    const R = a.scrollerRef.current;
+    if (!R || !v) return;
+    const L = () => {
+      const V = R.scrollTop;
+      w.current || (R.scrollHeight <= R.clientHeight + p || V > p) && (w.current = !0), w.current && V <= p && !T.current && (T.current = !0, Promise.resolve(v()).finally(() => {
         T.current = !1;
       }));
     };
-    return z.addEventListener("scroll", O, { passive: !0 }), O(), () => z.removeEventListener("scroll", O);
-  }, [i.scrollerRef, v, p, l]);
-  const B = m(!1);
-  $(() => {
-    const z = i.scrollerRef.current;
-    if (!z || !f) return;
-    const O = () => {
-      z.scrollHeight - z.scrollTop - z.clientHeight <= F && !B.current && (B.current = !0, Promise.resolve(f()).finally(() => {
+    return R.addEventListener("scroll", L, { passive: !0 }), L(), () => R.removeEventListener("scroll", L);
+  }, [a.scrollerRef, v, p, l]);
+  const B = d(!1);
+  D(() => {
+    const R = a.scrollerRef.current;
+    if (!R || !i) return;
+    const L = () => {
+      R.scrollHeight - R.scrollTop - R.clientHeight <= H && !B.current && (B.current = !0, Promise.resolve(i()).finally(() => {
         B.current = !1;
       }));
     };
-    return z.addEventListener("scroll", O, { passive: !0 }), () => z.removeEventListener("scroll", O);
-  }, [i.scrollerRef, f, F]);
-  const D = m(null);
-  return $(() => {
-    if (!M || D.current === M) return;
-    const z = e.findIndex((O, N) => t(O, N) === M);
-    z !== -1 && (D.current = M, i.scrollToIndex(z, { align: "center", behavior: "auto" }), K == null || K());
-  }, [M, e, t, i, K]), {
-    scrollerRef: i.scrollerRef,
-    innerRef: i.innerRef,
-    virtualItems: i.virtualItems,
-    totalSize: i.totalSize,
-    measureItem: i.measureItem,
-    scrollToIndex: i.scrollToIndex,
-    scrollToBottom: H,
+    return R.addEventListener("scroll", L, { passive: !0 }), () => R.removeEventListener("scroll", L);
+  }, [a.scrollerRef, i, H]);
+  const X = d(null);
+  return D(() => {
+    if (!K || X.current === K) return;
+    const R = e.findIndex((L, V) => t(L, V) === K);
+    R !== -1 && (X.current = K, a.scrollToIndex(R, { align: "center", behavior: "auto" }), F == null || F());
+  }, [K, e, t, a, F]), {
+    scrollerRef: a.scrollerRef,
+    innerRef: a.innerRef,
+    virtualItems: a.virtualItems,
+    totalSize: a.totalSize,
+    measureItem: a.measureItem,
+    scrollToIndex: a.scrollToIndex,
+    scrollToBottom: M,
     scrollToKey: u,
     isAtBottom: E,
     prepareAnchor: j
   };
 }
 function he({
-  virtualItem: a,
+  virtualItem: f,
   measureItem: e,
   children: t
 }) {
-  const s = m(null), c = m(!1);
-  return $(() => {
+  const s = d(null), c = d(!1);
+  return D(() => {
     const n = s.current;
     if (!n) return;
     c.current = !1;
     const r = new ResizeObserver(([y]) => {
-      y && (c.current = !0, e(a.key, y.contentRect.height));
+      y && (c.current = !0, e(f.key, y.contentRect.height));
     });
     return r.observe(n), () => r.disconnect();
-  }, [a.key, e]), /* @__PURE__ */ J(
+  }, [f.key, e]), /* @__PURE__ */ J(
     "div",
     {
       ref: s,
@@ -552,20 +556,20 @@ function he({
         position: "absolute",
         top: 0,
         // transform instead of top: avoids reflow, uses GPU compositor layer
-        transform: `translateY(${a.start}px)`,
+        transform: `translateY(${f.start}px)`,
         width: "100%",
         // 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: c.current ? void 0 : a.size
+        minHeight: c.current ? void 0 : f.size
       },
       children: t
     }
   );
 }
-function Me(a, e) {
+function Me(f, e) {
   const {
     data: t,
     itemContent: s,
@@ -576,47 +580,47 @@ function Me(a, e) {
     atBottomThreshold: l = 200,
     atBottomHysteresis: h,
     initialAlignment: v = "bottom",
-    scrollModifier: f,
+    scrollModifier: i,
     onStartReached: p,
-    onEndReached: F,
-    startReachedThreshold: M = 300,
-    endReachedThreshold: K = 300,
-    scrollToMessageKey: i,
+    onEndReached: H,
+    startReachedThreshold: K = 300,
+    endReachedThreshold: F = 300,
+    scrollToMessageKey: a,
     onScrollToMessageComplete: E,
     onAtBottomChange: g,
     components: b = {},
     className: S,
     style: C
-  } = a, {
+  } = f, {
     scrollerRef: j,
-    innerRef: U,
-    virtualItems: L,
-    totalSize: H,
+    innerRef: W,
+    virtualItems: O,
+    totalSize: M,
     measureItem: u,
     scrollToIndex: A,
     scrollToBottom: T,
     scrollToKey: w,
     isAtBottom: B,
-    prepareAnchor: D
-  } = He({
+    prepareAnchor: X
+  } = be({
     items: t,
-    getKey: (q, ee) => c(ee, q),
+    getKey: ($, te) => c(te, $),
     estimatedItemSize: n,
     overscan: r,
     atBottomThreshold: l,
     atBottomHysteresis: h,
     followOutput: y,
     initialAlignment: v,
-    scrollModifier: f,
+    scrollModifier: i,
     onStartReached: p,
-    onEndReached: F,
-    startReachedThreshold: M,
-    endReachedThreshold: K,
-    scrollToMessageKey: i,
+    onEndReached: H,
+    startReachedThreshold: K,
+    endReachedThreshold: F,
+    scrollToMessageKey: a,
     onScrollToMessageComplete: E
-  }), z = oe.useRef(B);
+  }), R = oe.useRef(B);
   oe.useEffect(() => {
-    z.current !== B && (z.current = B, g == null || g(B));
+    R.current !== B && (R.current = B, g == null || g(B));
   }, [B, g]), ve(
     e,
     () => ({
@@ -624,15 +628,15 @@ function Me(a, e) {
       scrollToIndex: A,
       scrollToKey: w,
       getScrollTop: () => {
-        var q;
-        return ((q = j.current) == null ? void 0 : q.scrollTop) ?? 0;
+        var $;
+        return (($ = j.current) == null ? void 0 : $.scrollTop) ?? 0;
       },
       isAtBottom: () => B,
-      prepareAnchor: D
+      prepareAnchor: X
     }),
-    [T, A, w, j, B, D]
+    [T, A, w, j, B, X]
   );
-  const { Header: O, Footer: N, EmptyPlaceholder: G } = b;
+  const { Header: L, Footer: V, EmptyPlaceholder: G } = b;
   return t.length === 0 && G ? /* @__PURE__ */ J(G, {}) : /* @__PURE__ */ ae(
     "div",
     {
@@ -649,24 +653,24 @@ function Me(a, e) {
         ...C
       },
       children: [
-        O && /* @__PURE__ */ J(O, {}),
-        /* @__PURE__ */ J("div", { ref: U, style: { height: H, position: "relative", width: "100%" }, children: L.map((q) => /* @__PURE__ */ J(
+        L && /* @__PURE__ */ J(L, {}),
+        /* @__PURE__ */ J("div", { ref: W, style: { height: M, position: "relative", width: "100%" }, children: O.map(($) => /* @__PURE__ */ J(
           he,
           {
-            virtualItem: q,
+            virtualItem: $,
             measureItem: u,
-            children: s(q.index, q.data)
+            children: s($.index, $.data)
           },
-          q.key
+          $.key
         )) }),
-        N && /* @__PURE__ */ J(N, {})
+        V && /* @__PURE__ */ J(V, {})
       ]
     }
   );
 }
 const Ke = ge(Me);
 function Ee({
-  data: a,
+  data: f,
   itemContent: e,
   computeItemKey: t,
   estimatedItemSize: s = 60,
@@ -677,8 +681,8 @@ function Ee({
   className: l,
   style: h
 }) {
-  const { scrollerRef: v, innerRef: f, virtualItems: p, totalSize: F, measureItem: M } = fe({
-    items: a,
+  const { scrollerRef: v, innerRef: i, virtualItems: p, totalSize: H, measureItem: K } = fe({
+    items: f,
     getKey: (g, b) => t(b, g),
     estimatedItemSize: s,
     overscan: c,
@@ -695,8 +699,8 @@ function Ee({
     };
     return g.addEventListener("scroll", S, { passive: !0 }), () => g.removeEventListener("scroll", S);
   }, [v, n, r]);
-  const { Header: K, Footer: i, EmptyPlaceholder: E } = y;
-  return a.length === 0 && E ? /* @__PURE__ */ J(E, {}) : /* @__PURE__ */ ae(
+  const { Header: F, Footer: a, EmptyPlaceholder: E } = y;
+  return f.length === 0 && E ? /* @__PURE__ */ J(E, {}) : /* @__PURE__ */ ae(
     "div",
     {
       ref: v,
@@ -711,22 +715,22 @@ function Ee({
         ...h
       },
       children: [
-        K && /* @__PURE__ */ J(K, {}),
-        /* @__PURE__ */ J("div", { ref: f, style: { height: F, position: "relative", width: "100%" }, children: p.map((g) => /* @__PURE__ */ J(
+        F && /* @__PURE__ */ J(F, {}),
+        /* @__PURE__ */ J("div", { ref: i, style: { height: H, position: "relative", width: "100%" }, children: p.map((g) => /* @__PURE__ */ J(
           he,
           {
             virtualItem: g,
-            measureItem: M,
+            measureItem: K,
             children: e(g.index, g.data)
           },
           g.key
         )) }),
-        i && /* @__PURE__ */ J(i, {})
+        a && /* @__PURE__ */ J(a, {})
       ]
     }
   );
 }
-function Be(a) {
+function Be(f) {
   const {
     fetcher: e,
     initialPage: t = 1,
@@ -734,77 +738,77 @@ function Be(a) {
     getKey: c,
     onPageLoaded: n,
     onError: r
-  } = a, [y, l] = X([]), [h, v] = X(t), [f, p] = X(!0), [F, M] = X(!1), [K, i] = X(!1), [E, g] = X(!1), b = m(/* @__PURE__ */ new Set()), S = m(!1), C = k(
+  } = f, [y, l] = Y([]), [h, v] = Y(t), [i, p] = Y(!0), [H, K] = Y(!1), [F, a] = Y(!1), [E, g] = Y(!1), b = d(/* @__PURE__ */ new Set()), S = d(!1), C = k(
     (u) => c ? u.filter((A) => {
       const T = c(A);
       return b.current.has(T) ? !1 : (b.current.add(T), !0);
     }) : u,
     [c]
   ), j = k(async () => {
-    if (!(S.current || !f)) {
+    if (!(S.current || !i)) {
       S.current = !0, g(!0);
       try {
         const u = h + 1, A = await e(u), T = C(A.data);
         l(
           (w) => s === "prepend" ? [...T, ...w] : [...w, ...T]
-        ), v(u), p(A.hasNextPage), M(A.hasPrevPage), n == null || n(u, T);
+        ), v(u), p(A.hasNextPage), K(A.hasPrevPage), n == null || n(u, T);
       } catch (u) {
         r == null || r(u instanceof Error ? u : new Error(String(u)));
       } finally {
         g(!1), S.current = !1;
       }
     }
-  }, [h, f, e, C, s, n, r]), U = k(async () => {
-    if (!(S.current || !F)) {
+  }, [h, i, e, C, s, n, r]), W = k(async () => {
+    if (!(S.current || !H)) {
       S.current = !0, g(!0);
       try {
         const u = h - 1, A = await e(u), T = C(A.data);
-        l((w) => [...T, ...w]), v(u), M(A.hasPrevPage), p(A.hasNextPage), n == null || n(u, T);
+        l((w) => [...T, ...w]), v(u), K(A.hasPrevPage), p(A.hasNextPage), n == null || n(u, T);
       } catch (u) {
         r == null || r(u instanceof Error ? u : new Error(String(u)));
       } finally {
         g(!1), S.current = !1;
       }
     }
-  }, [h, F, e, C, n, r]), L = k(async () => {
+  }, [h, H, e, C, n, r]), O = k(async () => {
     if (!S.current) {
-      S.current = !0, i(!0);
+      S.current = !0, a(!0);
       try {
         const u = await e(t), A = u.data;
         if (c) {
           const T = new Set(A.map(c));
           A.forEach((w) => b.current.add(c(w))), l((w) => {
-            const B = w.filter((D) => !T.has(c(D)));
+            const B = w.filter((X) => !T.has(c(X)));
             return s === "prepend" ? [...A, ...B] : [...B, ...A];
           });
         } else
           l(A);
-        v(t), p(u.hasNextPage), M(u.hasPrevPage), n == null || n(t, A);
+        v(t), p(u.hasNextPage), K(u.hasPrevPage), n == null || n(t, A);
       } catch (u) {
         r == null || r(u instanceof Error ? u : new Error(String(u)));
       } finally {
-        i(!1), S.current = !1;
+        a(!1), S.current = !1;
       }
     }
-  }, [e, t, c, s, n, r]), H = k(() => {
-    l([]), v(t), p(!0), M(!1), i(!1), g(!1), b.current.clear(), S.current = !1;
+  }, [e, t, c, s, n, r]), M = k(() => {
+    l([]), v(t), p(!0), K(!1), a(!1), g(!1), b.current.clear(), S.current = !1;
   }, [t]);
   return {
     items: y,
     loadNextPage: j,
-    loadPrevPage: U,
-    hasNextPage: f,
-    hasPrevPage: F,
-    loading: K,
+    loadPrevPage: W,
+    hasNextPage: i,
+    hasPrevPage: H,
+    loading: F,
     loadingMore: E,
-    refresh: L,
-    reset: H,
+    refresh: O,
+    reset: M,
     currentPage: h
   };
 }
 export {
   Ke as ChatVirtualList,
   Ee as VirtualList,
-  He as useChatVirtualizer,
+  be as useChatVirtualizer,
   Be as usePagination
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-anchorlist",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "High-performance chat virtualizer for React — no flicker, no hacks",
   "keywords": [
     "react",