react-anchorlist 0.2.4 → 0.2.5

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