react-anchorlist 0.1.1 → 0.2.1

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

@@ -1 +1 @@
-{"version":3,"file":"ChatVirtualList.d.ts","sourceRoot":"","sources":["../../src/components/ChatVirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAA;AAuGxF,eAAO,MAAM,eAAe,EAAuC,CAAC,CAAC,EACnE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAA;CAAE,KACxE,KAAK,CAAC,YAAY,CAAA"}
+{"version":3,"file":"ChatVirtualList.d.ts","sourceRoot":"","sources":["../../src/components/ChatVirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAA;AAkHxF,eAAO,MAAM,eAAe,EAAuC,CAAC,CAAC,EACnE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAA;CAAE,KACxE,KAAK,CAAC,YAAY,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../src/components/VirtualList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAe,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE7D,gGAAgG;AAChG,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,WAAW,EACX,cAAc,EACd,iBAAsB,EACtB,QAAY,EACZ,YAAY,EACZ,mBAAyB,EACzB,UAAe,EACf,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAoDrB"}
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../src/components/VirtualList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE7D,gGAAgG;AAChG,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,WAAW,EACX,cAAc,EACd,iBAAsB,EACtB,QAAa,EACb,YAAY,EACZ,mBAAyB,EACzB,UAAe,EACf,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAyDrB"}

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

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

package/dist/hooks/useScrollToIndex.d.ts

@@ -2,5 +2,5 @@ import { OffsetMap } from '../core/offsetMap';
 import { ScrollToIndexOpts } from '../types';
 
 /** Programmatic scroll to a given item index with alignment support */
-export declare function useScrollToIndex(scrollerRef: React.RefObject<HTMLDivElement>, offsetMapRef: React.MutableRefObject<OffsetMap | null>): (index: number, opts?: ScrollToIndexOpts) => void;
+export declare function useScrollToIndex(scrollerRef: React.RefObject<HTMLDivElement>, offsetMapRef: React.MutableRefObject<OffsetMap | null>, innerRef?: React.RefObject<HTMLDivElement>): (index: number, opts?: ScrollToIndexOpts) => void;
 //# sourceMappingURL=useScrollToIndex.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollToIndex.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollToIndex.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,uEAAuE;AACvE,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,GACrD,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CA2BnD"}
+{"version":3,"file":"useScrollToIndex.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollToIndex.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,uEAAuE;AACvE,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,EACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GACzC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CA6BnD"}

package/dist/hooks/useVirtualEngine.d.ts

@@ -1,5 +1,15 @@
 import { UseVirtualEngineReturn } from '../types';
 
+/**
+ * Core virtual engine — v0.2.1
+ *
+ * DESIGN:
+ * - Scroll/layout state lives in refs, NOT React state
+ * - A simple counter triggers re-renders
+ * - virtualItems computed DURING render from refs (always fresh, zero lag)
+ * - innerRef tracks the virtual container offset (accounts for Header)
+ * - overscroll-behavior: contain prevents native bounce
+ */
 export declare function useVirtualEngine<T>(options: {
     items: T[];
     getKey: (item: T, index: number) => string | number;

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

package/dist/index.cjs

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

package/dist/index.js

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

package/dist/types.d.ts

@@ -94,6 +94,7 @@ export interface VirtualListProps<T> {
 }
 export interface UseVirtualEngineReturn<T> {
     scrollerRef: React.RefObject<HTMLDivElement>;
+    innerRef: React.RefObject<HTMLDivElement>;
     virtualItems: VirtualItem<T>[];
     totalSize: number;
     measureItem: (key: string | number, size: number) => void;
@@ -109,6 +110,7 @@ export interface RenderRange {
 }
 export interface UseChatVirtualizerReturn<T> {
     scrollerRef: React.RefObject<HTMLDivElement>;
+    innerRef: React.RefObject<HTMLDivElement>;
     virtualItems: VirtualItem<T>[];
     totalSize: number;
     measureItem: (key: string | number, size: number) => void;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,OAAO;IACtC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,CAAC,CAAA;CACR;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAChD,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC5B,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACtC,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC,CAAA;CACxE;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,eAAe,CAAA;IAClD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACjC;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACjC,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACjC,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAChE,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACrE,YAAY,EAAE,MAAM,MAAM,CAAA;IAC1B,UAAU,EAAE,MAAM,OAAO,CAAA;IACzB,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACxD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IAC3D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3C,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,UAAU,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACxD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IAC3D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,UAAU,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC5C,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAChE,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IACnE,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC5C,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAChE,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IACnD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACrE,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-anchorlist",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "High-performance chat virtualizer for React — no flicker, no hacks",
   "type": "module",
   "main": "./dist/index.cjs",