@oxyhq/bloom 0.24.1 → 0.25.0

package/lib/commonjs/list/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VirtualList = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * `VirtualList` — the canonical cross-platform virtualized list for the Oxy
+ * ecosystem. Every app uses this ONE implementation for grouped/stacked row
+ * lists (who-to-follow, starter packs, connections, settings rows, …) so the
+ * virtualization behaviour is identical everywhere.
+ *
+ * NATIVE variant: a thin, correctly-typed wrapper over React Native `FlatList`.
+ * The consumer lists this component replaces are short and uniform, so the
+ * platform's own virtualization is the simplest robust choice — no
+ * `@legendapp/list`, no app-specific scroll bridge, nothing for a consumer to
+ * wire up. Bloom stays app-agnostic.
+ *
+ * WEB variant (`index.web.tsx`, selected via the `"browser"` export condition):
+ * a document-scroll window virtualizer built on `@tanstack/react-virtual`.
+ *
+ * This default file has NO platform-only imports, so consumer `tsc` and web
+ * bundlers resolve it cleanly (mirrors the `../scroll` / `../content-panel`
+ * fork pattern). The public API is shared via `./types`, so both forks expose
+ * an identical, generic, strongly-typed surface.
+ */
+
+function renderSlot(slot) {
+  if (!slot) return null;
+  return typeof slot === 'function' ? slot() : slot;
+}
+function VirtualListNativeInner(props, ref) {
+  const {
+    data,
+    renderItem,
+    keyExtractor,
+    ListHeaderComponent,
+    ListEmptyComponent,
+    ListFooterComponent,
+    style,
+    contentContainerStyle,
+    onEndReached,
+    onEndReachedThreshold,
+    refreshing,
+    onRefresh,
+    initialNumToRender,
+    maxToRenderPerBatch,
+    windowSize,
+    removeClippedSubviews,
+    testID
+  } = props;
+  const listRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => ({
+    scrollToOffset: params => listRef.current?.scrollToOffset({
+      offset: params?.offset ?? 0,
+      animated: params?.animated ?? true
+    }),
+    scrollTo: params => listRef.current?.scrollToOffset({
+      offset: params?.y ?? 0,
+      animated: params?.animated ?? true
+    })
+  }), []);
+  const renderFlatItem = React.useCallback(info => renderItem ? renderItem({
+    item: info.item,
+    index: info.index
+  }) : null, [renderItem]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+    ref: listRef,
+    data: data ?? undefined,
+    renderItem: renderFlatItem,
+    keyExtractor: keyExtractor,
+    ListHeaderComponent: renderSlot(ListHeaderComponent),
+    ListEmptyComponent: renderSlot(ListEmptyComponent),
+    ListFooterComponent: renderSlot(ListFooterComponent),
+    style: style,
+    contentContainerStyle: contentContainerStyle,
+    onEndReached: onEndReached ? () => onEndReached() : undefined,
+    onEndReachedThreshold: onEndReachedThreshold,
+    refreshing: refreshing,
+    onRefresh: onRefresh,
+    initialNumToRender: initialNumToRender,
+    maxToRenderPerBatch: maxToRenderPerBatch,
+    windowSize: windowSize,
+    removeClippedSubviews: removeClippedSubviews,
+    testID: testID
+  });
+}
+const VirtualList = exports.VirtualList = /*#__PURE__*/React.forwardRef(VirtualListNativeInner);
+var _default = exports.default = VirtualList;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","renderSlot","slot","VirtualListNativeInner","props","ref","data","renderItem","keyExtractor","ListHeaderComponent","ListEmptyComponent","ListFooterComponent","style","contentContainerStyle","onEndReached","onEndReachedThreshold","refreshing","onRefresh","initialNumToRender","maxToRenderPerBatch","windowSize","removeClippedSubviews","testID","listRef","useRef","useImperativeHandle","scrollToOffset","params","current","offset","animated","scrollTo","y","renderFlatItem","useCallback","info","item","index","jsx","FlatList","undefined","VirtualList","exports","forwardRef","_default"],"sourceRoot":"../../../src","sources":["list/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/list/index.web.js

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VirtualList = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactVirtual = require("@tanstack/react-virtual");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * `VirtualList` — WEB variant. A document-scroll (window) virtualizer built on
+ * `@tanstack/react-virtual`'s `useWindowVirtualizer`, mirroring the proven
+ * Mention feed virtualizer. The BODY scrolls (so scrolling works from anywhere,
+ * including over sticky side columns) and only the rows in the virtual window
+ * are mounted, so the DOM stays bounded.
+ *
+ * Why this exists (the bug it fixes): a previous app-local list used the same
+ * hook but rendered ZERO rows in production — the wrapper grew to the right
+ * height (`getTotalSize()` was correct) yet `getVirtualItems()` came back empty,
+ * so only the header painted. Root cause: `useWindowVirtualizer` can latch an
+ * initial frame in which the window rect measured as `0` (or `scrollMargin` was
+ * still stale), which leaves the computed range empty; a STATIC, finite list
+ * re-renders too few times to self-correct and sticks on that bad frame. (The
+ * feed only survived by incidental re-render churn — data/loading updates and
+ * scroll/intersection observers — which a plain list does not have.)
+ *
+ * This implementation is SELF-SUFFICIENT and does not rely on incidental churn:
+ *
+ *  1. `scrollMargin` (the wrapper's offset from the document top) is measured in
+ *     a layout effect AND re-synced on window `resize`.
+ *  2. An explicit post-mount recompute (`virtualizer.measure()`) forces the
+ *     range to be recomputed once the real viewport height + offset are known —
+ *     guaranteeing a short list mounts EVERY row in the first viewport even with
+ *     zero further re-renders. Re-run on resize.
+ *  3. The measured spacer is `Math.max(totalSize, lastItemEnd)`, so it always
+ *     contains every absolutely-positioned row even when `scrollMargin` is
+ *     momentarily stale; the document therefore always grows to the full content
+ *     height (keeping sticky side rails pinned) and the window-scroll geometry
+ *     the virtualizer reads stays consistent.
+ *  4. Per-row `measureElement` refs are STABLE (cached per key), so rows are not
+ *     detached/re-measured on every render.
+ *
+ * Native bundlers use `./index.tsx` (a `FlatList` wrapper); web bundlers select
+ * this file via the `"browser"` export condition in `package.json`.
+ */
+
+// Rows in these lists (user rows, pack cards) are short and fairly uniform; a
+// small estimate + per-row measurement keeps the mounted node count bounded.
+const DEFAULT_ESTIMATED_ITEM_SIZE = 72;
+const DEFAULT_OVERSCAN = 8;
+
+// Bound the per-key ref-callback cache so a very long scroll session does not
+// accumulate one closure per key forever.
+const ROW_REF_CACHE_CAP = 500;
+function renderSlot(slot) {
+  if (!slot) return null;
+  return typeof slot === 'function' ? slot() : slot;
+}
+function VirtualListWebInner(props, ref) {
+  const {
+    data,
+    renderItem,
+    keyExtractor,
+    ListHeaderComponent,
+    ListEmptyComponent,
+    ListFooterComponent,
+    style,
+    contentContainerStyle,
+    estimatedItemSize,
+    overscan,
+    testID
+  } = props;
+  const items = data ?? [];
+  const count = items.length;
+
+  // Wrapper element used as the virtualizer's measurement origin. The window is
+  // the scroller; `scrollMargin` is the wrapper's offset from the document top
+  // (everything above the rows), so virtual offsets map to page offsets.
+  const wrapperRef = React.useRef(null);
+  const [scrollMargin, setScrollMargin] = React.useState(0);
+  const measureScrollMargin = React.useCallback(() => {
+    const node = wrapperRef.current;
+    if (!node || typeof window === 'undefined') return;
+    const top = node.getBoundingClientRect().top + window.scrollY;
+    setScrollMargin(prev => prev !== top ? top : prev);
+  }, []);
+
+  // Read the wrapper's top offset synchronously after layout so the first
+  // virtual frame already positions rows correctly. Re-run when the row count
+  // changes (content above/below the window shifts the wrapper).
+  React.useLayoutEffect(() => {
+    measureScrollMargin();
+  }, [measureScrollMargin, count]);
+  const estimate = estimatedItemSize ?? DEFAULT_ESTIMATED_ITEM_SIZE;
+  const virtualizer = (0, _reactVirtual.useWindowVirtualizer)({
+    count,
+    estimateSize: () => estimate,
+    overscan: overscan ?? DEFAULT_OVERSCAN,
+    scrollMargin,
+    getItemKey: keyExtractor ? index => {
+      const item = items[index];
+      return item !== undefined ? keyExtractor(item, index) : index;
+    } : undefined
+  });
+
+  // Explicit post-mount recompute + resize re-sync. `useWindowVirtualizer` can
+  // latch a frame where the window rect read as 0 / `scrollMargin` was stale,
+  // leaving `getVirtualItems()` empty even though rows exist. A static list does
+  // not re-render enough to self-correct, so we force the range to recompute
+  // once the real viewport + offset are known — and again on every resize.
+  React.useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const sync = () => {
+      measureScrollMargin();
+      virtualizer.measure();
+    };
+    sync();
+    window.addEventListener('resize', sync);
+    return () => window.removeEventListener('resize', sync);
+  }, [measureScrollMargin, virtualizer]);
+  React.useImperativeHandle(ref, () => ({
+    scrollToOffset: params => {
+      if (typeof window === 'undefined') return;
+      window.scrollTo({
+        top: params?.offset ?? 0,
+        behavior: params?.animated === false ? 'auto' : 'smooth'
+      });
+    },
+    scrollTo: params => {
+      if (typeof window === 'undefined') return;
+      window.scrollTo({
+        top: params?.y ?? 0,
+        behavior: params?.animated === false ? 'auto' : 'smooth'
+      });
+    }
+  }), []);
+
+  // Stable per-key ref factory wiring the virtualizer's measurement ref. A fresh
+  // inline arrow each render would make React detach/re-attach (and re-measure)
+  // every row on every render; the cached callback is reused for the same key so
+  // the ref only fires on real mount/unmount.
+  const measureElement = virtualizer.measureElement;
+  const rowRefCallbacks = React.useRef(new Map());
+  const getRowRef = React.useCallback(key => {
+    const cache = rowRefCallbacks.current;
+    const existing = cache.get(key);
+    if (existing) return existing;
+    if (cache.size > ROW_REF_CACHE_CAP) cache.clear();
+    const cb = node => measureElement(node);
+    cache.set(key, cb);
+    return cb;
+  }, [measureElement]);
+  const flatStyle = _reactNative.StyleSheet.flatten(style);
+  const flatContentStyle = _reactNative.StyleSheet.flatten(contentContainerStyle);
+  const header = renderSlot(ListHeaderComponent);
+  const footer = renderSlot(ListFooterComponent);
+  if (count === 0) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [{
+        minHeight: 0
+      }, flatStyle],
+      testID: testID,
+      children: [header, renderSlot(ListEmptyComponent), footer]
+    });
+  }
+  const virtualItems = virtualizer.getVirtualItems();
+  const totalSize = virtualizer.getTotalSize();
+
+  // The measured spacer MUST contain every absolutely-positioned row; size it to
+  // the MAX of `totalSize` and the rows' real extent so the document always
+  // grows to full content height even when `scrollMargin` is momentarily stale.
+  const lastItem = virtualItems.length > 0 ? virtualItems[virtualItems.length - 1] : undefined;
+  const lastItemEnd = lastItem ? lastItem.start + lastItem.size - virtualizer.options.scrollMargin : 0;
+  const spacerHeight = Math.max(totalSize, lastItemEnd);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      minHeight: 0
+    }, flatStyle],
+    testID: testID,
+    children: [header, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: flatContentStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: wrapperRef,
+        style: {
+          height: spacerHeight,
+          width: '100%',
+          position: 'relative'
+        },
+        children: virtualItems.map(virtualRow => {
+          const item = items[virtualRow.index];
+          if (item === undefined) return null;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            ref: getRowRef(String(virtualRow.key)),
+            "data-index": virtualRow.index,
+            style: {
+              position: 'absolute',
+              top: 0,
+              left: 0,
+              width: '100%',
+              transform: `translateY(${virtualRow.start - virtualizer.options.scrollMargin}px)`
+            },
+            children: renderItem ? renderItem({
+              item,
+              index: virtualRow.index
+            }) : null
+          }, virtualRow.key);
+        })
+      })
+    }), footer]
+  });
+}
+const VirtualList = exports.VirtualList = /*#__PURE__*/React.forwardRef(VirtualListWebInner);
+var _default = exports.default = VirtualList;
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/list/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactVirtual","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_ESTIMATED_ITEM_SIZE","DEFAULT_OVERSCAN","ROW_REF_CACHE_CAP","renderSlot","slot","VirtualListWebInner","props","ref","data","renderItem","keyExtractor","ListHeaderComponent","ListEmptyComponent","ListFooterComponent","style","contentContainerStyle","estimatedItemSize","overscan","testID","items","count","length","wrapperRef","useRef","scrollMargin","setScrollMargin","useState","measureScrollMargin","useCallback","node","current","window","top","getBoundingClientRect","scrollY","prev","useLayoutEffect","estimate","virtualizer","useWindowVirtualizer","estimateSize","getItemKey","index","item","undefined","useEffect","sync","measure","addEventListener","removeEventListener","useImperativeHandle","scrollToOffset","params","scrollTo","offset","behavior","animated","y","measureElement","rowRefCallbacks","Map","getRowRef","key","cache","existing","size","clear","cb","flatStyle","StyleSheet","flatten","flatContentStyle","header","footer","jsxs","View","minHeight","children","virtualItems","getVirtualItems","totalSize","getTotalSize","lastItem","lastItemEnd","start","options","spacerHeight","Math","max","jsx","height","width","position","map","virtualRow","String","left","transform","VirtualList","exports","forwardRef","_default"],"sourceRoot":"../../../src","sources":["list/index.web.tsx"],"mappings":";;;;;;AAoCA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAA+D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAvC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA;AACA;AACA,MAAMkB,2BAA2B,GAAG,EAAE;AACtC,MAAMC,gBAAgB,GAAG,CAAC;;AAE1B;AACA;AACA,MAAMC,iBAAiB,GAAG,GAAG;AAE7B,SAASC,UAAUA,CAACC,IAAqB,EAA6B;EACpE,IAAI,CAACA,IAAI,EAAE,OAAO,IAAI;EACtB,OAAO,OAAOA,IAAI,KAAK,UAAU,GAAGA,IAAI,CAAC,CAAC,GAAGA,IAAI;AACnD;AAEA,SAASC,mBAAmBA,CAC1BC,KAA0B,EAC1BC,GAA0C,EAC1C;EACA,MAAM;IACJC,IAAI;IACJC,UAAU;IACVC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,mBAAmB;IACnBC,KAAK;IACLC,qBAAqB;IACrBC,iBAAiB;IACjBC,QAAQ;IACRC;EACF,CAAC,GAAGZ,KAAK;EAET,MAAMa,KAAK,GAAGX,IAAI,IAAI,EAAE;EACxB,MAAMY,KAAK,GAAGD,KAAK,CAACE,MAAM;;EAE1B;EACA;EACA;EACA,MAAMC,UAAU,GAAG/C,KAAK,CAACgD,MAAM,CAAwB,IAAI,CAAC;EAC5D,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGlD,KAAK,CAACmD,QAAQ,CAAC,CAAC,CAAC;EAEzD,MAAMC,mBAAmB,GAAGpD,KAAK,CAACqD,WAAW,CAAC,MAAM;IAClD,MAAMC,IAAI,GAAGP,UAAU,CAACQ,OAAO;IAC/B,IAAI,CAACD,IAAI,IAAI,OAAOE,MAAM,KAAK,WAAW,EAAE;IAC5C,MAAMC,GAAG,GAAGH,IAAI,CAACI,qBAAqB,CAAC,CAAC,CAACD,GAAG,GAAGD,MAAM,CAACG,OAAO;IAC7DT,eAAe,CAAEU,IAAI,IAAMA,IAAI,KAAKH,GAAG,GAAGA,GAAG,GAAGG,IAAK,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACA5D,KAAK,CAAC6D,eAAe,CAAC,MAAM;IAC1BT,mBAAmB,CAAC,CAAC;EACvB,CAAC,EAAE,CAACA,mBAAmB,EAAEP,KAAK,CAAC,CAAC;EAEhC,MAAMiB,QAAQ,GAAGrB,iBAAiB,IAAIhB,2BAA2B;EAEjE,MAAMsC,WAAW,GAAG,IAAAC,kCAAoB,EAAiB;IACvDnB,KAAK;IACLoB,YAAY,EAAEA,CAAA,KAAMH,QAAQ;IAC5BpB,QAAQ,EAAEA,QAAQ,IAAIhB,gBAAgB;IACtCuB,YAAY;IACZiB,UAAU,EAAE/B,YAAY,GACnBgC,KAAK,IAAK;MACT,MAAMC,IAAI,GAAGxB,KAAK,CAACuB,KAAK,CAAC;MACzB,OAAOC,IAAI,KAAKC,SAAS,GAAGlC,YAAY,CAACiC,IAAI,EAAED,KAAK,CAAC,GAAGA,KAAK;IAC/D,CAAC,GACDE;EACN,CAAC,CAAC;;EAEF;EACA;EACA;EACA;EACA;EACArE,KAAK,CAACsE,SAAS,CAAC,MAAM;IACpB,IAAI,OAAOd,MAAM,KAAK,WAAW,EAAE;IACnC,MAAMe,IAAI,GAAGA,CAAA,KAAM;MACjBnB,mBAAmB,CAAC,CAAC;MACrBW,WAAW,CAACS,OAAO,CAAC,CAAC;IACvB,CAAC;IACDD,IAAI,CAAC,CAAC;IACNf,MAAM,CAACiB,gBAAgB,CAAC,QAAQ,EAAEF,IAAI,CAAC;IACvC,OAAO,MAAMf,MAAM,CAACkB,mBAAmB,CAAC,QAAQ,EAAEH,IAAI,CAAC;EACzD,CAAC,EAAE,CAACnB,mBAAmB,EAAEW,WAAW,CAAC,CAAC;EAEtC/D,KAAK,CAAC2E,mBAAmB,CACvB3C,GAAG,EACH,OAAO;IACL4C,cAAc,EAAGC,MAAM,IAAK;MAC1B,IAAI,OAAOrB,MAAM,KAAK,WAAW,EAAE;MACnCA,MAAM,CAACsB,QAAQ,CAAC;QACdrB,GAAG,EAAEoB,MAAM,EAAEE,MAAM,IAAI,CAAC;QACxBC,QAAQ,EAAEH,MAAM,EAAEI,QAAQ,KAAK,KAAK,GAAG,MAAM,GAAG;MAClD,CAAC,CAAC;IACJ,CAAC;IACDH,QAAQ,EAAGD,MAAM,IAAK;MACpB,IAAI,OAAOrB,MAAM,KAAK,WAAW,EAAE;MACnCA,MAAM,CAACsB,QAAQ,CAAC;QACdrB,GAAG,EAAEoB,MAAM,EAAEK,CAAC,IAAI,CAAC;QACnBF,QAAQ,EAAEH,MAAM,EAAEI,QAAQ,KAAK,KAAK,GAAG,MAAM,GAAG;MAClD,CAAC,CAAC;IACJ;EACF,CAAC,CAAC,EACF,EACF,CAAC;;EAED;EACA;EACA;EACA;EACA,MAAME,cAAc,GAAGpB,WAAW,CAACoB,cAAc;EACjD,MAAMC,eAAe,GAAGpF,KAAK,CAACgD,MAAM,CAClC,IAAIqC,GAAG,CAAgD,CACzD,CAAC;EACD,MAAMC,SAAS,GAAGtF,KAAK,CAACqD,WAAW,CAChCkC,GAAW,IAAK;IACf,MAAMC,KAAK,GAAGJ,eAAe,CAAC7B,OAAO;IACrC,MAAMkC,QAAQ,GAAGD,KAAK,CAACtE,GAAG,CAACqE,GAAG,CAAC;IAC/B,IAAIE,QAAQ,EAAE,OAAOA,QAAQ;IAC7B,IAAID,KAAK,CAACE,IAAI,GAAG/D,iBAAiB,EAAE6D,KAAK,CAACG,KAAK,CAAC,CAAC;IACjD,MAAMC,EAAE,GAAItC,IAA2B,IAAK6B,cAAc,CAAC7B,IAAI,CAAC;IAChEkC,KAAK,CAACrE,GAAG,CAACoE,GAAG,EAAEK,EAAE,CAAC;IAClB,OAAOA,EAAE;EACX,CAAC,EACD,CAACT,cAAc,CACjB,CAAC;EAED,MAAMU,SAAS,GAAGC,uBAAU,CAACC,OAAO,CAACxD,KAAK,CAAC;EAC3C,MAAMyD,gBAAgB,GAAGF,uBAAU,CAACC,OAAO,CAACvD,qBAAqB,CAEpD;EAEb,MAAMyD,MAAM,GAAGrE,UAAU,CAACQ,mBAAmB,CAAC;EAC9C,MAAM8D,MAAM,GAAGtE,UAAU,CAACU,mBAAmB,CAAC;EAE9C,IAAIO,KAAK,KAAK,CAAC,EAAE;IACf,oBACE,IAAAxC,WAAA,CAAA8F,IAAA,EAAChG,YAAA,CAAAiG,IAAI;MAAC7D,KAAK,EAAE,CAAC;QAAE8D,SAAS,EAAE;MAAE,CAAC,EAAER,SAAS,CAAE;MAAClD,MAAM,EAAEA,MAAO;MAAA2D,QAAA,GACxDL,MAAM,EACNrE,UAAU,CAACS,kBAAkB,CAAC,EAC9B6D,MAAM;IAAA,CACH,CAAC;EAEX;EAEA,MAAMK,YAAY,GAAGxC,WAAW,CAACyC,eAAe,CAAC,CAAC;EAClD,MAAMC,SAAS,GAAG1C,WAAW,CAAC2C,YAAY,CAAC,CAAC;;EAE5C;EACA;EACA;EACA,MAAMC,QAAQ,GACZJ,YAAY,CAACzD,MAAM,GAAG,CAAC,GACnByD,YAAY,CAACA,YAAY,CAACzD,MAAM,GAAG,CAAC,CAAC,GACrCuB,SAAS;EACf,MAAMuC,WAAW,GAAGD,QAAQ,GACxBA,QAAQ,CAACE,KAAK,GAAGF,QAAQ,CAACjB,IAAI,GAAG3B,WAAW,CAAC+C,OAAO,CAAC7D,YAAY,GACjE,CAAC;EACL,MAAM8D,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACR,SAAS,EAAEG,WAAW,CAAC;EAErD,oBACE,IAAAvG,WAAA,CAAA8F,IAAA,EAAChG,YAAA,CAAAiG,IAAI;IAAC7D,KAAK,EAAE,CAAC;MAAE8D,SAAS,EAAE;IAAE,CAAC,EAAER,SAAS,CAAE;IAAClD,MAAM,EAAEA,MAAO;IAAA2D,QAAA,GACxDL,MAAM,eACP,IAAA5F,WAAA,CAAA6G,GAAA;MAAK3E,KAAK,EAAEyD,gBAAiB;MAAAM,QAAA,eAC3B,IAAAjG,WAAA,CAAA6G,GAAA;QACElF,GAAG,EAAEe,UAAW;QAChBR,KAAK,EAAE;UAAE4E,MAAM,EAAEJ,YAAY;UAAEK,KAAK,EAAE,MAAM;UAAEC,QAAQ,EAAE;QAAW,CAAE;QAAAf,QAAA,EAEpEC,YAAY,CAACe,GAAG,CAAEC,UAAU,IAAK;UAChC,MAAMnD,IAAI,GAAGxB,KAAK,CAAC2E,UAAU,CAACpD,KAAK,CAAC;UACpC,IAAIC,IAAI,KAAKC,SAAS,EAAE,OAAO,IAAI;UACnC,oBACE,IAAAhE,WAAA,CAAA6G,GAAA;YAEElF,GAAG,EAAEsD,SAAS,CAACkC,MAAM,CAACD,UAAU,CAAChC,GAAG,CAAC,CAAE;YACvC,cAAYgC,UAAU,CAACpD,KAAM;YAC7B5B,KAAK,EAAE;cACL8E,QAAQ,EAAE,UAAU;cACpB5D,GAAG,EAAE,CAAC;cACNgE,IAAI,EAAE,CAAC;cACPL,KAAK,EAAE,MAAM;cACbM,SAAS,EAAE,cACTH,UAAU,CAACV,KAAK,GAAG9C,WAAW,CAAC+C,OAAO,CAAC7D,YAAY;YAEvD,CAAE;YAAAqD,QAAA,EAEDpE,UAAU,GACPA,UAAU,CAAC;cAAEkC,IAAI;cAAED,KAAK,EAAEoD,UAAU,CAACpD;YAAM,CAAC,CAAC,GAC7C;UAAI,GAfHoD,UAAU,CAAChC,GAgBb,CAAC;QAEV,CAAC;MAAC,CACC;IAAC,CACH,CAAC,EACLW,MAAM;EAAA,CACH,CAAC;AAEX;AAEA,MAAMyB,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG3H,KAAK,CAAC6H,UAAU,CAAC/F,mBAAmB,CAEjC;AAAC,IAAAgG,QAAA,GAAAF,OAAA,CAAA5G,OAAA,GAGT2G,WAAW","ignoreList":[]}

package/lib/commonjs/list/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/list/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["list/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/list/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+/**
+ * `VirtualList` — the canonical cross-platform virtualized list for the Oxy
+ * ecosystem. Every app uses this ONE implementation for grouped/stacked row
+ * lists (who-to-follow, starter packs, connections, settings rows, …) so the
+ * virtualization behaviour is identical everywhere.
+ *
+ * NATIVE variant: a thin, correctly-typed wrapper over React Native `FlatList`.
+ * The consumer lists this component replaces are short and uniform, so the
+ * platform's own virtualization is the simplest robust choice — no
+ * `@legendapp/list`, no app-specific scroll bridge, nothing for a consumer to
+ * wire up. Bloom stays app-agnostic.
+ *
+ * WEB variant (`index.web.tsx`, selected via the `"browser"` export condition):
+ * a document-scroll window virtualizer built on `@tanstack/react-virtual`.
+ *
+ * This default file has NO platform-only imports, so consumer `tsc` and web
+ * bundlers resolve it cleanly (mirrors the `../scroll` / `../content-panel`
+ * fork pattern). The public API is shared via `./types`, so both forks expose
+ * an identical, generic, strongly-typed surface.
+ */
+import * as React from 'react';
+import { FlatList } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+function renderSlot(slot) {
+  if (!slot) return null;
+  return typeof slot === 'function' ? slot() : slot;
+}
+function VirtualListNativeInner(props, ref) {
+  const {
+    data,
+    renderItem,
+    keyExtractor,
+    ListHeaderComponent,
+    ListEmptyComponent,
+    ListFooterComponent,
+    style,
+    contentContainerStyle,
+    onEndReached,
+    onEndReachedThreshold,
+    refreshing,
+    onRefresh,
+    initialNumToRender,
+    maxToRenderPerBatch,
+    windowSize,
+    removeClippedSubviews,
+    testID
+  } = props;
+  const listRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => ({
+    scrollToOffset: params => listRef.current?.scrollToOffset({
+      offset: params?.offset ?? 0,
+      animated: params?.animated ?? true
+    }),
+    scrollTo: params => listRef.current?.scrollToOffset({
+      offset: params?.y ?? 0,
+      animated: params?.animated ?? true
+    })
+  }), []);
+  const renderFlatItem = React.useCallback(info => renderItem ? renderItem({
+    item: info.item,
+    index: info.index
+  }) : null, [renderItem]);
+  return /*#__PURE__*/_jsx(FlatList, {
+    ref: listRef,
+    data: data ?? undefined,
+    renderItem: renderFlatItem,
+    keyExtractor: keyExtractor,
+    ListHeaderComponent: renderSlot(ListHeaderComponent),
+    ListEmptyComponent: renderSlot(ListEmptyComponent),
+    ListFooterComponent: renderSlot(ListFooterComponent),
+    style: style,
+    contentContainerStyle: contentContainerStyle,
+    onEndReached: onEndReached ? () => onEndReached() : undefined,
+    onEndReachedThreshold: onEndReachedThreshold,
+    refreshing: refreshing,
+    onRefresh: onRefresh,
+    initialNumToRender: initialNumToRender,
+    maxToRenderPerBatch: maxToRenderPerBatch,
+    windowSize: windowSize,
+    removeClippedSubviews: removeClippedSubviews,
+    testID: testID
+  });
+}
+const VirtualList = /*#__PURE__*/React.forwardRef(VirtualListNativeInner);
+export { VirtualList };
+export default VirtualList;
+//# sourceMappingURL=index.js.map

package/lib/module/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FlatList","jsx","_jsx","renderSlot","slot","VirtualListNativeInner","props","ref","data","renderItem","keyExtractor","ListHeaderComponent","ListEmptyComponent","ListFooterComponent","style","contentContainerStyle","onEndReached","onEndReachedThreshold","refreshing","onRefresh","initialNumToRender","maxToRenderPerBatch","windowSize","removeClippedSubviews","testID","listRef","useRef","useImperativeHandle","scrollToOffset","params","current","offset","animated","scrollTo","y","renderFlatItem","useCallback","info","item","index","undefined","VirtualList","forwardRef"],"sourceRoot":"../../../src","sources":["list/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAiC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBjE,SAASC,UAAUA,CAACC,IAAqB,EAA6B;EACpE,IAAI,CAACA,IAAI,EAAE,OAAO,IAAI;EACtB,OAAO,OAAOA,IAAI,KAAK,UAAU,GAAGA,IAAI,CAAC,CAAC,GAAGA,IAAI;AACnD;AAEA,SAASC,sBAAsBA,CAC7BC,KAA0B,EAC1BC,GAA0C,EAC1C;EACA,MAAM;IACJC,IAAI;IACJC,UAAU;IACVC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,mBAAmB;IACnBC,KAAK;IACLC,qBAAqB;IACrBC,YAAY;IACZC,qBAAqB;IACrBC,UAAU;IACVC,SAAS;IACTC,kBAAkB;IAClBC,mBAAmB;IACnBC,UAAU;IACVC,qBAAqB;IACrBC;EACF,CAAC,GAAGlB,KAAK;EAET,MAAMmB,OAAO,GAAG1B,KAAK,CAAC2B,MAAM,CAAc,IAAI,CAAC;EAE/C3B,KAAK,CAAC4B,mBAAmB,CACvBpB,GAAG,EACH,OAAO;IACLqB,cAAc,EAAGC,MAAM,IACrBJ,OAAO,CAACK,OAAO,EAAEF,cAAc,CAAC;MAC9BG,MAAM,EAAEF,MAAM,EAAEE,MAAM,IAAI,CAAC;MAC3BC,QAAQ,EAAEH,MAAM,EAAEG,QAAQ,IAAI;IAChC,CAAC,CAAC;IACJC,QAAQ,EAAGJ,MAAM,IACfJ,OAAO,CAACK,OAAO,EAAEF,cAAc,CAAC;MAC9BG,MAAM,EAAEF,MAAM,EAAEK,CAAC,IAAI,CAAC;MACtBF,QAAQ,EAAEH,MAAM,EAAEG,QAAQ,IAAI;IAChC,CAAC;EACL,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMG,cAAc,GAAGpC,KAAK,CAACqC,WAAW,CACrCC,IAA2B,IAC1B5B,UAAU,GAAGA,UAAU,CAAC;IAAE6B,IAAI,EAAED,IAAI,CAACC,IAAI;IAAEC,KAAK,EAAEF,IAAI,CAACE;EAAM,CAAC,CAAC,GAAG,IAAI,EACxE,CAAC9B,UAAU,CACb,CAAC;EAED,oBACEP,IAAA,CAACF,QAAQ;IACPO,GAAG,EAAEkB,OAAQ;IACbjB,IAAI,EAAEA,IAAI,IAAIgC,SAAU;IACxB/B,UAAU,EAAE0B,cAAe;IAC3BzB,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAER,UAAU,CAACQ,mBAAmB,CAAE;IACrDC,kBAAkB,EAAET,UAAU,CAACS,kBAAkB,CAAE;IACnDC,mBAAmB,EAAEV,UAAU,CAACU,mBAAmB,CAAE;IACrDC,KAAK,EAAEA,KAAM;IACbC,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAY,GAAG,MAAMA,YAAY,CAAC,CAAC,GAAGwB,SAAU;IAC9DvB,qBAAqB,EAAEA,qBAAsB;IAC7CC,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,kBAAkB,EAAEA,kBAAmB;IACvCC,mBAAmB,EAAEA,mBAAoB;IACzCC,UAAU,EAAEA,UAAW;IACvBC,qBAAqB,EAAEA,qBAAsB;IAC7CC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN;AAEA,MAAMiB,WAAW,gBAAG1C,KAAK,CAAC2C,UAAU,CAACrC,sBAAsB,CAEpC;AAEvB,SAASoC,WAAW;AACpB,eAAeA,WAAW","ignoreList":[]}

package/lib/module/list/index.web.js

@@ -0,0 +1,211 @@
+"use strict";
+
+/**
+ * `VirtualList` — WEB variant. A document-scroll (window) virtualizer built on
+ * `@tanstack/react-virtual`'s `useWindowVirtualizer`, mirroring the proven
+ * Mention feed virtualizer. The BODY scrolls (so scrolling works from anywhere,
+ * including over sticky side columns) and only the rows in the virtual window
+ * are mounted, so the DOM stays bounded.
+ *
+ * Why this exists (the bug it fixes): a previous app-local list used the same
+ * hook but rendered ZERO rows in production — the wrapper grew to the right
+ * height (`getTotalSize()` was correct) yet `getVirtualItems()` came back empty,
+ * so only the header painted. Root cause: `useWindowVirtualizer` can latch an
+ * initial frame in which the window rect measured as `0` (or `scrollMargin` was
+ * still stale), which leaves the computed range empty; a STATIC, finite list
+ * re-renders too few times to self-correct and sticks on that bad frame. (The
+ * feed only survived by incidental re-render churn — data/loading updates and
+ * scroll/intersection observers — which a plain list does not have.)
+ *
+ * This implementation is SELF-SUFFICIENT and does not rely on incidental churn:
+ *
+ *  1. `scrollMargin` (the wrapper's offset from the document top) is measured in
+ *     a layout effect AND re-synced on window `resize`.
+ *  2. An explicit post-mount recompute (`virtualizer.measure()`) forces the
+ *     range to be recomputed once the real viewport height + offset are known —
+ *     guaranteeing a short list mounts EVERY row in the first viewport even with
+ *     zero further re-renders. Re-run on resize.
+ *  3. The measured spacer is `Math.max(totalSize, lastItemEnd)`, so it always
+ *     contains every absolutely-positioned row even when `scrollMargin` is
+ *     momentarily stale; the document therefore always grows to the full content
+ *     height (keeping sticky side rails pinned) and the window-scroll geometry
+ *     the virtualizer reads stays consistent.
+ *  4. Per-row `measureElement` refs are STABLE (cached per key), so rows are not
+ *     detached/re-measured on every render.
+ *
+ * Native bundlers use `./index.tsx` (a `FlatList` wrapper); web bundlers select
+ * this file via the `"browser"` export condition in `package.json`.
+ */
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useWindowVirtualizer } from '@tanstack/react-virtual';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// Rows in these lists (user rows, pack cards) are short and fairly uniform; a
+// small estimate + per-row measurement keeps the mounted node count bounded.
+const DEFAULT_ESTIMATED_ITEM_SIZE = 72;
+const DEFAULT_OVERSCAN = 8;
+
+// Bound the per-key ref-callback cache so a very long scroll session does not
+// accumulate one closure per key forever.
+const ROW_REF_CACHE_CAP = 500;
+function renderSlot(slot) {
+  if (!slot) return null;
+  return typeof slot === 'function' ? slot() : slot;
+}
+function VirtualListWebInner(props, ref) {
+  const {
+    data,
+    renderItem,
+    keyExtractor,
+    ListHeaderComponent,
+    ListEmptyComponent,
+    ListFooterComponent,
+    style,
+    contentContainerStyle,
+    estimatedItemSize,
+    overscan,
+    testID
+  } = props;
+  const items = data ?? [];
+  const count = items.length;
+
+  // Wrapper element used as the virtualizer's measurement origin. The window is
+  // the scroller; `scrollMargin` is the wrapper's offset from the document top
+  // (everything above the rows), so virtual offsets map to page offsets.
+  const wrapperRef = React.useRef(null);
+  const [scrollMargin, setScrollMargin] = React.useState(0);
+  const measureScrollMargin = React.useCallback(() => {
+    const node = wrapperRef.current;
+    if (!node || typeof window === 'undefined') return;
+    const top = node.getBoundingClientRect().top + window.scrollY;
+    setScrollMargin(prev => prev !== top ? top : prev);
+  }, []);
+
+  // Read the wrapper's top offset synchronously after layout so the first
+  // virtual frame already positions rows correctly. Re-run when the row count
+  // changes (content above/below the window shifts the wrapper).
+  React.useLayoutEffect(() => {
+    measureScrollMargin();
+  }, [measureScrollMargin, count]);
+  const estimate = estimatedItemSize ?? DEFAULT_ESTIMATED_ITEM_SIZE;
+  const virtualizer = useWindowVirtualizer({
+    count,
+    estimateSize: () => estimate,
+    overscan: overscan ?? DEFAULT_OVERSCAN,
+    scrollMargin,
+    getItemKey: keyExtractor ? index => {
+      const item = items[index];
+      return item !== undefined ? keyExtractor(item, index) : index;
+    } : undefined
+  });
+
+  // Explicit post-mount recompute + resize re-sync. `useWindowVirtualizer` can
+  // latch a frame where the window rect read as 0 / `scrollMargin` was stale,
+  // leaving `getVirtualItems()` empty even though rows exist. A static list does
+  // not re-render enough to self-correct, so we force the range to recompute
+  // once the real viewport + offset are known — and again on every resize.
+  React.useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const sync = () => {
+      measureScrollMargin();
+      virtualizer.measure();
+    };
+    sync();
+    window.addEventListener('resize', sync);
+    return () => window.removeEventListener('resize', sync);
+  }, [measureScrollMargin, virtualizer]);
+  React.useImperativeHandle(ref, () => ({
+    scrollToOffset: params => {
+      if (typeof window === 'undefined') return;
+      window.scrollTo({
+        top: params?.offset ?? 0,
+        behavior: params?.animated === false ? 'auto' : 'smooth'
+      });
+    },
+    scrollTo: params => {
+      if (typeof window === 'undefined') return;
+      window.scrollTo({
+        top: params?.y ?? 0,
+        behavior: params?.animated === false ? 'auto' : 'smooth'
+      });
+    }
+  }), []);
+
+  // Stable per-key ref factory wiring the virtualizer's measurement ref. A fresh
+  // inline arrow each render would make React detach/re-attach (and re-measure)
+  // every row on every render; the cached callback is reused for the same key so
+  // the ref only fires on real mount/unmount.
+  const measureElement = virtualizer.measureElement;
+  const rowRefCallbacks = React.useRef(new Map());
+  const getRowRef = React.useCallback(key => {
+    const cache = rowRefCallbacks.current;
+    const existing = cache.get(key);
+    if (existing) return existing;
+    if (cache.size > ROW_REF_CACHE_CAP) cache.clear();
+    const cb = node => measureElement(node);
+    cache.set(key, cb);
+    return cb;
+  }, [measureElement]);
+  const flatStyle = StyleSheet.flatten(style);
+  const flatContentStyle = StyleSheet.flatten(contentContainerStyle);
+  const header = renderSlot(ListHeaderComponent);
+  const footer = renderSlot(ListFooterComponent);
+  if (count === 0) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [{
+        minHeight: 0
+      }, flatStyle],
+      testID: testID,
+      children: [header, renderSlot(ListEmptyComponent), footer]
+    });
+  }
+  const virtualItems = virtualizer.getVirtualItems();
+  const totalSize = virtualizer.getTotalSize();
+
+  // The measured spacer MUST contain every absolutely-positioned row; size it to
+  // the MAX of `totalSize` and the rows' real extent so the document always
+  // grows to full content height even when `scrollMargin` is momentarily stale.
+  const lastItem = virtualItems.length > 0 ? virtualItems[virtualItems.length - 1] : undefined;
+  const lastItemEnd = lastItem ? lastItem.start + lastItem.size - virtualizer.options.scrollMargin : 0;
+  const spacerHeight = Math.max(totalSize, lastItemEnd);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      minHeight: 0
+    }, flatStyle],
+    testID: testID,
+    children: [header, /*#__PURE__*/_jsx("div", {
+      style: flatContentStyle,
+      children: /*#__PURE__*/_jsx("div", {
+        ref: wrapperRef,
+        style: {
+          height: spacerHeight,
+          width: '100%',
+          position: 'relative'
+        },
+        children: virtualItems.map(virtualRow => {
+          const item = items[virtualRow.index];
+          if (item === undefined) return null;
+          return /*#__PURE__*/_jsx("div", {
+            ref: getRowRef(String(virtualRow.key)),
+            "data-index": virtualRow.index,
+            style: {
+              position: 'absolute',
+              top: 0,
+              left: 0,
+              width: '100%',
+              transform: `translateY(${virtualRow.start - virtualizer.options.scrollMargin}px)`
+            },
+            children: renderItem ? renderItem({
+              item,
+              index: virtualRow.index
+            }) : null
+          }, virtualRow.key);
+        })
+      })
+    }), footer]
+  });
+}
+const VirtualList = /*#__PURE__*/React.forwardRef(VirtualListWebInner);
+export { VirtualList };
+export default VirtualList;
+//# sourceMappingURL=index.web.js.map