@legendapp/list 3.1.2 → 3.2.0

package/react-native.js

@@ -165,7 +165,7 @@ function StateProvider({ children }) {
       ["isNearEnd", false],
       ["isNearStart", false],
       ["isWithinMaintainScrollAtEndThreshold", false],
-      ["adaptiveRender", "light"],
+      ["adaptiveRender", "normal"],
       ["totalSize", 0],
       ["scrollAdjustPending", 0]
     ]),
@@ -779,563 +779,564 @@ function Separator({ ItemSeparatorComponent, leadingItem }) {
   const isLastItem = useIsLastItem();
   return isLastItem ? null : /* @__PURE__ */ React2__namespace.createElement(ItemSeparatorComponent, { leadingItem });
 }
-var PixelRatio = ReactNative.PixelRatio;
 
-// src/utils/layoutMeasurement.ts
-var FLOATING_POINT_SLACK = 0.01;
-var NATIVE_LAYOUT_MEASUREMENT_EPSILON = 1 / PixelRatio.get() + FLOATING_POINT_SLACK;
-function isWithinEpsilon(delta) {
-  return Math.abs(delta) <= NATIVE_LAYOUT_MEASUREMENT_EPSILON;
-}
-function isNativeLayoutNoise(delta) {
-  return isWithinEpsilon(delta);
-}
-function isNativeLayoutSizeNoise(heightDelta, widthDelta) {
-  return isWithinEpsilon(heightDelta) && isWithinEpsilon(widthDelta);
+// src/core/deferredPublicOnScroll.ts
+function withResolvedContentOffset(state, event, resolvedOffset) {
+  return {
+    ...event,
+    nativeEvent: {
+      ...event.nativeEvent,
+      contentOffset: state.props.horizontal ? { x: resolvedOffset, y: 0 } : { x: 0, y: resolvedOffset }
+    }
+  };
 }
-
-// src/hooks/useOnLayoutSync.native.tsx
-function useOnLayoutSync({
-  ref,
-  onLayoutProp,
-  onLayoutChange
-}, deps = []) {
-  const lastLayoutRef = React2.useRef(null);
-  const onLayout = React2.useCallback(
-    (event) => {
-      const { layout } = event.nativeEvent;
-      const lastLayout = lastLayoutRef.current;
-      const didLayoutSizeChange = lastLayout && (layout.height !== lastLayout.height || layout.width !== lastLayout.width);
-      const isMeasuredLayoutNoise = !!didLayoutSizeChange && !!lastLayout.measuredLayout && isNativeLayoutSizeNoise(
-        layout.height - lastLayout.measuredLayout.height,
-        layout.width - lastLayout.measuredLayout.width
-      );
-      if (!lastLayout || didLayoutSizeChange && !isMeasuredLayoutNoise) {
-        onLayoutChange(layout, false);
-      }
-      if (!lastLayout || didLayoutSizeChange) {
-        lastLayoutRef.current = {
-          ...layout,
-          measuredLayout: isMeasuredLayoutNoise ? lastLayout == null ? void 0 : lastLayout.measuredLayout : void 0
-        };
-      }
-      onLayoutProp == null ? void 0 : onLayoutProp(event);
-    },
-    [onLayoutChange, onLayoutProp]
-  );
-  if (IsNewArchitecture) {
-    React2.useLayoutEffect(() => {
-      if (ref.current) {
-        ref.current.measure((x, y, width, height) => {
-          const layout = { height, width, x, y };
-          lastLayoutRef.current = { ...layout, measuredLayout: layout };
-          onLayoutChange(layout, true);
-        });
-      }
-    }, deps);
+function releaseDeferredPublicOnScroll(ctx, resolvedOffset) {
+  var _a3, _b, _c, _d;
+  const state = ctx.state;
+  const deferredEvent = state.deferredPublicOnScrollEvent;
+  state.deferredPublicOnScrollEvent = void 0;
+  if (deferredEvent) {
+    (_d = (_c = state.props).onScroll) == null ? void 0 : _d.call(
+      _c,
+      withResolvedContentOffset(
+        state,
+        deferredEvent,
+        (_b = (_a3 = resolvedOffset != null ? resolvedOffset : state.scrollPending) != null ? _a3 : state.scroll) != null ? _b : 0
+      )
+    );
   }
-  return { onLayout };
 }
 
-// src/utils/isInMVCPActiveMode.native.ts
-function isInMVCPActiveMode(state) {
-  return state.dataChangeNeedsScrollUpdate;
+// src/core/initialScrollSession.ts
+var INITIAL_SCROLL_MIN_TARGET_OFFSET = 1;
+function hasInitialScrollSessionCompletion(completion) {
+  return !!((completion == null ? void 0 : completion.didDispatchNativeScroll) || (completion == null ? void 0 : completion.didRetrySilentInitialScroll) || (completion == null ? void 0 : completion.watchdog));
 }
-
-// src/components/Container.tsx
-function getContainerPositionStyle({
-  columnWrapperStyle,
-  contentContainerAlignItems,
-  horizontal,
-  hasItemSeparator,
-  isHorizontalRTLList,
-  numColumns,
-  otherAxisPos,
-  otherAxisSize
-}) {
-  let paddingStyles;
-  if (columnWrapperStyle) {
-    const { columnGap, rowGap, gap } = columnWrapperStyle;
-    if (horizontal) {
-      paddingStyles = {
-        paddingBottom: numColumns > 1 ? (rowGap || gap || 0) / 2 : void 0,
-        paddingRight: columnGap || gap || void 0,
-        paddingTop: numColumns > 1 ? (rowGap || gap || 0) / 2 : void 0
-      };
-    } else {
-      paddingStyles = {
-        paddingBottom: rowGap || gap || void 0,
-        paddingLeft: numColumns > 1 ? (columnGap || gap || 0) / 2 : void 0,
-        paddingRight: numColumns > 1 ? (columnGap || gap || 0) / 2 : void 0
-      };
-    }
-  }
-  return horizontal ? {
-    bottom: contentContainerAlignItems === "flex-end" && numColumns === 1 ? 0 : void 0,
-    boxSizing: paddingStyles ? "border-box" : void 0,
-    direction: isHorizontalRTLList && Platform.OS === "web" ? "ltr" : void 0,
-    flexDirection: hasItemSeparator ? "row" : void 0,
-    height: otherAxisSize,
-    left: 0,
-    position: "absolute",
-    top: contentContainerAlignItems === "flex-end" && numColumns === 1 ? void 0 : otherAxisPos,
-    ...paddingStyles || {}
+function clearInitialScrollSession(state) {
+  state.initialScrollSession = void 0;
+  return void 0;
+}
+function createInitialScrollSession(options) {
+  const { bootstrap, completion, kind, previousDataLength } = options;
+  return kind === "offset" ? {
+    completion,
+    kind,
+    previousDataLength
   } : {
-    boxSizing: paddingStyles ? "border-box" : void 0,
-    left: otherAxisPos,
-    position: "absolute",
-    right: numColumns > 1 ? null : 0,
-    top: 0,
-    width: otherAxisSize,
-    ...paddingStyles || {}
+    bootstrap,
+    completion,
+    kind,
+    previousDataLength
   };
 }
-var Container = typedMemo(function Container2({
-  id,
-  itemKey,
-  recycleItems,
-  horizontal,
-  getRenderedItem: getRenderedItem2,
-  updateItemSize: updateItemSize2,
-  ItemSeparatorComponent,
-  stickyHeaderConfig
-}) {
-  const ctx = useStateContext();
-  const { columnWrapperStyle, animatedScrollY } = ctx;
-  const isHorizontalRTLList = isHorizontalRTL(ctx.state);
-  const positionComponentInternal = ctx.state.props.positionComponentInternal;
-  const stickyPositionComponentInternal = ctx.state.props.stickyPositionComponentInternal;
-  const [column = 0, span = 1, data, numColumns = 1, extraData, isSticky] = useArr$([
-    `containerColumn${id}`,
-    `containerSpan${id}`,
-    `containerItemData${id}`,
-    "numColumns",
-    "extraData",
-    `containerSticky${id}`
-  ]);
-  const itemLayoutRef = React2.useRef({
-    didLayout: false,
-    horizontal,
-    itemKey,
-    pendingShrinkToken: 0,
-    updateItemSize: updateItemSize2
-  });
-  itemLayoutRef.current.horizontal = horizontal;
-  itemLayoutRef.current.itemKey = itemKey;
-  itemLayoutRef.current.updateItemSize = updateItemSize2;
-  const ref = React2.useRef(null);
-  const [layoutRenderCount, forceLayoutRender] = React2.useState(0);
-  const resolvedColumn = column > 0 ? column : 1;
-  const resolvedSpan = Math.min(Math.max(span || 1, 1), numColumns);
-  const otherAxisPos = numColumns > 1 ? `${(resolvedColumn - 1) / numColumns * 100}%` : 0;
-  const otherAxisSize = numColumns > 1 ? `${resolvedSpan / numColumns * 100}%` : void 0;
-  const style = React2.useMemo(
-    () => getContainerPositionStyle({
-      columnWrapperStyle,
-      contentContainerAlignItems: ctx.state.props.contentContainerAlignItems,
-      hasItemSeparator: !!ItemSeparatorComponent,
-      horizontal,
-      isHorizontalRTLList,
-      numColumns,
-      otherAxisPos,
-      otherAxisSize
-    }),
-    [
-      horizontal,
-      isHorizontalRTLList,
-      otherAxisPos,
-      otherAxisSize,
-      columnWrapperStyle,
-      ctx.state.props.contentContainerAlignItems,
-      numColumns,
-      ItemSeparatorComponent
-    ]
-  );
-  const renderedItemInfo = React2.useMemo(
-    () => itemKey !== void 0 ? getRenderedItem2(itemKey) : null,
-    [itemKey, data, extraData]
-  );
-  const { index, renderedItem } = renderedItemInfo || {};
-  const onLayoutChange = React2.useCallback((rectangle) => {
+function ensureInitialScrollSessionCompletion(state, kind = ((_b) => (_b = ((_a3) => (_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind)()) != null ? _b : "bootstrap")()) {
+  var _a4, _b2;
+  if (!state.initialScrollSession) {
+    state.initialScrollSession = createInitialScrollSession({
+      completion: {},
+      kind,
+      previousDataLength: 0
+    });
+  } else if (state.initialScrollSession.kind !== kind) {
+    state.initialScrollSession = createInitialScrollSession({
+      bootstrap: state.initialScrollSession.kind === "bootstrap" ? state.initialScrollSession.bootstrap : void 0,
+      completion: state.initialScrollSession.completion,
+      kind,
+      previousDataLength: state.initialScrollSession.previousDataLength
+    });
+  }
+  (_b2 = (_a4 = state.initialScrollSession).completion) != null ? _b2 : _a4.completion = {};
+  return state.initialScrollSession.completion;
+}
+var initialScrollCompletion = {
+  didDispatchNativeScroll(state) {
     var _a3, _b;
-    const {
-      horizontal: currentHorizontal,
-      itemKey: currentItemKey,
-      updateItemSize: updateItemSizeFn,
-      lastSize,
-      pendingShrinkToken
-    } = itemLayoutRef.current;
-    if (isNullOrUndefined(currentItemKey)) {
-      return;
-    }
-    itemLayoutRef.current.didLayout = true;
-    let layout = rectangle;
-    const axis = currentHorizontal ? "width" : "height";
-    const size = roundSize(rectangle[axis]);
-    const prevSize = lastSize ? roundSize(lastSize[axis]) : void 0;
-    const doUpdate = () => {
-      itemLayoutRef.current.lastSize = layout;
-      updateItemSizeFn(currentItemKey, layout);
-      itemLayoutRef.current.didLayout = true;
-    };
-    const shouldDeferWebShrinkLayoutUpdate = Platform.OS === "web" && !isInMVCPActiveMode(ctx.state) && prevSize !== void 0 && size + 1 < prevSize;
-    if (shouldDeferWebShrinkLayoutUpdate) {
-      const token = pendingShrinkToken + 1;
-      itemLayoutRef.current.pendingShrinkToken = token;
-      requestAnimationFrame(() => {
-        var _a4;
-        if (itemLayoutRef.current.pendingShrinkToken !== token) {
-          return;
-        }
-        const element = ref.current;
-        const rect = (_a4 = element == null ? void 0 : element.getBoundingClientRect) == null ? void 0 : _a4.call(element);
-        if (rect) {
-          layout = { height: rect.height, width: rect.width };
-        }
-        doUpdate();
-      });
+    return !!((_b = (_a3 = state.initialScrollSession) == null ? void 0 : _a3.completion) == null ? void 0 : _b.didDispatchNativeScroll);
+  },
+  didRetrySilentInitialScroll(state) {
+    var _a3, _b;
+    return !!((_b = (_a3 = state.initialScrollSession) == null ? void 0 : _a3.completion) == null ? void 0 : _b.didRetrySilentInitialScroll);
+  },
+  markInitialScrollNativeDispatch(state) {
+    ensureInitialScrollSessionCompletion(state).didDispatchNativeScroll = true;
+  },
+  markSilentInitialScrollRetry(state) {
+    ensureInitialScrollSessionCompletion(state).didRetrySilentInitialScroll = true;
+  },
+  resetFlags(state) {
+    if (!state.initialScrollSession) {
       return;
     }
-    if (IsNewArchitecture || size > 0) {
-      doUpdate();
-    } else {
-      (_b = (_a3 = ref.current) == null ? void 0 : _a3.measure) == null ? void 0 : _b.call(_a3, (_x, _y, width, height) => {
-        layout = { height, width };
-        doUpdate();
-      });
+    const completion = ensureInitialScrollSessionCompletion(state, state.initialScrollSession.kind);
+    completion.didDispatchNativeScroll = void 0;
+    completion.didRetrySilentInitialScroll = void 0;
+  }
+};
+var initialScrollWatchdog = {
+  clear(state) {
+    initialScrollWatchdog.set(state, void 0);
+  },
+  didReachTarget(newScroll, watchdog) {
+    const nextDistance = Math.abs(newScroll - watchdog.targetOffset);
+    return nextDistance <= INITIAL_SCROLL_MIN_TARGET_OFFSET;
+  },
+  get(state) {
+    var _a3, _b;
+    return (_b = (_a3 = state.initialScrollSession) == null ? void 0 : _a3.completion) == null ? void 0 : _b.watchdog;
+  },
+  hasNonZeroTargetOffset(targetOffset) {
+    return targetOffset !== void 0 && targetOffset > INITIAL_SCROLL_MIN_TARGET_OFFSET;
+  },
+  isAtZeroTargetOffset(targetOffset) {
+    return targetOffset <= INITIAL_SCROLL_MIN_TARGET_OFFSET;
+  },
+  set(state, watchdog) {
+    var _a3, _b;
+    if (!watchdog && !((_b = (_a3 = state.initialScrollSession) == null ? void 0 : _a3.completion) == null ? void 0 : _b.watchdog)) {
+      return;
     }
-  }, []);
-  const triggerLayout = React2.useCallback(() => {
-    forceLayoutRender((v) => v + 1);
-  }, []);
-  const contextValue = React2.useMemo(() => {
-    ctx.viewRefs.set(id, ref);
-    return {
-      containerId: id,
-      index,
-      itemKey,
-      triggerLayout,
-      value: data
-    };
-  }, [id, itemKey, index, data, triggerLayout]);
-  React2.useLayoutEffect(() => {
-    ctx.containerLayoutTriggers.set(id, triggerLayout);
-    return () => {
-      if (ctx.containerLayoutTriggers.get(id) === triggerLayout) {
-        ctx.containerLayoutTriggers.delete(id);
-      }
-    };
-  }, [ctx, id, triggerLayout]);
-  const { onLayout } = useOnLayoutSync(
-    {
-      onLayoutChange,
-      ref},
-    [itemKey, layoutRenderCount]
-  );
-  if (!IsNewArchitecture) {
-    React2.useEffect(() => {
-      if (!isNullOrUndefined(itemKey)) {
-        itemLayoutRef.current.didLayout = false;
-        const timeout = setTimeout(() => {
-          if (!itemLayoutRef.current.didLayout) {
-            const {
-              itemKey: currentItemKey,
-              lastSize,
-              updateItemSize: updateItemSizeFn
-            } = itemLayoutRef.current;
-            if (lastSize && !isNullOrUndefined(currentItemKey)) {
-              updateItemSizeFn(currentItemKey, lastSize);
-              itemLayoutRef.current.didLayout = true;
-            }
-          }
-        }, 16);
-        return () => {
-          clearTimeout(timeout);
-        };
-      }
-    }, [itemKey]);
+    const completion = ensureInitialScrollSessionCompletion(state);
+    completion.watchdog = watchdog ? {
+      startScroll: watchdog.startScroll,
+      targetOffset: watchdog.targetOffset
+    } : void 0;
   }
-  const PositionComponent = isSticky ? stickyPositionComponentInternal ? stickyPositionComponentInternal : PositionViewSticky : positionComponentInternal ? positionComponentInternal : PositionView;
-  return /* @__PURE__ */ React2__namespace.createElement(
-    PositionComponent,
-    {
-      animatedScrollY: isSticky ? animatedScrollY : void 0,
-      horizontal,
-      id,
-      index,
-      key: recycleItems ? void 0 : itemKey,
-      onLayout,
-      refView: ref,
-      stickyHeaderConfig,
-      style
-    },
-    /* @__PURE__ */ React2__namespace.createElement(ContextContainer.Provider, { value: contextValue }, renderedItem, renderedItemInfo && ItemSeparatorComponent && /* @__PURE__ */ React2__namespace.createElement(Separator, { ItemSeparatorComponent, leadingItem: renderedItemInfo.item }))
-  );
-});
-
-// src/components/ContainerSlot.tsx
-function ContainerSlotBase({
-  id,
-  horizontal,
-  recycleItems,
-  ItemSeparatorComponent,
-  updateItemSize: updateItemSize2,
-  getRenderedItem: getRenderedItem2,
-  stickyHeaderConfig,
-  ContainerComponent = Container
-}) {
-  const [itemKey] = useArr$([`containerItemKey${id}`]);
-  if (itemKey === void 0) {
-    return null;
+};
+function setInitialScrollSession(state, options = {}) {
+  var _a3, _b, _c, _d;
+  const existingSession = state.initialScrollSession;
+  const kind = (_a3 = options.kind) != null ? _a3 : existingSession == null ? void 0 : existingSession.kind;
+  const completion = existingSession == null ? void 0 : existingSession.completion;
+  const existingBootstrap = (existingSession == null ? void 0 : existingSession.kind) === "bootstrap" ? existingSession.bootstrap : void 0;
+  const bootstrap = kind === "bootstrap" ? options.bootstrap === null ? void 0 : (_b = options.bootstrap) != null ? _b : existingBootstrap : void 0;
+  if (!kind) {
+    return clearInitialScrollSession(state);
   }
-  return /* @__PURE__ */ React2__namespace.createElement(
-    ContainerComponent,
-    {
-      getRenderedItem: getRenderedItem2,
-      horizontal,
-      ItemSeparatorComponent,
-      id,
-      itemKey,
-      recycleItems,
-      stickyHeaderConfig,
-      updateItemSize: updateItemSize2
-    }
-  );
+  if (!state.initialScroll && !bootstrap && !hasInitialScrollSessionCompletion(completion)) {
+    return clearInitialScrollSession(state);
+  }
+  const previousDataLength = (_d = (_c = options.previousDataLength) != null ? _c : existingSession == null ? void 0 : existingSession.previousDataLength) != null ? _d : 0;
+  state.initialScrollSession = createInitialScrollSession({
+    bootstrap,
+    completion,
+    kind,
+    previousDataLength
+  });
+  return state.initialScrollSession;
 }
-var ContainerSlot = typedMemo(function ContainerSlot2(props) {
-  return /* @__PURE__ */ React2__namespace.createElement(ContainerSlotBase, { ...props });
-});
 
-// src/components/Containers.native.tsx
-var ContainersLayer = typedMemo(function ContainersLayer2({ children, horizontal }) {
-  const ctx = useStateContext();
-  const columnWrapperStyle = ctx.columnWrapperStyle;
-  const animSize = useValue$("totalSize");
-  const [readyToRender, numColumns, otherAxisSize = 0] = useArr$(["readyToRender", "numColumns", "otherAxisSize"]);
-  const style = horizontal ? {
-    height: otherAxisSize || "100%",
-    minHeight: otherAxisSize,
-    opacity: readyToRender ? 1 : 0,
-    width: animSize
-  } : { height: animSize, minWidth: otherAxisSize, opacity: readyToRender ? 1 : 0 };
-  if (columnWrapperStyle) {
-    const { columnGap, rowGap, gap } = columnWrapperStyle;
-    const gapX = columnGap || gap || 0;
-    const gapY = rowGap || gap || 0;
-    if (horizontal) {
-      if (gapY && numColumns > 1) {
-        style.marginVertical = -gapY / 2;
-      }
-      if (gapX) {
-        style.marginRight = -gapX;
-      }
-    } else {
-      if (gapX && numColumns > 1) {
-        style.marginHorizontal = -gapX;
-      }
-      if (gapY) {
-        style.marginBottom = -gapY;
-      }
+// src/utils/checkThreshold.ts
+var HYSTERESIS_MULTIPLIER = 1.3;
+var checkThreshold = (distance, atThreshold, threshold, wasReached, snapshot, context, onReached, setSnapshot, allowReentryOnChange) => {
+  const absDistance = Math.abs(distance);
+  const within = atThreshold || threshold > 0 && absDistance <= threshold;
+  const updateSnapshot = () => {
+    setSnapshot({
+      atThreshold,
+      contentSize: context.contentSize,
+      dataLength: context.dataLength,
+      scrollPosition: context.scrollPosition
+    });
+  };
+  if (!wasReached) {
+    if (!within) {
+      return false;
     }
+    onReached(distance);
+    updateSnapshot();
+    return true;
   }
-  return /* @__PURE__ */ React2__namespace.createElement(ReactNative.Animated.View, { style }, children);
-});
-var Containers = typedMemo(function Containers2({
-  horizontal,
-  recycleItems,
-  ItemSeparatorComponent,
-  stickyHeaderConfig,
-  updateItemSize: updateItemSize2,
-  getRenderedItem: getRenderedItem2
-}) {
-  const [numContainersPooled] = useArr$(["numContainersPooled"]);
-  const containers = [];
-  for (let i = 0; i < numContainersPooled; i++) {
-    containers.push(
-      /* @__PURE__ */ React2__namespace.createElement(
-        ContainerSlot,
-        {
-          getRenderedItem: getRenderedItem2,
-          horizontal,
-          ItemSeparatorComponent,
-          id: i,
-          key: i,
-          recycleItems,
-          stickyHeaderConfig,
-          updateItemSize: updateItemSize2
-        }
-      )
-    );
+  const reset = !atThreshold && threshold > 0 && absDistance >= threshold * HYSTERESIS_MULTIPLIER || !atThreshold && threshold <= 0 && absDistance > 0;
+  if (reset) {
+    setSnapshot(void 0);
+    return false;
   }
-  return /* @__PURE__ */ React2__namespace.createElement(ContainersLayer, { horizontal }, containers);
-});
-var ListComponentScrollView = ReactNative.Animated.ScrollView;
-
-// src/components/listComponentStyles.ts
-function getAutoOtherAxisStyle({
-  horizontal,
-  needsOtherAxisSize,
-  otherAxisSize
-}) {
-  if (!needsOtherAxisSize || !otherAxisSize || otherAxisSize <= 0) {
-    return void 0;
+  if (within) {
+    const changed = !snapshot || snapshot.atThreshold !== atThreshold || snapshot.contentSize !== context.contentSize || snapshot.dataLength !== context.dataLength;
+    if (changed) {
+      if (allowReentryOnChange) {
+        onReached(distance);
+      }
+      updateSnapshot();
+    }
   }
-  return horizontal ? { height: otherAxisSize } : { width: otherAxisSize };
+  return true;
+};
+
+// src/utils/hasActiveInitialScroll.ts
+function hasActiveInitialScroll(state) {
+  return !!(state == null ? void 0 : state.initialScroll) && !state.didFinishInitialScroll;
 }
-function ScrollAdjust() {
+
+// src/utils/checkAtBottom.ts
+function checkAtBottom(ctx) {
   var _a3;
-  const ctx = useStateContext();
-  const bias = 1e7;
-  const [scrollAdjust, scrollAdjustUserOffset] = useArr$(["scrollAdjust", "scrollAdjustUserOffset"]);
-  const scrollOffset = (scrollAdjust || 0) + (scrollAdjustUserOffset || 0) + bias;
-  const horizontal = !!((_a3 = ctx.state) == null ? void 0 : _a3.props.horizontal);
-  return /* @__PURE__ */ React2__namespace.createElement(
-    ReactNative.View,
-    {
-      style: {
-        height: 0,
-        left: horizontal ? scrollOffset : 0,
-        position: "absolute",
-        top: horizontal ? 0 : scrollOffset,
-        width: 0
-      }
+  const state = ctx.state;
+  if (!state) {
+    return;
+  }
+  const {
+    queuedInitialLayout,
+    scrollLength,
+    scroll,
+    maintainingScrollAtEnd,
+    props: { maintainScrollAtEndThreshold, onEndReachedThreshold }
+  } = state;
+  const contentSize = getContentSize(ctx);
+  if (contentSize > 0 && queuedInitialLayout) {
+    const insetEnd = getContentInsetEnd(ctx);
+    const distanceFromEnd = contentSize - scroll - scrollLength - insetEnd;
+    const isContentLess = contentSize < scrollLength;
+    set$(ctx, "isAtEnd", isContentLess || distanceFromEnd <= EDGE_POSITION_EPSILON);
+    set$(ctx, "isNearEnd", isContentLess || distanceFromEnd <= onEndReachedThreshold * scrollLength);
+    set$(
+      ctx,
+      "isWithinMaintainScrollAtEndThreshold",
+      isContentLess || distanceFromEnd <= maintainScrollAtEndThreshold * scrollLength
+    );
+    const shouldSkipThresholdChecks = hasActiveInitialScroll(state) || maintainingScrollAtEnd;
+    if (!shouldSkipThresholdChecks) {
+      state.isEndReached = checkThreshold(
+        distanceFromEnd,
+        isContentLess,
+        onEndReachedThreshold * scrollLength,
+        state.isEndReached,
+        state.endReachedSnapshot,
+        {
+          contentSize,
+          dataLength: (_a3 = state.props.data) == null ? void 0 : _a3.length,
+          scrollPosition: scroll
+        },
+        (distance) => {
+          var _a4, _b;
+          return (_b = (_a4 = state.props).onEndReached) == null ? void 0 : _b.call(_a4, { distanceFromEnd: distance });
+        },
+        (snapshot) => {
+          state.endReachedSnapshot = snapshot;
+        },
+        true
+      );
     }
-  );
-}
-var SnapWrapper = React2__namespace.forwardRef(function SnapWrapperInner({ ScrollComponent, ...props }, ref) {
-  const [snapToOffsets] = useArr$(["snapToOffsets"]);
-  return /* @__PURE__ */ React2__namespace.createElement(ScrollComponent, { ...props, ref, snapToOffsets });
-});
-function WebAnchoredEndSpace({ horizontal }) {
-  const ctx = useStateContext();
-  const [anchoredEndSpaceSize] = useArr$(["anchoredEndSpaceSize"]);
-  const shouldRenderAnchoredEndSpace = !!ctx.state.props.anchoredEndSpace && (anchoredEndSpaceSize || 0) > 0;
-  if (!shouldRenderAnchoredEndSpace) {
-    return null;
   }
-  const style = horizontal ? { height: "100%", width: anchoredEndSpaceSize || 0 } : { height: anchoredEndSpaceSize || 0 };
-  return /* @__PURE__ */ React2__namespace.createElement("div", { style }, null);
 }
 
-// src/core/doMaintainScrollAtEnd.ts
-function doMaintainScrollAtEnd(ctx) {
-  const state = ctx.state;
+// src/utils/isInMVCPActiveMode.native.ts
+function isInMVCPActiveMode(state) {
+  return state.dataChangeNeedsScrollUpdate;
+}
+
+// src/utils/checkAtTop.ts
+function checkAtTop(ctx) {
+  const state = ctx == null ? void 0 : ctx.state;
+  if (!state) {
+    return;
+  }
   const {
-    didContainersLayout,
-    pendingNativeMVCPAdjust,
-    refScroller,
-    props: { maintainScrollAtEnd }
+    dataChangeEpoch,
+    isStartReached,
+    props: { data, onStartReachedThreshold },
+    scroll,
+    scrollLength,
+    startReachedSnapshot,
+    startReachedSnapshotDataChangeEpoch,
+    totalSize
   } = state;
-  const isWithinMaintainScrollAtEndThreshold = peek$(ctx, "isWithinMaintainScrollAtEndThreshold");
-  const shouldMaintainScrollAtEnd = !!(isWithinMaintainScrollAtEndThreshold && maintainScrollAtEnd && didContainersLayout);
-  if (pendingNativeMVCPAdjust) {
-    state.pendingMaintainScrollAtEnd = shouldMaintainScrollAtEnd;
-    return false;
+  const dataLength = data.length;
+  const threshold = onStartReachedThreshold * scrollLength;
+  const dataChanged = startReachedSnapshotDataChangeEpoch !== dataChangeEpoch;
+  const withinThreshold = threshold > 0 && Math.abs(scroll) <= threshold;
+  const allowReentryOnDataChange = !!isStartReached && withinThreshold && !!dataChanged && !isInMVCPActiveMode(state);
+  if (isStartReached && threshold > 0 && scroll > threshold && startReachedSnapshot && (dataChanged || startReachedSnapshot.contentSize !== totalSize || startReachedSnapshot.dataLength !== dataLength)) {
+    state.isStartReached = false;
+    state.startReachedSnapshot = void 0;
+    state.startReachedSnapshotDataChangeEpoch = void 0;
   }
-  state.pendingMaintainScrollAtEnd = false;
-  if (shouldMaintainScrollAtEnd) {
-    const contentSize = getContentSize(ctx);
-    if (contentSize < state.scrollLength) {
-      state.scroll = 0;
-    }
-    if (!state.maintainingScrollAtEnd) {
-      const pendingState = maintainScrollAtEnd.animated ? "pending-animated" : "pending-instant";
-      const activeState = maintainScrollAtEnd.animated ? "animated" : "instant";
-      state.maintainingScrollAtEnd = pendingState;
-      requestAnimationFrame(() => {
-        if (peek$(ctx, "isWithinMaintainScrollAtEndThreshold")) {
-          state.maintainingScrollAtEnd = activeState;
-          const scroller = refScroller.current;
-          if (state.props.horizontal && isHorizontalRTL(state)) {
-            const currentContentSize = getContentSize(ctx);
-            const logicalEndOffset = getLogicalHorizontalMaxOffset(state, currentContentSize);
-            const nativeOffset = toNativeHorizontalOffset(state, logicalEndOffset, currentContentSize);
-            scroller == null ? void 0 : scroller.scrollTo({
-              animated: maintainScrollAtEnd.animated,
-              x: nativeOffset,
-              y: 0
-            });
-          } else {
-            scroller == null ? void 0 : scroller.scrollToEnd({
-              animated: maintainScrollAtEnd.animated
-            });
-          }
-          setTimeout(
-            () => {
-              if (state.maintainingScrollAtEnd === activeState) {
-                state.maintainingScrollAtEnd = void 0;
-              }
-            },
-            maintainScrollAtEnd.animated ? 500 : 0
-          );
-        } else if (state.maintainingScrollAtEnd === pendingState) {
-          state.maintainingScrollAtEnd = void 0;
-        }
-      });
-    }
-    return true;
+  set$(ctx, "isAtStart", scroll <= EDGE_POSITION_EPSILON);
+  set$(ctx, "isNearStart", scroll <= threshold);
+  const shouldSkipThresholdChecks = hasActiveInitialScroll(state) || !!state.scrollingTo;
+  const shouldDeferDataChangeRefire = isStartReached && withinThreshold && dataChanged && !allowReentryOnDataChange;
+  if (!shouldSkipThresholdChecks && !shouldDeferDataChangeRefire) {
+    state.isStartReached = checkThreshold(
+      scroll,
+      false,
+      threshold,
+      state.isStartReached,
+      allowReentryOnDataChange ? void 0 : startReachedSnapshot,
+      {
+        contentSize: totalSize,
+        dataLength,
+        scrollPosition: scroll
+      },
+      (distance) => {
+        var _a3, _b;
+        return (_b = (_a3 = state.props).onStartReached) == null ? void 0 : _b.call(_a3, { distanceFromStart: distance });
+      },
+      (snapshot) => {
+        state.startReachedSnapshot = snapshot;
+        state.startReachedSnapshotDataChangeEpoch = snapshot ? dataChangeEpoch : void 0;
+      },
+      allowReentryOnDataChange
+    );
   }
-  return false;
-}
-
-// src/core/calculateOffsetForIndex.ts
-function calculateOffsetForIndex(ctx, index) {
-  const state = ctx.state;
-  return index !== void 0 ? state.positions[index] || 0 : 0;
 }
 
-// src/core/getTopOffsetAdjustment.ts
-function getTopOffsetAdjustment(ctx) {
-  return (peek$(ctx, "stylePaddingTop") || 0) + (peek$(ctx, "alignItemsAtEndPadding") || 0) + (peek$(ctx, "headerSize") || 0);
+// src/utils/checkThresholds.ts
+function checkThresholds(ctx) {
+  checkAtBottom(ctx);
+  checkAtTop(ctx);
 }
 
-// src/utils/getId.ts
-function getId(state, index) {
-  const { data, keyExtractor } = state.props;
-  if (!data) {
-    return "";
+// src/core/recalculateSettledScroll.ts
+function recalculateSettledScroll(ctx) {
+  var _a3, _b;
+  const state = ctx.state;
+  if ((_a3 = state.props) == null ? void 0 : _a3.data) {
+    (_b = state.triggerCalculateItemsInView) == null ? void 0 : _b.call(state, { forceFullItemPositions: true });
   }
-  const ret = index < data.length ? keyExtractor ? keyExtractor(data[index], index) : index : null;
-  const id = ret;
-  state.idCache[index] = id;
-  return id;
+  checkThresholds(ctx);
 }
 
-// src/core/updateContentMetricsState.ts
-function getRawContentLength(ctx) {
-  var _a3, _b, _c;
-  const { state, values } = ctx;
-  return (values.get("headerSize") || 0) + (values.get("footerSize") || 0) + ((_c = (_b = (_a3 = state.pendingTotalSize) != null ? _a3 : state.totalSize) != null ? _b : values.get("totalSize")) != null ? _c : 0) + (state.props.stylePaddingTop || 0) + (state.props.stylePaddingBottom || 0);
-}
-function getAlignItemsAtEndPadding(ctx) {
-  const { state } = ctx;
-  const shouldPad = !!state.props.alignItemsAtEndPaddingEnabled && !state.props.horizontal && state.props.data.length > 0 && state.scrollLength > 0;
-  return shouldPad ? Math.max(0, state.scrollLength - getRawContentLength(ctx) - getContentInsetEnd(ctx)) : 0;
-}
-function updateContentMetricsState(ctx) {
-  const previousPadding = peek$(ctx, "alignItemsAtEndPadding") || 0;
-  const nextPadding = getAlignItemsAtEndPadding(ctx);
-  if (previousPadding !== nextPadding) {
-    set$(ctx, "alignItemsAtEndPadding", nextPadding);
+// src/core/adaptiveRender.ts
+var DEFAULT_ADAPTIVE_RENDER_ENTER_VELOCITY = 3;
+var DEFAULT_ADAPTIVE_RENDER_EXIT_VELOCITY = 1;
+var DEFAULT_ADAPTIVE_RENDER_EXIT_DELAY = 250;
+var DEFAULT_WEB_ADAPTIVE_RENDER_ENTER_VELOCITY = 6;
+var DEFAULT_WEB_ADAPTIVE_RENDER_EXIT_VELOCITY = 3;
+var DEFAULT_WEB_ADAPTIVE_RENDER_EXIT_DELAY = 250;
+function clearAdaptiveRenderExitTimeout(ctx) {
+  const state = ctx.state;
+  const previousTimeout = state.timeoutAdaptiveRender;
+  if (previousTimeout !== void 0) {
+    clearTimeout(previousTimeout);
+    state.timeouts.delete(previousTimeout);
+    state.timeoutAdaptiveRender = void 0;
   }
 }
-
-// src/core/addTotalSize.ts
-function addTotalSize(ctx, key, add, notifyTotalSize = true) {
+function scheduleAdaptiveRenderExit(ctx, exitDelay) {
   const state = ctx.state;
-  const prevTotalSize = state.totalSize;
-  let totalSize = state.totalSize;
-  if (key === null) {
-    totalSize = add;
-    if (state.timeoutSetPaddingTop) {
-      clearTimeout(state.timeoutSetPaddingTop);
-      state.timeoutSetPaddingTop = void 0;
-    }
+  clearAdaptiveRenderExitTimeout(ctx);
+  if (exitDelay <= 0) {
+    setAdaptiveRender(ctx, "normal");
   } else {
-    totalSize += add;
-  }
-  if (prevTotalSize !== totalSize) {
-    if (!IsNewArchitecture && state.initialScroll && totalSize < prevTotalSize) {
+    const timeout = setTimeout(() => {
+      state.timeouts.delete(timeout);
+      state.timeoutAdaptiveRender = void 0;
+      setAdaptiveRender(ctx, "normal");
+    }, exitDelay);
+    state.timeoutAdaptiveRender = timeout;
+    state.timeouts.add(timeout);
+  }
+}
+function setAdaptiveRender(ctx, mode) {
+  var _a3, _b;
+  const previousMode = peek$(ctx, "adaptiveRender");
+  if (previousMode !== mode) {
+    set$(ctx, "adaptiveRender", mode);
+    (_b = (_a3 = ctx.state.props.adaptiveRender) == null ? void 0 : _a3.onChange) == null ? void 0 : _b.call(_a3, mode);
+  }
+}
+function resetAdaptiveRender(ctx) {
+  clearAdaptiveRenderExitTimeout(ctx);
+  if (peek$(ctx, "adaptiveRender") !== "normal") {
+    setAdaptiveRender(ctx, "normal");
+  }
+}
+function updateAdaptiveRender(ctx, scrollVelocity) {
+  var _a3, _b, _c;
+  const state = ctx.state;
+  const adaptiveRender = state.props.adaptiveRender;
+  const currentMode = peek$(ctx, "adaptiveRender");
+  if (peek$(ctx, "readyToRender")) {
+    if (adaptiveRender) {
+      const isWeb = Platform.OS === "web";
+      const enterVelocity = (_a3 = adaptiveRender.enterVelocity) != null ? _a3 : isWeb ? DEFAULT_WEB_ADAPTIVE_RENDER_ENTER_VELOCITY : DEFAULT_ADAPTIVE_RENDER_ENTER_VELOCITY;
+      const exitVelocity = (_b = adaptiveRender.exitVelocity) != null ? _b : isWeb ? DEFAULT_WEB_ADAPTIVE_RENDER_EXIT_VELOCITY : DEFAULT_ADAPTIVE_RENDER_EXIT_VELOCITY;
+      const exitDelay = (_c = adaptiveRender.exitDelay) != null ? _c : isWeb ? DEFAULT_WEB_ADAPTIVE_RENDER_EXIT_DELAY : DEFAULT_ADAPTIVE_RENDER_EXIT_DELAY;
+      const threshold = currentMode === "light" ? exitVelocity : enterVelocity;
+      const nextMode = Math.abs(scrollVelocity) > threshold ? "light" : "normal";
+      const previousMode = state.timeoutAdaptiveRender !== void 0 ? "normal" : currentMode;
+      if (nextMode !== previousMode) {
+        if (nextMode === "light") {
+          setAdaptiveRender(ctx, "light");
+          scheduleAdaptiveRenderExit(ctx, exitDelay);
+        } else if (currentMode === "light") {
+          scheduleAdaptiveRenderExit(ctx, exitDelay);
+        }
+      }
+    } else {
+      resetAdaptiveRender(ctx);
+    }
+  }
+}
+
+// src/utils/getEffectiveDrawDistance.ts
+var INITIAL_DRAW_DISTANCE = 100;
+function getEffectiveDrawDistance(ctx) {
+  var _a3;
+  const drawDistance = ctx.state.props.drawDistance;
+  const initialScroll = ctx.state.initialScroll;
+  const needsFullInitialDrawDistance = initialScroll !== void 0 && ((_a3 = initialScroll.viewPosition) != null ? _a3 : 0) > 0;
+  return peek$(ctx, "readyToRender") || needsFullInitialDrawDistance ? drawDistance : Math.min(drawDistance, INITIAL_DRAW_DISTANCE);
+}
+
+// src/utils/setInitialRenderState.ts
+function setInitialRenderState(ctx, {
+  didLayout,
+  didInitialScroll
+}) {
+  const { state } = ctx;
+  const {
+    loadStartTime,
+    props: { onLoad }
+  } = state;
+  if (didLayout) {
+    state.didContainersLayout = true;
+  }
+  if (didInitialScroll) {
+    state.didFinishInitialScroll = true;
+  }
+  const isReadyToRender = Boolean(state.didContainersLayout && state.didFinishInitialScroll);
+  if (isReadyToRender && !peek$(ctx, "readyToRender")) {
+    set$(ctx, "readyToRender", true);
+    setAdaptiveRender(ctx, "normal");
+    if (state.props.drawDistance > INITIAL_DRAW_DISTANCE) {
+      requestAnimationFrame(() => {
+        var _a3;
+        (_a3 = state.triggerCalculateItemsInView) == null ? void 0 : _a3.call(state);
+      });
+    }
+    if (onLoad) {
+      onLoad({ elapsedTimeInMs: Date.now() - loadStartTime });
+    }
+  }
+}
+
+// src/core/finishInitialScroll.ts
+var PRESERVED_INITIAL_SCROLL_FALLBACK_CLEAR_DELAY_MS = 2e3;
+function syncInitialScrollOffset(state, offset) {
+  state.scroll = offset;
+  state.scrollPending = offset;
+  state.scrollPrev = offset;
+}
+function clearPreservedInitialScrollTargetTimeout(state) {
+  if (state.timeoutPreservedInitialScrollClear !== void 0) {
+    clearTimeout(state.timeoutPreservedInitialScrollClear);
+    state.timeoutPreservedInitialScrollClear = void 0;
+  }
+}
+function clearPreservedInitialScrollTarget(state) {
+  clearPreservedInitialScrollTargetTimeout(state);
+  state.clearPreservedInitialScrollOnNextFinish = void 0;
+  state.initialScroll = void 0;
+  setInitialScrollSession(state);
+}
+function finishInitialScroll(ctx, options) {
+  var _a3, _b, _c;
+  const state = ctx.state;
+  if ((options == null ? void 0 : options.resolvedOffset) !== void 0) {
+    syncInitialScrollOffset(state, options.resolvedOffset);
+  } else if ((options == null ? void 0 : options.syncObservedOffset) && ((_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind) === "offset") {
+    const observedOffset = (_c = (_b = state.refScroller.current) == null ? void 0 : _b.getCurrentScrollOffset) == null ? void 0 : _c.call(_b);
+    if (typeof observedOffset === "number" && Number.isFinite(observedOffset)) {
+      syncInitialScrollOffset(state, observedOffset);
+    }
+  }
+  const complete = () => {
+    var _a4, _b2, _c2, _d, _e;
+    const shouldReleaseDeferredPublicOnScroll = Platform.OS === "web" && ((_a4 = state.initialScrollSession) == null ? void 0 : _a4.kind) === "bootstrap";
+    const finalScrollOffset = (_d = (_c2 = (_b2 = options == null ? void 0 : options.resolvedOffset) != null ? _b2 : state.scrollPending) != null ? _c2 : state.scroll) != null ? _d : 0;
+    initialScrollWatchdog.clear(state);
+    if ((options == null ? void 0 : options.preserveTarget) && state.initialScroll) {
+      state.clearPreservedInitialScrollOnNextFinish = void 0;
+      setInitialScrollSession(state);
+      clearPreservedInitialScrollTargetTimeout(state);
+      if (options == null ? void 0 : options.schedulePreservedTargetClear) {
+        state.timeoutPreservedInitialScrollClear = setTimeout(() => {
+          var _a5;
+          state.timeoutPreservedInitialScrollClear = void 0;
+          if (!state.didFinishInitialScroll || ((_a5 = state.scrollingTo) == null ? void 0 : _a5.isInitialScroll) || !state.initialScroll) {
+            return;
+          }
+          clearPreservedInitialScrollTarget(state);
+        }, PRESERVED_INITIAL_SCROLL_FALLBACK_CLEAR_DELAY_MS);
+      }
+    } else {
+      clearPreservedInitialScrollTarget(state);
+    }
+    if (options == null ? void 0 : options.recalculateItems) {
+      recalculateSettledScroll(ctx);
+    }
+    setInitialRenderState(ctx, { didInitialScroll: true });
+    if (shouldReleaseDeferredPublicOnScroll) {
+      releaseDeferredPublicOnScroll(ctx, finalScrollOffset);
+    }
+    (_e = options == null ? void 0 : options.onFinished) == null ? void 0 : _e.call(options);
+  };
+  if (options == null ? void 0 : options.waitForCompletionFrame) {
+    requestAnimationFrame(complete);
+    return;
+  }
+  complete();
+}
+
+// src/core/calculateOffsetForIndex.ts
+function calculateOffsetForIndex(ctx, index) {
+  const state = ctx.state;
+  return index !== void 0 ? state.positions[index] || 0 : 0;
+}
+
+// src/core/getTopOffsetAdjustment.ts
+function getTopOffsetAdjustment(ctx) {
+  return (peek$(ctx, "stylePaddingTop") || 0) + (peek$(ctx, "alignItemsAtEndPadding") || 0) + (peek$(ctx, "headerSize") || 0);
+}
+
+// src/utils/getId.ts
+function getId(state, index) {
+  const { data, keyExtractor } = state.props;
+  if (!data) {
+    return "";
+  }
+  const ret = index < data.length ? keyExtractor ? keyExtractor(data[index], index) : index : null;
+  const id = ret;
+  state.idCache[index] = id;
+  return id;
+}
+
+// src/core/updateContentMetricsState.ts
+function getRawContentLength(ctx) {
+  var _a3, _b, _c;
+  const { state, values } = ctx;
+  return (values.get("headerSize") || 0) + (values.get("footerSize") || 0) + ((_c = (_b = (_a3 = state.pendingTotalSize) != null ? _a3 : state.totalSize) != null ? _b : values.get("totalSize")) != null ? _c : 0) + (state.props.stylePaddingTop || 0) + (state.props.stylePaddingBottom || 0);
+}
+function getAlignItemsAtEndPadding(ctx) {
+  const { state } = ctx;
+  const shouldPad = !!state.props.alignItemsAtEndPaddingEnabled && !state.props.horizontal && state.props.data.length > 0 && state.scrollLength > 0;
+  return shouldPad ? Math.max(0, state.scrollLength - getRawContentLength(ctx) - getContentInsetEnd(ctx)) : 0;
+}
+function updateContentMetricsState(ctx) {
+  const previousPadding = peek$(ctx, "alignItemsAtEndPadding") || 0;
+  const nextPadding = getAlignItemsAtEndPadding(ctx);
+  if (previousPadding !== nextPadding) {
+    set$(ctx, "alignItemsAtEndPadding", nextPadding);
+  }
+}
+
+// src/core/addTotalSize.ts
+function addTotalSize(ctx, key, add, notifyTotalSize = true) {
+  const state = ctx.state;
+  const prevTotalSize = state.totalSize;
+  let totalSize = state.totalSize;
+  if (key === null) {
+    totalSize = add;
+    if (state.timeoutSetPaddingTop) {
+      clearTimeout(state.timeoutSetPaddingTop);
+      state.timeoutSetPaddingTop = void 0;
+    }
+  } else {
+    totalSize += add;
+  }
+  if (prevTotalSize !== totalSize) {
+    if (!IsNewArchitecture && state.initialScroll && totalSize < prevTotalSize) {
       state.pendingTotalSize = totalSize;
     } else {
       state.pendingTotalSize = void 0;
@@ -1494,1223 +1495,539 @@ function clampScrollOffset(ctx, offset, scrollTarget) {
   return clampedOffset;
 }
 
-// src/core/deferredPublicOnScroll.ts
-function withResolvedContentOffset(state, event, resolvedOffset) {
-  return {
-    ...event,
-    nativeEvent: {
-      ...event.nativeEvent,
-      contentOffset: state.props.horizontal ? { x: resolvedOffset, y: 0 } : { x: 0, y: resolvedOffset }
-    }
-  };
-}
-function releaseDeferredPublicOnScroll(ctx, resolvedOffset) {
-  var _a3, _b, _c, _d;
+// src/core/finishScrollTo.ts
+function finishScrollTo(ctx) {
+  var _a3, _b;
   const state = ctx.state;
-  const deferredEvent = state.deferredPublicOnScrollEvent;
-  state.deferredPublicOnScrollEvent = void 0;
-  if (deferredEvent) {
-    (_d = (_c = state.props).onScroll) == null ? void 0 : _d.call(
-      _c,
-      withResolvedContentOffset(
-        state,
-        deferredEvent,
-        (_b = (_a3 = resolvedOffset != null ? resolvedOffset : state.scrollPending) != null ? _a3 : state.scroll) != null ? _b : 0
-      )
-    );
+  if (state == null ? void 0 : state.scrollingTo) {
+    const resolvePendingScroll = state.pendingScrollResolve;
+    state.pendingScrollResolve = void 0;
+    const scrollingTo = state.scrollingTo;
+    state.scrollHistory.length = 0;
+    state.scrollingTo = void 0;
+    if (state.pendingTotalSize !== void 0) {
+      addTotalSize(ctx, null, state.pendingTotalSize);
+    }
+    if (PlatformAdjustBreaksScroll) {
+      state.scrollAdjustHandler.commitPendingAdjust(scrollingTo);
+    }
+    if (scrollingTo.isInitialScroll || state.initialScroll) {
+      const isOffsetSession = ((_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind) === "offset";
+      const shouldPreserveResizeTarget = !!scrollingTo.isInitialScroll && !state.clearPreservedInitialScrollOnNextFinish && state.props.data.length > 0 && ((_b = state.initialScroll) == null ? void 0 : _b.viewPosition) === 1;
+      finishInitialScroll(ctx, {
+        onFinished: () => {
+          resolvePendingScroll == null ? void 0 : resolvePendingScroll();
+        },
+        preserveTarget: isOffsetSession && state.props.data.length === 0 || shouldPreserveResizeTarget,
+        recalculateItems: true,
+        schedulePreservedTargetClear: shouldPreserveResizeTarget,
+        syncObservedOffset: isOffsetSession,
+        waitForCompletionFrame: !!scrollingTo.waitForInitialScrollCompletionFrame
+      });
+      return;
+    }
+    recalculateSettledScroll(ctx);
+    resolvePendingScroll == null ? void 0 : resolvePendingScroll();
   }
 }
 
-// src/core/initialScrollSession.ts
-var INITIAL_SCROLL_MIN_TARGET_OFFSET = 1;
-function hasInitialScrollSessionCompletion(completion) {
-  return !!((completion == null ? void 0 : completion.didDispatchNativeScroll) || (completion == null ? void 0 : completion.didRetrySilentInitialScroll) || (completion == null ? void 0 : completion.watchdog));
+// src/core/checkFinishedScroll.ts
+var INITIAL_SCROLL_MAX_FALLBACK_CHECKS = 20;
+var INITIAL_SCROLL_COMPLETION_TARGET_EPSILON = 1;
+var INITIAL_SCROLL_ZERO_TARGET_EPSILON = 1;
+var SILENT_INITIAL_SCROLL_RETRY_DELAY_MS = 16;
+var SILENT_INITIAL_SCROLL_TARGET_EPSILON = 1;
+function checkFinishedScroll(ctx, options) {
+  const scrollingTo = ctx.state.scrollingTo;
+  if (options == null ? void 0 : options.onlyIfAligned) {
+    if (!(scrollingTo == null ? void 0 : scrollingTo.isInitialScroll) || scrollingTo.animated) {
+      return;
+    }
+    if (!getResolvedScrollCompletionState(ctx, scrollingTo).isAtResolvedTarget) {
+      return;
+    }
+  }
+  ctx.state.animFrameCheckFinishedScroll = requestAnimationFrame(() => checkFinishedScrollFrame(ctx));
 }
-function clearInitialScrollSession(state) {
-  state.initialScrollSession = void 0;
-  return void 0;
+function hasScrollCompletionOwnership(state, options) {
+  const { clampedTargetOffset, scrollingTo } = options;
+  return !scrollingTo.isInitialScroll || state.hasScrolled || clampedTargetOffset <= INITIAL_SCROLL_COMPLETION_TARGET_EPSILON;
 }
-function createInitialScrollSession(options) {
-  const { bootstrap, completion, kind, previousDataLength } = options;
-  return kind === "offset" ? {
-    completion,
-    kind,
-    previousDataLength
-  } : {
-    bootstrap,
-    completion,
-    kind,
-    previousDataLength
-  };
+function isSilentInitialDispatch(state, scrollingTo) {
+  return !!(scrollingTo == null ? void 0 : scrollingTo.isInitialScroll) && initialScrollCompletion.didDispatchNativeScroll(state) && !state.hasScrolled;
 }
-function ensureInitialScrollSessionCompletion(state, kind = ((_b) => (_b = ((_a3) => (_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind)()) != null ? _b : "bootstrap")()) {
-  var _a4, _b2;
-  if (!state.initialScrollSession) {
-    state.initialScrollSession = createInitialScrollSession({
-      completion: {},
-      kind,
-      previousDataLength: 0
-    });
-  } else if (state.initialScrollSession.kind !== kind) {
-    state.initialScrollSession = createInitialScrollSession({
-      bootstrap: state.initialScrollSession.kind === "bootstrap" ? state.initialScrollSession.bootstrap : void 0,
-      completion: state.initialScrollSession.completion,
-      kind,
-      previousDataLength: state.initialScrollSession.previousDataLength
-    });
-  }
-  (_b2 = (_a4 = state.initialScrollSession).completion) != null ? _b2 : _a4.completion = {};
-  return state.initialScrollSession.completion;
+function getInitialScrollWatchdogTargetOffset(state) {
+  var _a3;
+  return (_a3 = initialScrollWatchdog.get(state)) == null ? void 0 : _a3.targetOffset;
 }
-var initialScrollCompletion = {
-  didDispatchNativeScroll(state) {
-    var _a3, _b;
-    return !!((_b = (_a3 = state.initialScrollSession) == null ? void 0 : _a3.completion) == null ? void 0 : _b.didDispatchNativeScroll);
-  },
-  didRetrySilentInitialScroll(state) {
-    var _a3, _b;
-    return !!((_b = (_a3 = state.initialScrollSession) == null ? void 0 : _a3.completion) == null ? void 0 : _b.didRetrySilentInitialScroll);
-  },
-  markInitialScrollNativeDispatch(state) {
-    ensureInitialScrollSessionCompletion(state).didDispatchNativeScroll = true;
-  },
-  markSilentInitialScrollRetry(state) {
-    ensureInitialScrollSessionCompletion(state).didRetrySilentInitialScroll = true;
-  },
-  resetFlags(state) {
-    if (!state.initialScrollSession) {
-      return;
-    }
-    const completion = ensureInitialScrollSessionCompletion(state, state.initialScrollSession.kind);
-    completion.didDispatchNativeScroll = void 0;
-    completion.didRetrySilentInitialScroll = void 0;
+function isNativeInitialNonZeroTarget(state) {
+  const targetOffset = getInitialScrollWatchdogTargetOffset(state);
+  return !state.didFinishInitialScroll && initialScrollWatchdog.hasNonZeroTargetOffset(targetOffset);
+}
+function shouldFinishInitialScrollWithoutNativeProgress(state, scrollingTo) {
+  var _a3, _b;
+  if (!scrollingTo.isInitialScroll || scrollingTo.animated || !state.didContainersLayout) {
+    return false;
   }
-};
-var initialScrollWatchdog = {
-  clear(state) {
-    initialScrollWatchdog.set(state, void 0);
-  },
-  didReachTarget(newScroll, watchdog) {
-    const nextDistance = Math.abs(newScroll - watchdog.targetOffset);
-    return nextDistance <= INITIAL_SCROLL_MIN_TARGET_OFFSET;
-  },
-  get(state) {
-    var _a3, _b;
-    return (_b = (_a3 = state.initialScrollSession) == null ? void 0 : _a3.completion) == null ? void 0 : _b.watchdog;
-  },
-  hasNonZeroTargetOffset(targetOffset) {
-    return targetOffset !== void 0 && targetOffset > INITIAL_SCROLL_MIN_TARGET_OFFSET;
-  },
-  isAtZeroTargetOffset(targetOffset) {
-    return targetOffset <= INITIAL_SCROLL_MIN_TARGET_OFFSET;
-  },
-  set(state, watchdog) {
-    var _a3, _b;
-    if (!watchdog && !((_b = (_a3 = state.initialScrollSession) == null ? void 0 : _a3.completion) == null ? void 0 : _b.watchdog)) {
-      return;
-    }
-    const completion = ensureInitialScrollSessionCompletion(state);
-    completion.watchdog = watchdog ? {
-      startScroll: watchdog.startScroll,
-      targetOffset: watchdog.targetOffset
-    } : void 0;
+  if (((_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind) === "bootstrap") {
+    return false;
   }
-};
-function setInitialScrollSession(state, options = {}) {
-  var _a3, _b, _c, _d;
-  const existingSession = state.initialScrollSession;
-  const kind = (_a3 = options.kind) != null ? _a3 : existingSession == null ? void 0 : existingSession.kind;
-  const completion = existingSession == null ? void 0 : existingSession.completion;
-  const existingBootstrap = (existingSession == null ? void 0 : existingSession.kind) === "bootstrap" ? existingSession.bootstrap : void 0;
-  const bootstrap = kind === "bootstrap" ? options.bootstrap === null ? void 0 : (_b = options.bootstrap) != null ? _b : existingBootstrap : void 0;
-  if (!kind) {
-    return clearInitialScrollSession(state);
+  const targetOffset = (_b = scrollingTo.targetOffset) != null ? _b : scrollingTo.offset;
+  if (initialScrollWatchdog.hasNonZeroTargetOffset(targetOffset) && initialScrollCompletion.didDispatchNativeScroll(state) && !state.hasScrolled) {
+    return false;
   }
-  if (!state.initialScroll && !bootstrap && !hasInitialScrollSessionCompletion(completion)) {
-    return clearInitialScrollSession(state);
+  if (initialScrollWatchdog.isAtZeroTargetOffset(targetOffset) || Math.abs(state.scroll - targetOffset) > 1 || Math.abs(state.scrollPending - targetOffset) > 1) {
+    return false;
   }
-  const previousDataLength = (_d = (_c = options.previousDataLength) != null ? _c : existingSession == null ? void 0 : existingSession.previousDataLength) != null ? _d : 0;
-  state.initialScrollSession = createInitialScrollSession({
-    bootstrap,
-    completion,
-    kind,
-    previousDataLength
-  });
-  return state.initialScrollSession;
+  return !!scrollingTo.waitForInitialScrollCompletionFrame || isNativeInitialNonZeroTarget(state);
 }
-
-// src/utils/checkThreshold.ts
-var HYSTERESIS_MULTIPLIER = 1.3;
-var checkThreshold = (distance, atThreshold, threshold, wasReached, snapshot, context, onReached, setSnapshot, allowReentryOnChange) => {
-  const absDistance = Math.abs(distance);
-  const within = atThreshold || threshold > 0 && absDistance <= threshold;
-  const updateSnapshot = () => {
-    setSnapshot({
-      atThreshold,
-      contentSize: context.contentSize,
-      dataLength: context.dataLength,
-      scrollPosition: context.scrollPosition
-    });
+function shouldFinishInitialZeroTargetScroll(ctx) {
+  var _a3;
+  const { state } = ctx;
+  return !!((_a3 = state.scrollingTo) == null ? void 0 : _a3.isInitialScroll) && state.props.data.length > 0 && getContentSize(ctx) <= state.scrollLength && state.scrollPending <= INITIAL_SCROLL_ZERO_TARGET_EPSILON;
+}
+function isEndAlignedLastItemTarget(ctx, scrollingTo) {
+  return scrollingTo.index === ctx.state.props.data.length - 1 && scrollingTo.viewPosition === 1;
+}
+function getCurrentTargetOffset(ctx, scrollingTo) {
+  var _a3;
+  const index = scrollingTo.index;
+  const shouldRecomputeEndTarget = isEndAlignedLastItemTarget(ctx, scrollingTo);
+  const requestedTargetOffset = shouldRecomputeEndTarget && index !== void 0 ? calculateOffsetWithOffsetPosition(ctx, calculateOffsetForIndex(ctx, index), scrollingTo) : (_a3 = scrollingTo.targetOffset) != null ? _a3 : clampScrollOffset(ctx, scrollingTo.offset - (scrollingTo.viewOffset || 0), scrollingTo);
+  return clampScrollOffset(ctx, requestedTargetOffset, scrollingTo);
+}
+function getResolvedScrollCompletionState(ctx, scrollingTo) {
+  const { state } = ctx;
+  const scroll = state.scrollPending;
+  const adjust = state.scrollAdjustHandler.getAdjust();
+  const clampedTargetOffset = getCurrentTargetOffset(ctx, scrollingTo);
+  const maxOffset = clampScrollOffset(ctx, scroll, scrollingTo);
+  const diff1 = Math.abs(scroll - clampedTargetOffset);
+  const adjustedTargetOffset = clampedTargetOffset + adjust;
+  const diff2 = Math.abs(scroll - adjustedTargetOffset);
+  const canUseAdjustedCompletion = !scrollingTo.animated || Platform.OS === "ios";
+  return {
+    clampedTargetOffset,
+    isAtResolvedTarget: Math.abs(scroll - maxOffset) < 1 && (diff1 < 1 || canUseAdjustedCompletion && diff2 < 1)
   };
-  if (!wasReached) {
-    if (!within) {
-      return false;
-    }
-    onReached(distance);
-    updateSnapshot();
-    return true;
-  }
-  const reset = !atThreshold && threshold > 0 && absDistance >= threshold * HYSTERESIS_MULTIPLIER || !atThreshold && threshold <= 0 && absDistance > 0;
-  if (reset) {
-    setSnapshot(void 0);
-    return false;
+}
+function checkFinishedScrollFrame(ctx) {
+  const scrollingTo = ctx.state.scrollingTo;
+  if (!scrollingTo) {
+    return;
   }
-  if (within) {
-    const changed = !snapshot || snapshot.atThreshold !== atThreshold || snapshot.contentSize !== context.contentSize || snapshot.dataLength !== context.dataLength;
-    if (changed) {
-      if (allowReentryOnChange) {
-        onReached(distance);
-      }
-      updateSnapshot();
-    }
+  const { state } = ctx;
+  state.animFrameCheckFinishedScroll = void 0;
+  const completionState = getResolvedScrollCompletionState(ctx, scrollingTo);
+  if (completionState.isAtResolvedTarget && hasScrollCompletionOwnership(state, {
+    clampedTargetOffset: completionState.clampedTargetOffset,
+    scrollingTo
+  })) {
+    finishScrollTo(ctx);
   }
-  return true;
-};
-
-// src/utils/hasActiveInitialScroll.ts
-function hasActiveInitialScroll(state) {
-  return !!(state == null ? void 0 : state.initialScroll) && !state.didFinishInitialScroll;
 }
-
-// src/utils/checkAtBottom.ts
-function checkAtBottom(ctx) {
+function scrollToFallbackOffset(ctx, offset) {
   var _a3;
+  (_a3 = ctx.state.refScroller.current) == null ? void 0 : _a3.scrollTo({
+    animated: false,
+    x: ctx.state.props.horizontal ? offset : 0,
+    y: ctx.state.props.horizontal ? 0 : offset
+  });
+}
+function checkFinishedScrollFallback(ctx) {
   const state = ctx.state;
-  if (!state) {
-    return;
-  }
-  const {
-    queuedInitialLayout,
-    scrollLength,
-    scroll,
-    maintainingScrollAtEnd,
-    props: { maintainScrollAtEndThreshold, onEndReachedThreshold }
-  } = state;
-  const contentSize = getContentSize(ctx);
-  if (contentSize > 0 && queuedInitialLayout) {
-    const insetEnd = getContentInsetEnd(ctx);
-    const distanceFromEnd = contentSize - scroll - scrollLength - insetEnd;
-    const isContentLess = contentSize < scrollLength;
-    set$(ctx, "isAtEnd", isContentLess || distanceFromEnd <= EDGE_POSITION_EPSILON);
-    set$(ctx, "isNearEnd", isContentLess || distanceFromEnd <= onEndReachedThreshold * scrollLength);
-    set$(
-      ctx,
-      "isWithinMaintainScrollAtEndThreshold",
-      isContentLess || distanceFromEnd <= maintainScrollAtEndThreshold * scrollLength
-    );
-    const shouldSkipThresholdChecks = hasActiveInitialScroll(state) || maintainingScrollAtEnd;
-    if (!shouldSkipThresholdChecks) {
-      state.isEndReached = checkThreshold(
-        distanceFromEnd,
-        isContentLess,
-        onEndReachedThreshold * scrollLength,
-        state.isEndReached,
-        state.endReachedSnapshot,
-        {
-          contentSize,
-          dataLength: (_a3 = state.props.data) == null ? void 0 : _a3.length,
-          scrollPosition: scroll
-        },
-        (distance) => {
-          var _a4, _b;
-          return (_b = (_a4 = state.props).onEndReached) == null ? void 0 : _b.call(_a4, { distanceFromEnd: distance });
-        },
-        (snapshot) => {
-          state.endReachedSnapshot = snapshot;
-        },
-        true
-      );
-    }
-  }
+  const scrollingTo = state.scrollingTo;
+  const shouldFinishInitialZeroTarget = shouldFinishInitialZeroTargetScroll(ctx);
+  const silentInitialDispatch = isSilentInitialDispatch(state, scrollingTo);
+  const canFinishInitialWithoutNativeProgress = scrollingTo !== void 0 ? shouldFinishInitialScrollWithoutNativeProgress(state, scrollingTo) : false;
+  const slowTimeout = (scrollingTo == null ? void 0 : scrollingTo.isInitialScroll) && !shouldFinishInitialZeroTarget && !canFinishInitialWithoutNativeProgress || !state.didContainersLayout;
+  const initialDelay = shouldFinishInitialZeroTarget || canFinishInitialWithoutNativeProgress ? 0 : silentInitialDispatch ? SILENT_INITIAL_SCROLL_RETRY_DELAY_MS : slowTimeout ? 500 : 100;
+  state.timeoutCheckFinishedScrollFallback = setTimeout(() => {
+    let numChecks = 0;
+    const scheduleFallbackCheck = (delay) => {
+      state.timeoutCheckFinishedScrollFallback = setTimeout(checkHasScrolled, delay);
+    };
+    const checkHasScrolled = () => {
+      var _a3, _b, _c, _d;
+      state.timeoutCheckFinishedScrollFallback = void 0;
+      const isStillScrollingTo = state.scrollingTo;
+      if (isStillScrollingTo) {
+        numChecks++;
+        const isNativeInitialPending = isNativeInitialNonZeroTarget(state) && !state.hasScrolled;
+        const maxChecks = silentInitialDispatch ? 5 : isNativeInitialPending ? INITIAL_SCROLL_MAX_FALLBACK_CHECKS : 5;
+        const shouldFinishZeroTarget = shouldFinishInitialZeroTargetScroll(ctx);
+        const canFinishInitialScrollWithoutNativeProgress = shouldFinishInitialScrollWithoutNativeProgress(
+          state,
+          isStillScrollingTo
+        );
+        const completionState = getResolvedScrollCompletionState(ctx, isStillScrollingTo);
+        const canFinishAfterSilentNativeDispatch = Platform.OS === "android" && silentInitialDispatch && completionState.isAtResolvedTarget && numChecks >= 1;
+        const shouldRetrySilentInitialNativeScroll = Platform.OS === "android" && canFinishAfterSilentNativeDispatch && !initialScrollCompletion.didRetrySilentInitialScroll(state);
+        const shouldFinishAfterObservedScroll = state.hasScrolled && (!isStillScrollingTo.isInitialScroll || completionState.isAtResolvedTarget);
+        const shouldRetryUnalignedInitialScroll = isStillScrollingTo.isInitialScroll && !completionState.isAtResolvedTarget && numChecks <= maxChecks;
+        const shouldRetryUnalignedEndScroll = Platform.OS === "ios" && !isStillScrollingTo.isInitialScroll && isEndAlignedLastItemTarget(ctx, isStillScrollingTo) && !completionState.isAtResolvedTarget && numChecks <= maxChecks;
+        if (shouldRetrySilentInitialNativeScroll) {
+          const targetOffset = (_b = (_a3 = getInitialScrollWatchdogTargetOffset(state)) != null ? _a3 : isStillScrollingTo.targetOffset) != null ? _b : 0;
+          const jiggleOffset = targetOffset >= SILENT_INITIAL_SCROLL_TARGET_EPSILON ? targetOffset - SILENT_INITIAL_SCROLL_TARGET_EPSILON : targetOffset + SILENT_INITIAL_SCROLL_TARGET_EPSILON;
+          initialScrollCompletion.markSilentInitialScrollRetry(state);
+          scrollToFallbackOffset(ctx, jiggleOffset);
+          requestAnimationFrame(() => {
+            scrollToFallbackOffset(ctx, targetOffset);
+          });
+          scheduleFallbackCheck(SILENT_INITIAL_SCROLL_RETRY_DELAY_MS);
+        } else if (shouldRetryUnalignedEndScroll) {
+          scrollToFallbackOffset(ctx, completionState.clampedTargetOffset);
+          scheduleFallbackCheck(100);
+        } else if (shouldFinishZeroTarget || shouldFinishAfterObservedScroll || canFinishInitialScrollWithoutNativeProgress || canFinishAfterSilentNativeDispatch || numChecks > maxChecks) {
+          finishScrollTo(ctx);
+        } else if ((isNativeInitialPending || shouldRetryUnalignedInitialScroll) && numChecks <= maxChecks) {
+          const targetOffset = (_d = (_c = getInitialScrollWatchdogTargetOffset(state)) != null ? _c : isStillScrollingTo.targetOffset) != null ? _d : state.scrollPending;
+          scrollToFallbackOffset(ctx, targetOffset);
+          scheduleFallbackCheck(silentInitialDispatch ? SILENT_INITIAL_SCROLL_RETRY_DELAY_MS : 100);
+        } else {
+          scheduleFallbackCheck(silentInitialDispatch ? SILENT_INITIAL_SCROLL_RETRY_DELAY_MS : 100);
+        }
+      }
+    };
+    checkHasScrolled();
+  }, initialDelay);
 }
 
-// src/utils/checkAtTop.ts
-function checkAtTop(ctx) {
-  const state = ctx == null ? void 0 : ctx.state;
-  if (!state) {
+// src/core/doScrollTo.native.ts
+function doScrollTo(ctx, params) {
+  const state = ctx.state;
+  const { animated, horizontal, isInitialScroll, offset } = params;
+  const isAnimated = !!animated;
+  const { refScroller } = state;
+  const scroller = refScroller.current;
+  if (!scroller) {
     return;
   }
-  const {
-    dataChangeEpoch,
-    isStartReached,
-    props: { data, onStartReachedThreshold },
-    scroll,
-    scrollLength,
-    startReachedSnapshot,
-    startReachedSnapshotDataChangeEpoch,
-    totalSize
-  } = state;
-  const dataLength = data.length;
-  const threshold = onStartReachedThreshold * scrollLength;
-  const dataChanged = startReachedSnapshotDataChangeEpoch !== dataChangeEpoch;
-  const withinThreshold = threshold > 0 && Math.abs(scroll) <= threshold;
-  const allowReentryOnDataChange = !!isStartReached && withinThreshold && !!dataChanged && !isInMVCPActiveMode(state);
-  if (isStartReached && threshold > 0 && scroll > threshold && startReachedSnapshot && (dataChanged || startReachedSnapshot.contentSize !== totalSize || startReachedSnapshot.dataLength !== dataLength)) {
-    state.isStartReached = false;
-    state.startReachedSnapshot = void 0;
-    state.startReachedSnapshotDataChangeEpoch = void 0;
-  }
-  set$(ctx, "isAtStart", scroll <= EDGE_POSITION_EPSILON);
-  set$(ctx, "isNearStart", scroll <= threshold);
-  const shouldSkipThresholdChecks = hasActiveInitialScroll(state) || !!state.scrollingTo;
-  const shouldDeferDataChangeRefire = isStartReached && withinThreshold && dataChanged && !allowReentryOnDataChange;
-  if (!shouldSkipThresholdChecks && !shouldDeferDataChangeRefire) {
-    state.isStartReached = checkThreshold(
-      scroll,
-      false,
-      threshold,
-      state.isStartReached,
-      allowReentryOnDataChange ? void 0 : startReachedSnapshot,
-      {
-        contentSize: totalSize,
-        dataLength,
-        scrollPosition: scroll
-      },
-      (distance) => {
-        var _a3, _b;
-        return (_b = (_a3 = state.props).onStartReached) == null ? void 0 : _b.call(_a3, { distanceFromStart: distance });
-      },
-      (snapshot) => {
-        state.startReachedSnapshot = snapshot;
-        state.startReachedSnapshotDataChangeEpoch = snapshot ? dataChangeEpoch : void 0;
-      },
-      allowReentryOnDataChange
-    );
+  const isHorizontal = !!horizontal;
+  const contentSize = isHorizontal ? getContentSize(ctx) : void 0;
+  const nativeOffset = toNativeHorizontalOffset(state, offset, contentSize);
+  scroller.scrollTo({
+    animated: isAnimated,
+    x: isHorizontal ? nativeOffset : 0,
+    y: isHorizontal ? 0 : offset
+  });
+  if (isInitialScroll) {
+    initialScrollCompletion.markInitialScrollNativeDispatch(state);
   }
-}
-
-// src/utils/checkThresholds.ts
-function checkThresholds(ctx) {
-  checkAtBottom(ctx);
-  checkAtTop(ctx);
-}
-
-// src/core/recalculateSettledScroll.ts
-function recalculateSettledScroll(ctx) {
-  var _a3, _b;
-  const state = ctx.state;
-  if ((_a3 = state.props) == null ? void 0 : _a3.data) {
-    (_b = state.triggerCalculateItemsInView) == null ? void 0 : _b.call(state, { forceFullItemPositions: true });
+  if (!isAnimated) {
+    state.scroll = offset;
+    checkFinishedScrollFallback(ctx);
   }
-  checkThresholds(ctx);
 }
 
-// src/core/adaptiveRender.ts
-var DEFAULT_ENTER_VELOCITY = 4;
-var DEFAULT_EXIT_VELOCITY = 1;
-var DEFAULT_EXIT_DELAY = 1e3;
-function scheduleAdaptiveRenderExit(ctx, exitDelay) {
-  const state = ctx.state;
-  const previousTimeout = state.timeoutAdaptiveRender;
-  if (previousTimeout !== void 0) {
-    clearTimeout(previousTimeout);
-    state.timeouts.delete(previousTimeout);
-    state.timeoutAdaptiveRender = void 0;
-  }
-  if (exitDelay <= 0) {
-    setAdaptiveRender(ctx, "normal");
-  } else {
-    const timeout = setTimeout(() => {
-      state.timeouts.delete(timeout);
-      state.timeoutAdaptiveRender = void 0;
-      setAdaptiveRender(ctx, "normal");
-    }, exitDelay);
-    state.timeoutAdaptiveRender = timeout;
-    state.timeouts.add(timeout);
-  }
-}
-function setAdaptiveRender(ctx, mode) {
-  var _a3, _b;
-  const previousMode = peek$(ctx, "adaptiveRender");
-  if (previousMode !== mode) {
-    set$(ctx, "adaptiveRender", mode);
-    (_b = (_a3 = ctx.state.props.adaptiveRender) == null ? void 0 : _a3.onChange) == null ? void 0 : _b.call(_a3, mode);
-  }
-}
-function updateAdaptiveRender(ctx, scrollVelocity) {
-  var _a3, _b, _c;
+// src/core/doMaintainScrollAtEnd.ts
+function doMaintainScrollAtEnd(ctx) {
   const state = ctx.state;
-  const adaptiveRender = state.props.adaptiveRender;
-  const enterVelocity = (_a3 = adaptiveRender == null ? void 0 : adaptiveRender.enterVelocity) != null ? _a3 : DEFAULT_ENTER_VELOCITY;
-  const exitVelocity = (_b = adaptiveRender == null ? void 0 : adaptiveRender.exitVelocity) != null ? _b : DEFAULT_EXIT_VELOCITY;
-  const exitDelay = (_c = adaptiveRender == null ? void 0 : adaptiveRender.exitDelay) != null ? _c : DEFAULT_EXIT_DELAY;
-  const currentMode = peek$(ctx, "adaptiveRender");
-  const threshold = currentMode === "light" ? exitVelocity : enterVelocity;
-  const nextMode = Math.abs(scrollVelocity) > threshold ? "light" : "normal";
-  const previousMode = state.timeoutAdaptiveRender !== void 0 ? "normal" : currentMode;
-  if (nextMode !== previousMode) {
-    if (nextMode === "light") {
-      setAdaptiveRender(ctx, "light");
-      scheduleAdaptiveRenderExit(ctx, exitDelay);
-    } else if (currentMode === "light") {
-      scheduleAdaptiveRenderExit(ctx, exitDelay);
-    }
-  }
-}
-
-// src/utils/getEffectiveDrawDistance.ts
-var INITIAL_DRAW_DISTANCE = 100;
-function getEffectiveDrawDistance(ctx) {
-  var _a3;
-  const drawDistance = ctx.state.props.drawDistance;
-  const initialScroll = ctx.state.initialScroll;
-  const needsFullInitialDrawDistance = initialScroll !== void 0 && ((_a3 = initialScroll.viewPosition) != null ? _a3 : 0) > 0;
-  return peek$(ctx, "readyToRender") || needsFullInitialDrawDistance ? drawDistance : Math.min(drawDistance, INITIAL_DRAW_DISTANCE);
-}
-
-// src/utils/setInitialRenderState.ts
-function setInitialRenderState(ctx, {
-  didLayout,
-  didInitialScroll
-}) {
-  const { state } = ctx;
   const {
-    loadStartTime,
-    props: { onLoad }
+    didContainersLayout,
+    pendingNativeMVCPAdjust,
+    refScroller,
+    props: { maintainScrollAtEnd }
   } = state;
-  if (didLayout) {
-    state.didContainersLayout = true;
-  }
-  if (didInitialScroll) {
-    state.didFinishInitialScroll = true;
+  const isWithinMaintainScrollAtEndThreshold = peek$(ctx, "isWithinMaintainScrollAtEndThreshold");
+  const shouldMaintainScrollAtEnd = !!(isWithinMaintainScrollAtEndThreshold && maintainScrollAtEnd && didContainersLayout);
+  if (pendingNativeMVCPAdjust) {
+    state.pendingMaintainScrollAtEnd = shouldMaintainScrollAtEnd;
+    return false;
   }
-  const isReadyToRender = Boolean(state.didContainersLayout && state.didFinishInitialScroll);
-  if (isReadyToRender && !peek$(ctx, "readyToRender")) {
-    set$(ctx, "readyToRender", true);
-    setAdaptiveRender(ctx, "normal");
-    if (state.props.drawDistance > INITIAL_DRAW_DISTANCE) {
-      requestAnimationFrame(() => {
-        var _a3;
-        (_a3 = state.triggerCalculateItemsInView) == null ? void 0 : _a3.call(state);
-      });
+  state.pendingMaintainScrollAtEnd = false;
+  if (shouldMaintainScrollAtEnd) {
+    const contentSize = getContentSize(ctx);
+    if (contentSize < state.scrollLength) {
+      state.scroll = 0;
     }
-    if (onLoad) {
-      onLoad({ elapsedTimeInMs: Date.now() - loadStartTime });
+    if (!state.maintainingScrollAtEnd) {
+      const pendingState = maintainScrollAtEnd.animated ? "pending-animated" : "pending-instant";
+      const activeState = maintainScrollAtEnd.animated ? "animated" : "instant";
+      state.maintainingScrollAtEnd = pendingState;
+      requestAnimationFrame(() => {
+        if (peek$(ctx, "isWithinMaintainScrollAtEndThreshold")) {
+          state.maintainingScrollAtEnd = activeState;
+          const scroller = refScroller.current;
+          if (state.props.horizontal && isHorizontalRTL(state)) {
+            const currentContentSize = getContentSize(ctx);
+            const logicalEndOffset = getLogicalHorizontalMaxOffset(state, currentContentSize);
+            const nativeOffset = toNativeHorizontalOffset(state, logicalEndOffset, currentContentSize);
+            scroller == null ? void 0 : scroller.scrollTo({
+              animated: maintainScrollAtEnd.animated,
+              x: nativeOffset,
+              y: 0
+            });
+          } else {
+            scroller == null ? void 0 : scroller.scrollToEnd({
+              animated: maintainScrollAtEnd.animated
+            });
+          }
+          setTimeout(
+            () => {
+              if (state.maintainingScrollAtEnd === activeState) {
+                state.maintainingScrollAtEnd = void 0;
+              }
+            },
+            maintainScrollAtEnd.animated ? 500 : 0
+          );
+        } else if (state.maintainingScrollAtEnd === pendingState) {
+          state.maintainingScrollAtEnd = void 0;
+        }
+      });
     }
+    return true;
   }
+  return false;
 }
 
-// src/core/finishInitialScroll.ts
-var PRESERVED_INITIAL_SCROLL_FALLBACK_CLEAR_DELAY_MS = 2e3;
-function syncInitialScrollOffset(state, offset) {
-  state.scroll = offset;
-  state.scrollPending = offset;
-  state.scrollPrev = offset;
-}
-function clearPreservedInitialScrollTargetTimeout(state) {
-  if (state.timeoutPreservedInitialScrollClear !== void 0) {
-    clearTimeout(state.timeoutPreservedInitialScrollClear);
-    state.timeoutPreservedInitialScrollClear = void 0;
-  }
-}
-function clearPreservedInitialScrollTarget(state) {
-  clearPreservedInitialScrollTargetTimeout(state);
-  state.clearPreservedInitialScrollOnNextFinish = void 0;
-  state.initialScroll = void 0;
-  setInitialScrollSession(state);
-}
-function finishInitialScroll(ctx, options) {
-  var _a3, _b, _c;
+// src/utils/requestAdjust.ts
+function requestAdjust(ctx, positionDiff, dataChanged) {
   const state = ctx.state;
-  if ((options == null ? void 0 : options.resolvedOffset) !== void 0) {
-    syncInitialScrollOffset(state, options.resolvedOffset);
-  } else if ((options == null ? void 0 : options.syncObservedOffset) && ((_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind) === "offset") {
-    const observedOffset = (_c = (_b = state.refScroller.current) == null ? void 0 : _b.getCurrentScrollOffset) == null ? void 0 : _c.call(_b);
-    if (typeof observedOffset === "number" && Number.isFinite(observedOffset)) {
-      syncInitialScrollOffset(state, observedOffset);
-    }
-  }
-  const complete = () => {
-    var _a4, _b2, _c2, _d, _e;
-    const shouldReleaseDeferredPublicOnScroll = Platform.OS === "web" && ((_a4 = state.initialScrollSession) == null ? void 0 : _a4.kind) === "bootstrap";
-    const finalScrollOffset = (_d = (_c2 = (_b2 = options == null ? void 0 : options.resolvedOffset) != null ? _b2 : state.scrollPending) != null ? _c2 : state.scroll) != null ? _d : 0;
-    initialScrollWatchdog.clear(state);
-    if ((options == null ? void 0 : options.preserveTarget) && state.initialScroll) {
-      state.clearPreservedInitialScrollOnNextFinish = void 0;
-      setInitialScrollSession(state);
-      clearPreservedInitialScrollTargetTimeout(state);
-      if (options == null ? void 0 : options.schedulePreservedTargetClear) {
-        state.timeoutPreservedInitialScrollClear = setTimeout(() => {
-          var _a5;
-          state.timeoutPreservedInitialScrollClear = void 0;
-          if (!state.didFinishInitialScroll || ((_a5 = state.scrollingTo) == null ? void 0 : _a5.isInitialScroll) || !state.initialScroll) {
-            return;
+  if (Math.abs(positionDiff) > 0.1) {
+    const needsScrollWorkaround = Platform.OS === "android" && !IsNewArchitecture && dataChanged && state.scroll <= positionDiff;
+    const doit = () => {
+      if (needsScrollWorkaround) {
+        doScrollTo(ctx, { horizontal: state.props.horizontal, offset: state.scroll });
+      } else {
+        state.scrollAdjustHandler.requestAdjust(positionDiff);
+        if (state.adjustingFromInitialMount) {
+          state.adjustingFromInitialMount--;
+        }
+      }
+    };
+    state.scroll += positionDiff;
+    state.scrollForNextCalculateItemsInView = void 0;
+    const readyToRender = peek$(ctx, "readyToRender");
+    if (readyToRender) {
+      doit();
+      if (Platform.OS !== "web") {
+        const threshold = state.scroll - positionDiff / 2;
+        if (!state.ignoreScrollFromMVCP) {
+          state.ignoreScrollFromMVCP = {};
+        }
+        if (positionDiff > 0) {
+          state.ignoreScrollFromMVCP.lt = threshold;
+        } else {
+          state.ignoreScrollFromMVCP.gt = threshold;
+        }
+        if (state.ignoreScrollFromMVCPTimeout) {
+          clearTimeout(state.ignoreScrollFromMVCPTimeout);
+        }
+        const delay = needsScrollWorkaround ? 250 : 100;
+        state.ignoreScrollFromMVCPTimeout = setTimeout(() => {
+          var _a3;
+          state.ignoreScrollFromMVCP = void 0;
+          const shouldForceUpdate = state.ignoreScrollFromMVCPIgnored && state.scrollProcessingEnabled !== false;
+          if (shouldForceUpdate) {
+            state.ignoreScrollFromMVCPIgnored = false;
+            state.scrollPending = state.scroll;
+            (_a3 = state.reprocessCurrentScroll) == null ? void 0 : _a3.call(state);
           }
-          clearPreservedInitialScrollTarget(state);
-        }, PRESERVED_INITIAL_SCROLL_FALLBACK_CLEAR_DELAY_MS);
+        }, delay);
       }
     } else {
-      clearPreservedInitialScrollTarget(state);
-    }
-    if (options == null ? void 0 : options.recalculateItems) {
-      recalculateSettledScroll(ctx);
-    }
-    setInitialRenderState(ctx, { didInitialScroll: true });
-    if (shouldReleaseDeferredPublicOnScroll) {
-      releaseDeferredPublicOnScroll(ctx, finalScrollOffset);
+      state.adjustingFromInitialMount = (state.adjustingFromInitialMount || 0) + 1;
+      requestAnimationFrame(doit);
     }
-    (_e = options == null ? void 0 : options.onFinished) == null ? void 0 : _e.call(options);
-  };
-  if (options == null ? void 0 : options.waitForCompletionFrame) {
-    requestAnimationFrame(complete);
-    return;
   }
-  complete();
 }
 
-// src/core/finishScrollTo.ts
-function finishScrollTo(ctx) {
-  var _a3, _b;
-  const state = ctx.state;
-  if (state == null ? void 0 : state.scrollingTo) {
-    const resolvePendingScroll = state.pendingScrollResolve;
-    state.pendingScrollResolve = void 0;
-    const scrollingTo = state.scrollingTo;
-    state.scrollHistory.length = 0;
-    state.scrollingTo = void 0;
-    if (state.pendingTotalSize !== void 0) {
-      addTotalSize(ctx, null, state.pendingTotalSize);
-    }
-    if (PlatformAdjustBreaksScroll) {
-      state.scrollAdjustHandler.commitPendingAdjust(scrollingTo);
-    }
-    if (scrollingTo.isInitialScroll || state.initialScroll) {
-      const isOffsetSession = ((_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind) === "offset";
-      const shouldPreserveResizeTarget = !!scrollingTo.isInitialScroll && !state.clearPreservedInitialScrollOnNextFinish && state.props.data.length > 0 && ((_b = state.initialScroll) == null ? void 0 : _b.viewPosition) === 1;
-      finishInitialScroll(ctx, {
-        onFinished: () => {
-          resolvePendingScroll == null ? void 0 : resolvePendingScroll();
-        },
-        preserveTarget: isOffsetSession && state.props.data.length === 0 || shouldPreserveResizeTarget,
-        recalculateItems: true,
-        schedulePreservedTargetClear: shouldPreserveResizeTarget,
-        syncObservedOffset: isOffsetSession,
-        waitForCompletionFrame: !!scrollingTo.waitForInitialScrollCompletionFrame
-      });
-      return;
-    }
-    recalculateSettledScroll(ctx);
-    resolvePendingScroll == null ? void 0 : resolvePendingScroll();
+// src/core/mvcp.ts
+var MVCP_POSITION_EPSILON = 0.1;
+var MVCP_ANCHOR_LOCK_TTL_MS = 300;
+var MVCP_ANCHOR_LOCK_QUIET_PASSES_TO_RELEASE = 2;
+var NATIVE_END_CLAMP_EPSILON = 1;
+function resolveAnchorLock(state, enableMVCPAnchorLock, mvcpData, now) {
+  if (!enableMVCPAnchorLock) {
+    state.mvcpAnchorLock = void 0;
+    return void 0;
+  }
+  const lock = state.mvcpAnchorLock;
+  if (!lock) {
+    return void 0;
+  }
+  const isExpired = now > lock.expiresAt;
+  const isMissing = state.indexByKey.get(lock.id) === void 0;
+  if (isExpired || isMissing || !mvcpData) {
+    state.mvcpAnchorLock = void 0;
+    return void 0;
   }
+  return lock;
 }
-
-// src/core/checkFinishedScroll.ts
-var INITIAL_SCROLL_MAX_FALLBACK_CHECKS = 20;
-var INITIAL_SCROLL_COMPLETION_TARGET_EPSILON = 1;
-var INITIAL_SCROLL_ZERO_TARGET_EPSILON = 1;
-var SILENT_INITIAL_SCROLL_RETRY_DELAY_MS = 16;
-var SILENT_INITIAL_SCROLL_TARGET_EPSILON = 1;
-function checkFinishedScroll(ctx, options) {
-  const scrollingTo = ctx.state.scrollingTo;
-  if (options == null ? void 0 : options.onlyIfAligned) {
-    if (!(scrollingTo == null ? void 0 : scrollingTo.isInitialScroll) || scrollingTo.animated) {
+function updateAnchorLock(state, params) {
+  if (Platform.OS === "web") {
+    const { anchorId, anchorPosition, dataChanged, now, positionDiff } = params;
+    const enableMVCPAnchorLock = !!dataChanged || !!state.mvcpAnchorLock;
+    const mvcpData = state.props.maintainVisibleContentPosition.data;
+    if (!enableMVCPAnchorLock || !mvcpData || state.scrollingTo || !anchorId || anchorPosition === void 0) {
       return;
     }
-    if (!getResolvedScrollCompletionState(ctx, scrollingTo).isAtResolvedTarget) {
+    const existingLock = state.mvcpAnchorLock;
+    const quietPasses = !dataChanged && Math.abs(positionDiff) <= MVCP_POSITION_EPSILON && (existingLock == null ? void 0 : existingLock.id) === anchorId ? existingLock.quietPasses + 1 : 0;
+    if (!dataChanged && quietPasses >= MVCP_ANCHOR_LOCK_QUIET_PASSES_TO_RELEASE) {
+      state.mvcpAnchorLock = void 0;
       return;
     }
+    state.mvcpAnchorLock = {
+      expiresAt: now + MVCP_ANCHOR_LOCK_TTL_MS,
+      id: anchorId,
+      position: anchorPosition,
+      quietPasses
+    };
   }
-  ctx.state.animFrameCheckFinishedScroll = requestAnimationFrame(() => checkFinishedScrollFrame(ctx));
-}
-function hasScrollCompletionOwnership(state, options) {
-  const { clampedTargetOffset, scrollingTo } = options;
-  return !scrollingTo.isInitialScroll || state.hasScrolled || clampedTargetOffset <= INITIAL_SCROLL_COMPLETION_TARGET_EPSILON;
-}
-function isSilentInitialDispatch(state, scrollingTo) {
-  return !!(scrollingTo == null ? void 0 : scrollingTo.isInitialScroll) && initialScrollCompletion.didDispatchNativeScroll(state) && !state.hasScrolled;
-}
-function getInitialScrollWatchdogTargetOffset(state) {
-  var _a3;
-  return (_a3 = initialScrollWatchdog.get(state)) == null ? void 0 : _a3.targetOffset;
-}
-function isNativeInitialNonZeroTarget(state) {
-  const targetOffset = getInitialScrollWatchdogTargetOffset(state);
-  return !state.didFinishInitialScroll && initialScrollWatchdog.hasNonZeroTargetOffset(targetOffset);
 }
-function shouldFinishInitialScrollWithoutNativeProgress(state, scrollingTo) {
-  var _a3, _b;
-  if (!scrollingTo.isInitialScroll || scrollingTo.animated || !state.didContainersLayout) {
-    return false;
-  }
-  if (((_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind) === "bootstrap") {
-    return false;
-  }
-  const targetOffset = (_b = scrollingTo.targetOffset) != null ? _b : scrollingTo.offset;
-  if (initialScrollWatchdog.hasNonZeroTargetOffset(targetOffset) && initialScrollCompletion.didDispatchNativeScroll(state) && !state.hasScrolled) {
-    return false;
-  }
-  if (initialScrollWatchdog.isAtZeroTargetOffset(targetOffset) || Math.abs(state.scroll - targetOffset) > 1 || Math.abs(state.scrollPending - targetOffset) > 1) {
+function shouldQueueNativeMVCPAdjust(dataChanged, state, positionDiff, prevTotalSize, prevScroll, scrollTarget) {
+  if (!dataChanged || Platform.OS === "web" || !state.props.maintainVisibleContentPosition.data || scrollTarget !== void 0 || positionDiff >= -MVCP_POSITION_EPSILON) {
     return false;
   }
-  return !!scrollingTo.waitForInitialScrollCompletionFrame || isNativeInitialNonZeroTarget(state);
+  const distanceFromEnd = prevTotalSize - prevScroll - state.scrollLength;
+  return distanceFromEnd < Math.abs(positionDiff) - MVCP_POSITION_EPSILON;
 }
-function shouldFinishInitialZeroTargetScroll(ctx) {
-  var _a3;
-  const { state } = ctx;
-  return !!((_a3 = state.scrollingTo) == null ? void 0 : _a3.isInitialScroll) && state.props.data.length > 0 && getContentSize(ctx) <= state.scrollLength && state.scrollPending <= INITIAL_SCROLL_ZERO_TARGET_EPSILON;
-}
-function isEndAlignedLastItemTarget(ctx, scrollingTo) {
-  return scrollingTo.index === ctx.state.props.data.length - 1 && scrollingTo.viewPosition === 1;
-}
-function getCurrentTargetOffset(ctx, scrollingTo) {
-  var _a3;
-  const index = scrollingTo.index;
-  const shouldRecomputeEndTarget = isEndAlignedLastItemTarget(ctx, scrollingTo);
-  const requestedTargetOffset = shouldRecomputeEndTarget && index !== void 0 ? calculateOffsetWithOffsetPosition(ctx, calculateOffsetForIndex(ctx, index), scrollingTo) : (_a3 = scrollingTo.targetOffset) != null ? _a3 : clampScrollOffset(ctx, scrollingTo.offset - (scrollingTo.viewOffset || 0), scrollingTo);
-  return clampScrollOffset(ctx, requestedTargetOffset, scrollingTo);
-}
-function getResolvedScrollCompletionState(ctx, scrollingTo) {
-  const { state } = ctx;
-  const scroll = state.scrollPending;
-  const adjust = state.scrollAdjustHandler.getAdjust();
-  const clampedTargetOffset = getCurrentTargetOffset(ctx, scrollingTo);
-  const maxOffset = clampScrollOffset(ctx, scroll, scrollingTo);
-  const diff1 = Math.abs(scroll - clampedTargetOffset);
-  const adjustedTargetOffset = clampedTargetOffset + adjust;
-  const diff2 = Math.abs(scroll - adjustedTargetOffset);
-  const canUseAdjustedCompletion = !scrollingTo.animated || Platform.OS === "ios";
-  return {
-    clampedTargetOffset,
-    isAtResolvedTarget: Math.abs(scroll - maxOffset) < 1 && (diff1 < 1 || canUseAdjustedCompletion && diff2 < 1)
-  };
-}
-function checkFinishedScrollFrame(ctx) {
-  const scrollingTo = ctx.state.scrollingTo;
-  if (!scrollingTo) {
-    return;
+function getPredictedNativeClamp(state, unresolvedAmount, totalSize) {
+  if (Math.abs(unresolvedAmount) <= MVCP_POSITION_EPSILON) {
+    return 0;
   }
-  const { state } = ctx;
-  state.animFrameCheckFinishedScroll = void 0;
-  const completionState = getResolvedScrollCompletionState(ctx, scrollingTo);
-  if (completionState.isAtResolvedTarget && hasScrollCompletionOwnership(state, {
-    clampedTargetOffset: completionState.clampedTargetOffset,
-    scrollingTo
-  })) {
-    finishScrollTo(ctx);
+  const maxScroll = Math.max(0, totalSize - state.scrollLength);
+  const clampDelta = maxScroll - state.scroll;
+  if (unresolvedAmount < 0) {
+    return Math.max(unresolvedAmount, Math.min(0, clampDelta));
+  }
+  if (unresolvedAmount > 0) {
+    return Math.min(unresolvedAmount, Math.max(0, clampDelta));
   }
+  return 0;
 }
-function scrollToFallbackOffset(ctx, offset) {
-  var _a3;
-  (_a3 = ctx.state.refScroller.current) == null ? void 0 : _a3.scrollTo({
-    animated: false,
-    x: ctx.state.props.horizontal ? offset : 0,
-    y: ctx.state.props.horizontal ? 0 : offset
-  });
+function getProgressTowardAmount(targetDelta, nativeDelta) {
+  return targetDelta < 0 ? -nativeDelta : nativeDelta;
 }
-function checkFinishedScrollFallback(ctx) {
+function settlePendingNativeMVCPAdjust(ctx, remainingAfterManual, nativeDelta) {
   const state = ctx.state;
-  const scrollingTo = state.scrollingTo;
-  const shouldFinishInitialZeroTarget = shouldFinishInitialZeroTargetScroll(ctx);
-  const silentInitialDispatch = isSilentInitialDispatch(state, scrollingTo);
-  const canFinishInitialWithoutNativeProgress = scrollingTo !== void 0 ? shouldFinishInitialScrollWithoutNativeProgress(state, scrollingTo) : false;
-  const slowTimeout = (scrollingTo == null ? void 0 : scrollingTo.isInitialScroll) && !shouldFinishInitialZeroTarget && !canFinishInitialWithoutNativeProgress || !state.didContainersLayout;
-  const initialDelay = shouldFinishInitialZeroTarget || canFinishInitialWithoutNativeProgress ? 0 : silentInitialDispatch ? SILENT_INITIAL_SCROLL_RETRY_DELAY_MS : slowTimeout ? 500 : 100;
-  state.timeoutCheckFinishedScrollFallback = setTimeout(() => {
-    let numChecks = 0;
-    const scheduleFallbackCheck = (delay) => {
-      state.timeoutCheckFinishedScrollFallback = setTimeout(checkHasScrolled, delay);
-    };
-    const checkHasScrolled = () => {
-      var _a3, _b, _c, _d;
-      state.timeoutCheckFinishedScrollFallback = void 0;
-      const isStillScrollingTo = state.scrollingTo;
-      if (isStillScrollingTo) {
-        numChecks++;
-        const isNativeInitialPending = isNativeInitialNonZeroTarget(state) && !state.hasScrolled;
-        const maxChecks = silentInitialDispatch ? 5 : isNativeInitialPending ? INITIAL_SCROLL_MAX_FALLBACK_CHECKS : 5;
-        const shouldFinishZeroTarget = shouldFinishInitialZeroTargetScroll(ctx);
-        const canFinishInitialScrollWithoutNativeProgress = shouldFinishInitialScrollWithoutNativeProgress(
-          state,
-          isStillScrollingTo
-        );
-        const completionState = getResolvedScrollCompletionState(ctx, isStillScrollingTo);
-        const canFinishAfterSilentNativeDispatch = Platform.OS === "android" && silentInitialDispatch && completionState.isAtResolvedTarget && numChecks >= 1;
-        const shouldRetrySilentInitialNativeScroll = Platform.OS === "android" && canFinishAfterSilentNativeDispatch && !initialScrollCompletion.didRetrySilentInitialScroll(state);
-        const shouldFinishAfterObservedScroll = state.hasScrolled && (!isStillScrollingTo.isInitialScroll || completionState.isAtResolvedTarget);
-        const shouldRetryUnalignedInitialScroll = isStillScrollingTo.isInitialScroll && !completionState.isAtResolvedTarget && numChecks <= maxChecks;
-        const shouldRetryUnalignedEndScroll = Platform.OS === "ios" && !isStillScrollingTo.isInitialScroll && isEndAlignedLastItemTarget(ctx, isStillScrollingTo) && !completionState.isAtResolvedTarget && numChecks <= maxChecks;
-        if (shouldRetrySilentInitialNativeScroll) {
-          const targetOffset = (_b = (_a3 = getInitialScrollWatchdogTargetOffset(state)) != null ? _a3 : isStillScrollingTo.targetOffset) != null ? _b : 0;
-          const jiggleOffset = targetOffset >= SILENT_INITIAL_SCROLL_TARGET_EPSILON ? targetOffset - SILENT_INITIAL_SCROLL_TARGET_EPSILON : targetOffset + SILENT_INITIAL_SCROLL_TARGET_EPSILON;
-          initialScrollCompletion.markSilentInitialScrollRetry(state);
-          scrollToFallbackOffset(ctx, jiggleOffset);
-          requestAnimationFrame(() => {
-            scrollToFallbackOffset(ctx, targetOffset);
-          });
-          scheduleFallbackCheck(SILENT_INITIAL_SCROLL_RETRY_DELAY_MS);
-        } else if (shouldRetryUnalignedEndScroll) {
-          scrollToFallbackOffset(ctx, completionState.clampedTargetOffset);
-          scheduleFallbackCheck(100);
-        } else if (shouldFinishZeroTarget || shouldFinishAfterObservedScroll || canFinishInitialScrollWithoutNativeProgress || canFinishAfterSilentNativeDispatch || numChecks > maxChecks) {
-          finishScrollTo(ctx);
-        } else if ((isNativeInitialPending || shouldRetryUnalignedInitialScroll) && numChecks <= maxChecks) {
-          const targetOffset = (_d = (_c = getInitialScrollWatchdogTargetOffset(state)) != null ? _c : isStillScrollingTo.targetOffset) != null ? _d : state.scrollPending;
-          scrollToFallbackOffset(ctx, targetOffset);
-          scheduleFallbackCheck(silentInitialDispatch ? SILENT_INITIAL_SCROLL_RETRY_DELAY_MS : 100);
-        } else {
-          scheduleFallbackCheck(silentInitialDispatch ? SILENT_INITIAL_SCROLL_RETRY_DELAY_MS : 100);
-        }
-      }
-    };
-    checkHasScrolled();
-  }, initialDelay);
+  state.pendingNativeMVCPAdjust = void 0;
+  const remaining = remainingAfterManual - nativeDelta;
+  if (Math.abs(remaining) > MVCP_POSITION_EPSILON) {
+    requestAdjust(ctx, remaining, true);
+  }
 }
-
-// src/core/doScrollTo.native.ts
-function doScrollTo(ctx, params) {
+function maybeApplyPredictedNativeMVCPAdjust(ctx) {
   const state = ctx.state;
-  const { animated, horizontal, isInitialScroll, offset } = params;
-  const isAnimated = !!animated;
-  const { refScroller } = state;
-  const scroller = refScroller.current;
-  if (!scroller) {
+  const pending = state.pendingNativeMVCPAdjust;
+  if (!pending || Math.abs(pending.manualApplied) > MVCP_POSITION_EPSILON) {
     return;
   }
-  const isHorizontal = !!horizontal;
-  const contentSize = isHorizontal ? getContentSize(ctx) : void 0;
-  const nativeOffset = toNativeHorizontalOffset(state, offset, contentSize);
-  scroller.scrollTo({
-    animated: isAnimated,
-    x: isHorizontal ? nativeOffset : 0,
-    y: isHorizontal ? 0 : offset
-  });
-  if (isInitialScroll) {
-    initialScrollCompletion.markInitialScrollNativeDispatch(state);
+  const totalSize = getContentSize(ctx);
+  const predictedNativeClamp = getPredictedNativeClamp(state, pending.amount, totalSize);
+  if (Math.abs(predictedNativeClamp) <= MVCP_POSITION_EPSILON) {
+    return;
   }
-  if (!isAnimated) {
-    state.scroll = offset;
-    checkFinishedScrollFallback(ctx);
+  const manualDesired = pending.amount - predictedNativeClamp;
+  if (Math.abs(manualDesired) <= MVCP_POSITION_EPSILON) {
+    return;
   }
+  pending.manualApplied = manualDesired;
+  requestAdjust(ctx, manualDesired, true);
+  pending.furthestProgressTowardAmount = 0;
 }
-
-// src/utils/requestAdjust.ts
-function requestAdjust(ctx, positionDiff, dataChanged) {
+function resolvePendingNativeMVCPAdjust(ctx, newScroll) {
   const state = ctx.state;
-  if (Math.abs(positionDiff) > 0.1) {
-    const needsScrollWorkaround = Platform.OS === "android" && !IsNewArchitecture && dataChanged && state.scroll <= positionDiff;
-    const doit = () => {
-      if (needsScrollWorkaround) {
-        doScrollTo(ctx, { horizontal: state.props.horizontal, offset: state.scroll });
-      } else {
-        state.scrollAdjustHandler.requestAdjust(positionDiff);
-        if (state.adjustingFromInitialMount) {
-          state.adjustingFromInitialMount--;
-        }
-      }
-    };
-    state.scroll += positionDiff;
-    state.scrollForNextCalculateItemsInView = void 0;
-    const readyToRender = peek$(ctx, "readyToRender");
-    if (readyToRender) {
-      doit();
-      if (Platform.OS !== "web") {
-        const threshold = state.scroll - positionDiff / 2;
-        if (!state.ignoreScrollFromMVCP) {
-          state.ignoreScrollFromMVCP = {};
-        }
-        if (positionDiff > 0) {
-          state.ignoreScrollFromMVCP.lt = threshold;
-        } else {
-          state.ignoreScrollFromMVCP.gt = threshold;
-        }
-        if (state.ignoreScrollFromMVCPTimeout) {
-          clearTimeout(state.ignoreScrollFromMVCPTimeout);
-        }
-        const delay = needsScrollWorkaround ? 250 : 100;
-        state.ignoreScrollFromMVCPTimeout = setTimeout(() => {
-          var _a3;
-          state.ignoreScrollFromMVCP = void 0;
-          const shouldForceUpdate = state.ignoreScrollFromMVCPIgnored && state.scrollProcessingEnabled !== false;
-          if (shouldForceUpdate) {
-            state.ignoreScrollFromMVCPIgnored = false;
-            state.scrollPending = state.scroll;
-            (_a3 = state.reprocessCurrentScroll) == null ? void 0 : _a3.call(state);
-          }
-        }, delay);
-      }
-    } else {
-      state.adjustingFromInitialMount = (state.adjustingFromInitialMount || 0) + 1;
-      requestAnimationFrame(doit);
-    }
+  const pending = state.pendingNativeMVCPAdjust;
+  if (!pending) {
+    return false;
   }
-}
-
-// src/core/updateContentMetrics.ts
-var SCROLL_ADJUST_EPSILON = 0.1;
-function setContentLengthSignal(ctx, signalName, size) {
-  const didChange = peek$(ctx, signalName) !== size;
-  if (didChange) {
-    set$(ctx, signalName, size);
-    updateContentMetricsState(ctx);
+  const remainingAfterManual = pending.amount - pending.manualApplied;
+  const nativeDelta = newScroll - (pending.startScroll + pending.manualApplied);
+  const isWrongDirection = remainingAfterManual < 0 && nativeDelta > MVCP_POSITION_EPSILON || remainingAfterManual > 0 && nativeDelta < -MVCP_POSITION_EPSILON;
+  const progressTowardAmount = getProgressTowardAmount(remainingAfterManual, nativeDelta);
+  if (Math.abs(remainingAfterManual) <= MVCP_POSITION_EPSILON) {
+    state.pendingNativeMVCPAdjust = void 0;
+    return true;
   }
-  return didChange;
-}
-function shouldAdjustForHeaderSizeChange(ctx, previousHeaderSize, nextHeaderSize) {
-  const { didContainersLayout, didFinishInitialScroll, props, scroll, scrollingTo } = ctx.state;
-  const sizeDiff = nextHeaderSize - previousHeaderSize;
-  const leadingPadding = props.horizontal ? props.stylePaddingLeft : props.stylePaddingTop;
-  const previousHeaderEnd = (leadingPadding || 0) + previousHeaderSize;
-  return Platform.OS === "web" && props.maintainVisibleContentPosition.size && didContainersLayout && didFinishInitialScroll && !scrollingTo && scroll >= previousHeaderEnd - SCROLL_ADJUST_EPSILON && Math.abs(sizeDiff) > SCROLL_ADJUST_EPSILON;
-}
-function setHeaderSize(ctx, size) {
-  const { state } = ctx;
-  const previousHeaderSize = peek$(ctx, "headerSize") || 0;
-  const didChange = previousHeaderSize !== size;
-  const hasMeasuredOrEstimatedHeaderBaseline = state.didMeasureHeader || previousHeaderSize > SCROLL_ADJUST_EPSILON;
-  if (didChange) {
-    set$(ctx, "headerSize", size);
-    updateContentMetricsState(ctx);
-    if (hasMeasuredOrEstimatedHeaderBaseline && shouldAdjustForHeaderSizeChange(ctx, previousHeaderSize, size)) {
-      requestAdjust(ctx, size - previousHeaderSize);
-    }
+  if (isWrongDirection) {
+    state.pendingNativeMVCPAdjust = void 0;
+    return false;
   }
-  state.didMeasureHeader = true;
-}
-function setFooterSize(ctx, size) {
-  return setContentLengthSignal(ctx, "footerSize", size);
-}
-function areInsetsEqual(left, right) {
-  var _a3, _b, _c, _d, _e, _f, _g, _h;
-  return ((_a3 = left == null ? void 0 : left.top) != null ? _a3 : 0) === ((_b = right == null ? void 0 : right.top) != null ? _b : 0) && ((_c = left == null ? void 0 : left.bottom) != null ? _c : 0) === ((_d = right == null ? void 0 : right.bottom) != null ? _d : 0) && ((_e = left == null ? void 0 : left.left) != null ? _e : 0) === ((_f = right == null ? void 0 : right.left) != null ? _f : 0) && ((_g = left == null ? void 0 : left.right) != null ? _g : 0) === ((_h = right == null ? void 0 : right.right) != null ? _h : 0);
-}
-function setContentInsetOverride(ctx, inset) {
-  const { state } = ctx;
-  const previousInset = state.contentInsetOverride;
-  const nextInset = inset != null ? inset : void 0;
-  const didChange = !areInsetsEqual(previousInset, nextInset);
-  state.contentInsetOverride = nextInset;
-  if (didChange) {
-    updateContentMetricsState(ctx);
+  if (progressTowardAmount + MVCP_POSITION_EPSILON >= Math.abs(remainingAfterManual)) {
+    settlePendingNativeMVCPAdjust(ctx, remainingAfterManual, nativeDelta);
+    return true;
   }
-  return didChange;
-}
-function useLatestRef(value) {
-  const ref = React2__namespace.useRef(value);
-  ref.current = value;
-  return ref;
-}
-
-// src/hooks/useStableRenderComponent.tsx
-function useStableRenderComponent(renderComponent, mapProps) {
-  const renderComponentRef = useLatestRef(renderComponent);
-  const mapPropsRef = useLatestRef(mapProps);
-  return React2__namespace.useMemo(
-    () => React2__namespace.forwardRef(
-      (props, ref) => {
-        var _a3, _b;
-        return (_b = (_a3 = renderComponentRef.current) == null ? void 0 : _a3.call(renderComponentRef, mapPropsRef.current(props, ref))) != null ? _b : null;
-      }
-    ),
-    [mapPropsRef, renderComponentRef]
-  );
+  const expectedNativeClampScroll = Math.max(0, getContentSize(ctx) - state.scrollLength);
+  const distanceToClamp = Math.abs(newScroll - expectedNativeClampScroll);
+  const isAtExpectedNativeClamp = distanceToClamp <= NATIVE_END_CLAMP_EPSILON;
+  if (isAtExpectedNativeClamp) {
+    settlePendingNativeMVCPAdjust(ctx, remainingAfterManual, nativeDelta);
+    return true;
+  }
+  if (state.pendingMaintainScrollAtEnd && peek$(ctx, "isWithinMaintainScrollAtEndThreshold") && progressTowardAmount > MVCP_POSITION_EPSILON) {
+    settlePendingNativeMVCPAdjust(ctx, remainingAfterManual, nativeDelta);
+    return true;
+  }
+  if (progressTowardAmount > pending.furthestProgressTowardAmount + MVCP_POSITION_EPSILON) {
+    pending.furthestProgressTowardAmount = progressTowardAmount;
+    return false;
+  }
+  if (pending.furthestProgressTowardAmount > MVCP_POSITION_EPSILON && progressTowardAmount < pending.furthestProgressTowardAmount - MVCP_POSITION_EPSILON) {
+    state.pendingNativeMVCPAdjust = void 0;
+    return false;
+  }
+  return false;
 }
-var LayoutView = ({ onLayoutChange, refView, ...rest }) => {
-  const localRef = React2.useRef(null);
-  const ref = refView != null ? refView : localRef;
-  const { onLayout } = useOnLayoutSync({ onLayoutChange, ref });
-  return /* @__PURE__ */ React2__namespace.createElement(ReactNative.View, { ...rest, onLayout, ref });
-};
-
-// src/components/ListComponent.tsx
-var AlignItemsAtEndSpacer = typedMemo(function AlignItemsAtEndSpacer2({ horizontal }) {
-  const [alignItemsAtEndPadding = 0] = useArr$(["alignItemsAtEndPadding"]);
-  if (alignItemsAtEndPadding <= 0) {
-    return null;
+function prepareMVCP(ctx, dataChanged) {
+  const state = ctx.state;
+  const { idsInView, positions, props } = state;
+  const {
+    maintainVisibleContentPosition: { data: mvcpData, size: mvcpScroll, shouldRestorePosition }
+  } = props;
+  const isWeb = Platform.OS === "web";
+  const now = Date.now();
+  const enableMVCPAnchorLock = isWeb && (!!dataChanged || !!state.mvcpAnchorLock);
+  const scrollingTo = state.scrollingTo;
+  if (isWeb && dataChanged && state.pendingScrollToEnd && scrollingTo === void 0) {
+    state.mvcpAnchorLock = void 0;
+    return void 0;
   }
-  return /* @__PURE__ */ React2__namespace.createElement(
-    View,
-    {
-      style: horizontal ? { flexShrink: 0, width: alignItemsAtEndPadding } : { flexShrink: 0, height: alignItemsAtEndPadding }
-    },
-    null
-  );
-});
-var ListComponent = typedMemo(function ListComponent2({
-  canRender,
-  style,
-  contentContainerStyle,
-  horizontal,
-  initialContentOffset,
-  recycleItems,
-  ItemSeparatorComponent,
-  alignItemsAtEnd: _alignItemsAtEnd,
-  onScroll: onScroll2,
-  onLayout,
-  ListHeaderComponent,
-  ListHeaderComponentStyle,
-  ListFooterComponent,
-  ListFooterComponentStyle,
-  ListEmptyComponent,
-  getRenderedItem: getRenderedItem2,
-  updateItemSize: updateItemSize2,
-  refScrollView,
-  renderScrollComponent,
-  onLayoutFooter,
-  scrollAdjustHandler,
-  snapToIndices,
-  stickyHeaderConfig,
-  stickyHeaderIndices,
-  useWindowScroll = false,
-  ...rest
-}) {
-  const ctx = useStateContext();
-  const maintainVisibleContentPosition = ctx.state.props.maintainVisibleContentPosition;
-  const [otherAxisSize = 0] = useArr$(["otherAxisSize"]);
-  const shouldRenderAlignItemsAtEndSpacer = ctx.state.props.alignItemsAtEndPaddingEnabled;
-  const autoOtherAxisStyle = getAutoOtherAxisStyle({
-    horizontal,
-    needsOtherAxisSize: ctx.state.needsOtherAxisSize,
-    otherAxisSize
-  });
-  const CustomScrollComponent = useStableRenderComponent(
-    renderScrollComponent,
-    (props, ref) => ({ ...props, ref })
-  );
-  const ScrollComponent = renderScrollComponent ? CustomScrollComponent : ListComponentScrollView;
-  const SnapOrScroll = snapToIndices ? SnapWrapper : ScrollComponent;
-  const updateFooterSize = React2.useCallback(
-    (size, afterSizeUpdate) => {
-      var _a3;
-      const didFooterSizeChange = setFooterSize(ctx, size);
-      afterSizeUpdate == null ? void 0 : afterSizeUpdate();
-      if (didFooterSizeChange && ((_a3 = ctx.state.props.maintainScrollAtEnd) == null ? void 0 : _a3.onFooterLayout)) {
-        doMaintainScrollAtEnd(ctx);
+  const anchorLock = isWeb ? resolveAnchorLock(state, enableMVCPAnchorLock, mvcpData, now) : void 0;
+  let prevPosition;
+  let targetId;
+  const idsInViewWithPositions = [];
+  const scrollTarget = scrollingTo == null ? void 0 : scrollingTo.index;
+  const scrollingToViewPosition = scrollingTo == null ? void 0 : scrollingTo.viewPosition;
+  const isEndAnchoredScrollTarget = scrollTarget !== void 0 && state.props.data.length > 0 && scrollTarget >= state.props.data.length - 1 && (scrollingToViewPosition != null ? scrollingToViewPosition : 0) > 0;
+  const shouldMVCP = dataChanged ? mvcpData : mvcpScroll;
+  const indexByKey = state.indexByKey;
+  const prevScroll = state.scroll;
+  const prevTotalSize = getContentSize(ctx);
+  if (shouldMVCP) {
+    if (!isWeb && state.pendingNativeMVCPAdjust && scrollTarget === void 0) {
+      maybeApplyPredictedNativeMVCPAdjust(ctx);
+      return void 0;
+    }
+    if (anchorLock && scrollTarget === void 0) {
+      targetId = anchorLock.id;
+      prevPosition = anchorLock.position;
+    } else if (scrollTarget !== void 0) {
+      if (!IsNewArchitecture && (scrollingTo == null ? void 0 : scrollingTo.isInitialScroll)) {
+        return void 0;
       }
-    },
-    [ctx]
-  );
-  React2.useLayoutEffect(() => {
-    if (!ListHeaderComponent) {
-      setHeaderSize(ctx, 0);
+      targetId = getId(state, scrollTarget);
+    } else if (idsInView.length > 0 && state.didContainersLayout && !dataChanged) {
+      targetId = idsInView.find((id) => indexByKey.get(id) !== void 0);
     }
-    if (!ListFooterComponent) {
-      updateFooterSize(0);
+    if (dataChanged && idsInView.length > 0 && state.didContainersLayout) {
+      for (let i = 0; i < idsInView.length; i++) {
+        const id = idsInView[i];
+        const index = indexByKey.get(id);
+        if (index !== void 0) {
+          const position = positions[index];
+          if (position !== void 0) {
+            idsInViewWithPositions.push({ id, position });
+          }
+        }
+      }
     }
-  }, [ListHeaderComponent, ListFooterComponent, ctx, updateFooterSize]);
-  const onLayoutHeader = React2.useCallback(
-    (rect) => {
-      const size = rect[horizontal ? "width" : "height"];
-      setHeaderSize(ctx, size);
-    },
-    [ctx, horizontal]
-  );
-  const onLayoutFooterInternal = React2.useCallback(
-    (rect, fromLayoutEffect) => {
-      const size = rect[horizontal ? "width" : "height"];
-      updateFooterSize(size, () => {
-        onLayoutFooter == null ? void 0 : onLayoutFooter(rect, fromLayoutEffect);
-      });
-    },
-    [horizontal, onLayoutFooter, updateFooterSize]
-  );
-  return /* @__PURE__ */ React2__namespace.createElement(
-    SnapOrScroll,
-    {
-      ...rest,
-      ...ScrollComponent === ListComponentScrollView ? { useWindowScroll } : {},
-      contentContainerStyle: [
-        horizontal ? {
-          height: "100%"
-        } : {},
-        contentContainerStyle
-      ],
-      contentOffset: initialContentOffset !== void 0 ? horizontal ? { x: initialContentOffset, y: 0 } : { x: 0, y: initialContentOffset } : void 0,
-      horizontal,
-      maintainVisibleContentPosition: maintainVisibleContentPosition.size || maintainVisibleContentPosition.data ? { minIndexForVisible: 0 } : void 0,
-      onLayout,
-      onScroll: onScroll2,
-      ref: refScrollView,
-      ScrollComponent: snapToIndices ? ScrollComponent : void 0,
-      style: autoOtherAxisStyle ? [autoOtherAxisStyle, style] : style
-    },
-    /* @__PURE__ */ React2__namespace.createElement(ScrollAdjust, null),
-    ListHeaderComponent && /* @__PURE__ */ React2__namespace.createElement(LayoutView, { onLayoutChange: onLayoutHeader, style: ListHeaderComponentStyle }, getComponent(ListHeaderComponent)),
-    ListEmptyComponent && getComponent(ListEmptyComponent),
-    shouldRenderAlignItemsAtEndSpacer && /* @__PURE__ */ React2__namespace.createElement(AlignItemsAtEndSpacer, { horizontal }),
-    canRender && !ListEmptyComponent && /* @__PURE__ */ React2__namespace.createElement(
-      Containers,
-      {
-        getRenderedItem: getRenderedItem2,
-        horizontal,
-        ItemSeparatorComponent,
-        recycleItems,
-        stickyHeaderConfig,
-        updateItemSize: updateItemSize2
-      }
-    ),
-    ListFooterComponent && /* @__PURE__ */ React2__namespace.createElement(LayoutView, { onLayoutChange: onLayoutFooterInternal, style: ListFooterComponentStyle }, getComponent(ListFooterComponent)),
-    Platform.OS === "web" && /* @__PURE__ */ React2__namespace.createElement(WebAnchoredEndSpace, { horizontal }),
-    IS_DEV && ENABLE_DEVMODE
-  );
-});
-var WEB_UNBOUNDED_HEIGHT_MIN_DATA_LENGTH = 100;
-var WEB_UNBOUNDED_HEIGHT_CONTAINER_RATIO = 0.9;
-var WEB_UNBOUNDED_HEIGHT_VIEWPORT_RATIO = 0.9;
-function useDevChecksImpl(props) {
-  const ctx = useStateContext();
-  const { childrenMode, keyExtractor, renderScrollComponent, useWindowScroll } = props;
-  React2.useEffect(() => {
-    if (useWindowScroll && renderScrollComponent) {
-      warnDevOnce(
-        "useWindowScrollRenderScrollComponent",
-        "useWindowScroll is not supported when renderScrollComponent is provided."
-      );
-    }
-  }, [renderScrollComponent, useWindowScroll]);
-  React2.useEffect(() => {
-    if (!keyExtractor && !ctx.state.isFirst && ctx.state.didDataChange && !childrenMode) {
-      warnDevOnce(
-        "keyExtractor",
-        "Changing data without a keyExtractor can cause slow performance and resetting scroll. If your list data can change you should use a keyExtractor with a unique id for best performance and behavior."
-      );
-    }
-  }, [childrenMode, ctx, keyExtractor]);
-  React2.useEffect(() => {
-    const state = ctx.state;
-    const dataLength = state.props.data.length;
-    const useWindowScrollResolved = state.props.useWindowScroll;
-    if (Platform.OS !== "web" || useWindowScrollResolved || dataLength < WEB_UNBOUNDED_HEIGHT_MIN_DATA_LENGTH) {
-      return;
-    }
-    const warnIfUnboundedOuterSize = () => {
-      const readyToRender = peek$(ctx, "readyToRender");
-      const numContainers = peek$(ctx, "numContainers") || 0;
-      const totalSize = peek$(ctx, "totalSize") || 0;
-      const scrollLength = ctx.state.scrollLength || 0;
-      if (!readyToRender || totalSize <= 0 || scrollLength <= 0) {
-        return;
-      }
-      const rendersAlmostEverything = numContainers >= Math.ceil(dataLength * WEB_UNBOUNDED_HEIGHT_CONTAINER_RATIO);
-      const viewportMatchesContent = scrollLength >= totalSize * WEB_UNBOUNDED_HEIGHT_VIEWPORT_RATIO;
-      if (rendersAlmostEverything && viewportMatchesContent) {
-        warnDevOnce(
-          "webUnboundedOuterSize",
-          "LegendList appears to have an unbounded outer height on web, so virtualization is effectively disabled. Set a bounded height or flex: 1 on the list container, or use useWindowScroll."
-        );
-      }
-    };
-    warnIfUnboundedOuterSize();
-    const unsubscribe = [
-      listen$(ctx, "numContainers", warnIfUnboundedOuterSize),
-      listen$(ctx, "readyToRender", warnIfUnboundedOuterSize),
-      listen$(ctx, "totalSize", warnIfUnboundedOuterSize)
-    ];
-    return () => {
-      for (const unsub of unsubscribe) {
-        unsub();
-      }
-    };
-  }, [ctx]);
-}
-function useDevChecksNoop(_props) {
-}
-var useDevChecks = IS_DEV ? useDevChecksImpl : useDevChecksNoop;
-
-// src/core/mvcp.ts
-var MVCP_POSITION_EPSILON = 0.1;
-var MVCP_ANCHOR_LOCK_TTL_MS = 300;
-var MVCP_ANCHOR_LOCK_QUIET_PASSES_TO_RELEASE = 2;
-var NATIVE_END_CLAMP_EPSILON = 1;
-function resolveAnchorLock(state, enableMVCPAnchorLock, mvcpData, now) {
-  if (!enableMVCPAnchorLock) {
-    state.mvcpAnchorLock = void 0;
-    return void 0;
-  }
-  const lock = state.mvcpAnchorLock;
-  if (!lock) {
-    return void 0;
-  }
-  const isExpired = now > lock.expiresAt;
-  const isMissing = state.indexByKey.get(lock.id) === void 0;
-  if (isExpired || isMissing || !mvcpData) {
-    state.mvcpAnchorLock = void 0;
-    return void 0;
-  }
-  return lock;
-}
-function updateAnchorLock(state, params) {
-  if (Platform.OS === "web") {
-    const { anchorId, anchorPosition, dataChanged, now, positionDiff } = params;
-    const enableMVCPAnchorLock = !!dataChanged || !!state.mvcpAnchorLock;
-    const mvcpData = state.props.maintainVisibleContentPosition.data;
-    if (!enableMVCPAnchorLock || !mvcpData || state.scrollingTo || !anchorId || anchorPosition === void 0) {
-      return;
-    }
-    const existingLock = state.mvcpAnchorLock;
-    const quietPasses = !dataChanged && Math.abs(positionDiff) <= MVCP_POSITION_EPSILON && (existingLock == null ? void 0 : existingLock.id) === anchorId ? existingLock.quietPasses + 1 : 0;
-    if (!dataChanged && quietPasses >= MVCP_ANCHOR_LOCK_QUIET_PASSES_TO_RELEASE) {
-      state.mvcpAnchorLock = void 0;
-      return;
-    }
-    state.mvcpAnchorLock = {
-      expiresAt: now + MVCP_ANCHOR_LOCK_TTL_MS,
-      id: anchorId,
-      position: anchorPosition,
-      quietPasses
-    };
-  }
-}
-function shouldQueueNativeMVCPAdjust(dataChanged, state, positionDiff, prevTotalSize, prevScroll, scrollTarget) {
-  if (!dataChanged || Platform.OS === "web" || !state.props.maintainVisibleContentPosition.data || scrollTarget !== void 0 || positionDiff >= -MVCP_POSITION_EPSILON) {
-    return false;
-  }
-  const distanceFromEnd = prevTotalSize - prevScroll - state.scrollLength;
-  return distanceFromEnd < Math.abs(positionDiff) - MVCP_POSITION_EPSILON;
-}
-function getPredictedNativeClamp(state, unresolvedAmount, totalSize) {
-  if (Math.abs(unresolvedAmount) <= MVCP_POSITION_EPSILON) {
-    return 0;
-  }
-  const maxScroll = Math.max(0, totalSize - state.scrollLength);
-  const clampDelta = maxScroll - state.scroll;
-  if (unresolvedAmount < 0) {
-    return Math.max(unresolvedAmount, Math.min(0, clampDelta));
-  }
-  if (unresolvedAmount > 0) {
-    return Math.min(unresolvedAmount, Math.max(0, clampDelta));
-  }
-  return 0;
-}
-function getProgressTowardAmount(targetDelta, nativeDelta) {
-  return targetDelta < 0 ? -nativeDelta : nativeDelta;
-}
-function settlePendingNativeMVCPAdjust(ctx, remainingAfterManual, nativeDelta) {
-  const state = ctx.state;
-  state.pendingNativeMVCPAdjust = void 0;
-  const remaining = remainingAfterManual - nativeDelta;
-  if (Math.abs(remaining) > MVCP_POSITION_EPSILON) {
-    requestAdjust(ctx, remaining, true);
-  }
-}
-function maybeApplyPredictedNativeMVCPAdjust(ctx) {
-  const state = ctx.state;
-  const pending = state.pendingNativeMVCPAdjust;
-  if (!pending || Math.abs(pending.manualApplied) > MVCP_POSITION_EPSILON) {
-    return;
-  }
-  const totalSize = getContentSize(ctx);
-  const predictedNativeClamp = getPredictedNativeClamp(state, pending.amount, totalSize);
-  if (Math.abs(predictedNativeClamp) <= MVCP_POSITION_EPSILON) {
-    return;
-  }
-  const manualDesired = pending.amount - predictedNativeClamp;
-  if (Math.abs(manualDesired) <= MVCP_POSITION_EPSILON) {
-    return;
-  }
-  pending.manualApplied = manualDesired;
-  requestAdjust(ctx, manualDesired, true);
-  pending.furthestProgressTowardAmount = 0;
-}
-function resolvePendingNativeMVCPAdjust(ctx, newScroll) {
-  const state = ctx.state;
-  const pending = state.pendingNativeMVCPAdjust;
-  if (!pending) {
-    return false;
-  }
-  const remainingAfterManual = pending.amount - pending.manualApplied;
-  const nativeDelta = newScroll - (pending.startScroll + pending.manualApplied);
-  const isWrongDirection = remainingAfterManual < 0 && nativeDelta > MVCP_POSITION_EPSILON || remainingAfterManual > 0 && nativeDelta < -MVCP_POSITION_EPSILON;
-  const progressTowardAmount = getProgressTowardAmount(remainingAfterManual, nativeDelta);
-  if (Math.abs(remainingAfterManual) <= MVCP_POSITION_EPSILON) {
-    state.pendingNativeMVCPAdjust = void 0;
-    return true;
-  }
-  if (isWrongDirection) {
-    state.pendingNativeMVCPAdjust = void 0;
-    return false;
-  }
-  if (progressTowardAmount + MVCP_POSITION_EPSILON >= Math.abs(remainingAfterManual)) {
-    settlePendingNativeMVCPAdjust(ctx, remainingAfterManual, nativeDelta);
-    return true;
-  }
-  const expectedNativeClampScroll = Math.max(0, getContentSize(ctx) - state.scrollLength);
-  const distanceToClamp = Math.abs(newScroll - expectedNativeClampScroll);
-  const isAtExpectedNativeClamp = distanceToClamp <= NATIVE_END_CLAMP_EPSILON;
-  if (isAtExpectedNativeClamp) {
-    settlePendingNativeMVCPAdjust(ctx, remainingAfterManual, nativeDelta);
-    return true;
-  }
-  if (state.pendingMaintainScrollAtEnd && peek$(ctx, "isWithinMaintainScrollAtEndThreshold") && progressTowardAmount > MVCP_POSITION_EPSILON) {
-    settlePendingNativeMVCPAdjust(ctx, remainingAfterManual, nativeDelta);
-    return true;
-  }
-  if (progressTowardAmount > pending.furthestProgressTowardAmount + MVCP_POSITION_EPSILON) {
-    pending.furthestProgressTowardAmount = progressTowardAmount;
-    return false;
-  }
-  if (pending.furthestProgressTowardAmount > MVCP_POSITION_EPSILON && progressTowardAmount < pending.furthestProgressTowardAmount - MVCP_POSITION_EPSILON) {
-    state.pendingNativeMVCPAdjust = void 0;
-    return false;
-  }
-  return false;
-}
-function prepareMVCP(ctx, dataChanged) {
-  const state = ctx.state;
-  const { idsInView, positions, props } = state;
-  const {
-    maintainVisibleContentPosition: { data: mvcpData, size: mvcpScroll, shouldRestorePosition }
-  } = props;
-  const isWeb = Platform.OS === "web";
-  const now = Date.now();
-  const enableMVCPAnchorLock = isWeb && (!!dataChanged || !!state.mvcpAnchorLock);
-  const scrollingTo = state.scrollingTo;
-  if (isWeb && dataChanged && state.pendingScrollToEnd && scrollingTo === void 0) {
-    state.mvcpAnchorLock = void 0;
-    return void 0;
-  }
-  const anchorLock = isWeb ? resolveAnchorLock(state, enableMVCPAnchorLock, mvcpData, now) : void 0;
-  let prevPosition;
-  let targetId;
-  const idsInViewWithPositions = [];
-  const scrollTarget = scrollingTo == null ? void 0 : scrollingTo.index;
-  const scrollingToViewPosition = scrollingTo == null ? void 0 : scrollingTo.viewPosition;
-  const isEndAnchoredScrollTarget = scrollTarget !== void 0 && state.props.data.length > 0 && scrollTarget >= state.props.data.length - 1 && (scrollingToViewPosition != null ? scrollingToViewPosition : 0) > 0;
-  const shouldMVCP = dataChanged ? mvcpData : mvcpScroll;
-  const indexByKey = state.indexByKey;
-  const prevScroll = state.scroll;
-  const prevTotalSize = getContentSize(ctx);
-  if (shouldMVCP) {
-    if (!isWeb && state.pendingNativeMVCPAdjust && scrollTarget === void 0) {
-      maybeApplyPredictedNativeMVCPAdjust(ctx);
-      return void 0;
-    }
-    if (anchorLock && scrollTarget === void 0) {
-      targetId = anchorLock.id;
-      prevPosition = anchorLock.position;
-    } else if (scrollTarget !== void 0) {
-      if (!IsNewArchitecture && (scrollingTo == null ? void 0 : scrollingTo.isInitialScroll)) {
-        return void 0;
-      }
-      targetId = getId(state, scrollTarget);
-    } else if (idsInView.length > 0 && state.didContainersLayout && !dataChanged) {
-      targetId = idsInView.find((id) => indexByKey.get(id) !== void 0);
-    }
-    if (dataChanged && idsInView.length > 0 && state.didContainersLayout) {
-      for (let i = 0; i < idsInView.length; i++) {
-        const id = idsInView[i];
-        const index = indexByKey.get(id);
-        if (index !== void 0) {
-          const position = positions[index];
-          if (position !== void 0) {
-            idsInViewWithPositions.push({ id, position });
-          }
-        }
-      }
-    }
-    if (targetId !== void 0 && prevPosition === void 0) {
-      const targetIndex = indexByKey.get(targetId);
-      if (targetIndex !== void 0) {
-        prevPosition = positions[targetIndex];
+    if (targetId !== void 0 && prevPosition === void 0) {
+      const targetIndex = indexByKey.get(targetId);
+      if (targetIndex !== void 0) {
+        prevPosition = positions[targetIndex];
       }
     }
     return () => {
@@ -4778,7 +4095,21 @@ function getIdsInVisibleRange(state, range) {
   }
   return idsInView;
 }
-function updateViewabilityForCachedRange(ctx, viewabilityConfigCallbackPairs, scrollLength, scroll, scrollBottom) {
+function maybeEmitFirstVisibleItemChanged(state, index) {
+  var _a3;
+  const onFirstVisibleItemChanged = state.props.onFirstVisibleItemChanged;
+  if (!onFirstVisibleItemChanged || index === null || index < 0 || index >= state.props.data.length) {
+    return;
+  }
+  const key = (_a3 = state.idCache[index]) != null ? _a3 : getId(state, index);
+  const previous = state.lastFirstVisibleItemCallback;
+  if ((previous == null ? void 0 : previous.index) === index && previous.key === key) {
+    return;
+  }
+  state.lastFirstVisibleItemCallback = { index, key };
+  onFirstVisibleItemChanged({ index, item: state.props.data[index], key });
+}
+function findFirstVisibleIndexInCachedRange(ctx, scroll) {
   var _a3, _b;
   const state = ctx.state;
   const {
@@ -4790,13 +4121,37 @@ function updateViewabilityForCachedRange(ctx, viewabilityConfigCallbackPairs, sc
     startBuffered
   } = state;
   if (startBuffered === null || endBuffered === null || startBuffered < 0 || endBuffered < startBuffered) {
-    return;
+    return null;
   }
-  const visibleRange = {
-    endNoBuffer: null,
-    firstFullyOnScreenIndex: void 0,
-    startNoBuffer: null
-  };
+  for (let i = startBuffered; i <= endBuffered && i < data.length; i++) {
+    const id = (_a3 = idCache[i]) != null ? _a3 : getId(state, i);
+    const size = (_b = sizes.get(id)) != null ? _b : getItemSize(ctx, id, i, data[i]);
+    const top = positions[i];
+    if (top + size > scroll) {
+      return i;
+    }
+  }
+  return null;
+}
+function updateViewabilityForCachedRange(ctx, viewabilityConfigCallbackPairs, scrollLength, scroll, scrollBottom) {
+  var _a3, _b;
+  const state = ctx.state;
+  const {
+    endBuffered,
+    idCache,
+    positions,
+    props: { data },
+    sizes,
+    startBuffered
+  } = state;
+  if (startBuffered === null || endBuffered === null || startBuffered < 0 || endBuffered < startBuffered) {
+    return;
+  }
+  const visibleRange = {
+    endNoBuffer: null,
+    firstFullyOnScreenIndex: void 0,
+    startNoBuffer: null
+  };
   for (let i = startBuffered; i <= endBuffered && i < data.length; i++) {
     const id = (_a3 = idCache[i]) != null ? _a3 : getId(state, i);
     const size = (_b = sizes.get(id)) != null ? _b : getItemSize(ctx, id, i, data[i]);
@@ -4812,6 +4167,7 @@ function updateViewabilityForCachedRange(ctx, viewabilityConfigCallbackPairs, sc
     idsInView: getIdsInVisibleRange(state, visibleRange),
     startNoBuffer: visibleRange.startNoBuffer
   });
+  maybeEmitFirstVisibleItemChanged(state, visibleRange.startNoBuffer);
   if (visibleRange.startNoBuffer !== null && visibleRange.endNoBuffer !== null) {
     updateViewableItems(
       state,
@@ -4937,6 +4293,8 @@ function calculateItemsInView(ctx, params = {}) {
               scroll,
               scrollBottom
             );
+          } else if (state.props.onFirstVisibleItemChanged) {
+            maybeEmitFirstVisibleItemChanged(state, findFirstVisibleIndexInCachedRange(ctx, scroll));
           }
           (_d = stickyState == null ? void 0 : stickyState.finishCalculateItemsInView) == null ? void 0 : _d.call(stickyState);
           return;
@@ -5172,87 +4530,1035 @@ function calculateItemsInView(ctx, params = {}) {
           state.userScrollAnchorReset = void 0;
         }
       }
-      if (alwaysRenderArr.length > 0) {
-        for (const index of alwaysRenderArr) {
-          if (index < 0 || index >= dataLength) continue;
-          const id = (_r = idCache[index]) != null ? _r : getId(state, index);
-          const containerIndex = containerItemKeys.get(id);
-          if (containerIndex !== void 0) {
-            state.stickyContainerPool.add(containerIndex);
-          }
-        }
+      if (alwaysRenderArr.length > 0) {
+        for (const index of alwaysRenderArr) {
+          if (index < 0 || index >= dataLength) continue;
+          const id = (_r = idCache[index]) != null ? _r : getId(state, index);
+          const containerIndex = containerItemKeys.get(id);
+          if (containerIndex !== void 0) {
+            state.stickyContainerPool.add(containerIndex);
+          }
+        }
+      }
+    }
+    if (state.stickyContainerPool.size > 0) {
+      handleStickyRecycling(
+        ctx,
+        stickyHeaderIndicesArr,
+        scroll,
+        drawDistance,
+        (_s = stickyState == null ? void 0 : stickyState.currentStickyIdx) != null ? _s : -1,
+        pendingRemoval,
+        alwaysRenderSet
+      );
+    }
+    const pendingRemovalSet = pendingRemoval.length > 0 ? new Set(pendingRemoval) : void 0;
+    let didChangePositions = false;
+    for (let i = 0; i < numContainers; i++) {
+      const itemKey = peek$(ctx, `containerItemKey${i}`);
+      if (pendingRemovalSet == null ? void 0 : pendingRemovalSet.has(i)) {
+        if (itemKey !== void 0) {
+          containerItemKeys.delete(itemKey);
+        }
+        state.containerItemTypes.delete(i);
+        if (state.stickyContainerPool.has(i)) {
+          set$(ctx, `containerSticky${i}`, false);
+          state.stickyContainerPool.delete(i);
+        }
+        set$(ctx, `containerItemKey${i}`, void 0);
+        set$(ctx, `containerItemData${i}`, void 0);
+        set$(ctx, `containerPosition${i}`, POSITION_OUT_OF_VIEW);
+        set$(ctx, `containerColumn${i}`, -1);
+        set$(ctx, `containerSpan${i}`, 1);
+      } else {
+        const itemIndex = indexByKey.get(itemKey);
+        if (itemIndex !== void 0) {
+          didChangePositions = syncMountedContainer(ctx, i, itemIndex, {
+            scrollAdjustPending,
+            updateLayout: true
+          }).didChangePosition || didChangePositions;
+        }
+      }
+    }
+    if (Platform.OS === "web" && didChangePositions) {
+      set$(ctx, "lastPositionUpdate", Date.now());
+    }
+    if (suppressInitialScrollSideEffects) {
+      evaluateBootstrapInitialScroll(ctx);
+      return;
+    }
+    maybeEmitFirstVisibleItemChanged(state, visibleRange.startNoBuffer);
+    if (!queuedInitialLayout && !state.didContainersLayout) {
+      const isInitialLayoutReady = hasActiveInitialScroll(state) ? checkAllSizesKnown(state, state.startBuffered, state.endBuffered) : checkAllSizesKnown(state, state.startNoBuffer, state.endNoBuffer) || checkAllSizesKnown(state, state.startBuffered, state.endBuffered);
+      if (isInitialLayoutReady) {
+        setDidLayout(ctx);
+        handleInitialScrollLayoutReady(ctx);
+      }
+    }
+    if (viewabilityConfigCallbackPairs && visibleRange.startNoBuffer !== null && visibleRange.endNoBuffer !== null) {
+      if (!didMVCPAdjustScroll) {
+        updateViewableItems(
+          ctx.state,
+          ctx,
+          viewabilityConfigCallbackPairs,
+          scrollLength,
+          visibleRange.startNoBuffer,
+          visibleRange.endNoBuffer,
+          startBuffered != null ? startBuffered : visibleRange.startNoBuffer,
+          endBuffered != null ? endBuffered : visibleRange.endNoBuffer
+        );
+      }
+    }
+    (_t = stickyState == null ? void 0 : stickyState.finishCalculateItemsInView) == null ? void 0 : _t.call(stickyState);
+  });
+}
+
+// src/core/updateAnchoredEndSpace.ts
+function maybeUpdateAnchoredEndSpace(ctx) {
+  var _a3, _b;
+  const state = ctx.state;
+  const anchoredEndSpace = state.props.anchoredEndSpace;
+  const previousSize = peek$(ctx, "anchoredEndSpaceSize");
+  const previousReadyAnchorIndex = state.anchoredEndSpaceReadyAnchorIndex;
+  const previousReadyAnchorKey = state.anchoredEndSpaceReadyAnchorKey;
+  const nextAnchorIndex = anchoredEndSpace == null ? void 0 : anchoredEndSpace.anchorIndex;
+  let nextAnchorKey;
+  let isReady = true;
+  let nextSize = 0;
+  if (anchoredEndSpace) {
+    const { anchorIndex, anchorMaxSize, anchorOffset = 0 } = anchoredEndSpace;
+    const { data } = state.props;
+    if (anchorIndex >= 0 && anchorIndex < data.length && state.scrollLength > 0) {
+      nextAnchorKey = getId(state, anchorIndex);
+      let contentBelowAnchor = 0;
+      const footerSize = ctx.values.get("footerSize") || 0;
+      const stylePaddingBottom = state.props.stylePaddingBottom || 0;
+      let hasUnknownTailSize = false;
+      for (let index = anchorIndex; index < data.length; index++) {
+        const size = getKnownOrFixedItemSize(ctx, index);
+        const effectiveSize = index === anchorIndex && anchorMaxSize !== void 0 ? Math.min(size || 0, Math.max(0, anchorMaxSize)) : size;
+        if (size === void 0) {
+          hasUnknownTailSize = true;
+        }
+        if (effectiveSize !== null && effectiveSize !== void 0 && effectiveSize > 0) {
+          contentBelowAnchor += effectiveSize;
+        }
+      }
+      contentBelowAnchor += footerSize + stylePaddingBottom;
+      isReady = !hasUnknownTailSize;
+      nextSize = hasUnknownTailSize ? previousSize || 0 : Math.max(0, state.scrollLength - contentBelowAnchor - anchorOffset);
+    } else if (anchorIndex >= 0) {
+      isReady = false;
+    }
+  }
+  const didSizeChange = previousSize !== nextSize;
+  const didReadyAnchorChange = previousReadyAnchorIndex !== nextAnchorIndex || previousReadyAnchorKey !== nextAnchorKey;
+  if (isReady && (didSizeChange || didReadyAnchorChange)) {
+    state.anchoredEndSpaceReadyAnchorIndex = nextAnchorIndex;
+    state.anchoredEndSpaceReadyAnchorKey = nextAnchorKey;
+    if (didSizeChange) {
+      set$(ctx, "anchoredEndSpaceSize", nextSize);
+      (_a3 = anchoredEndSpace == null ? void 0 : anchoredEndSpace.onSizeChanged) == null ? void 0 : _a3.call(anchoredEndSpace, nextSize);
+    }
+    if (didSizeChange && (anchoredEndSpace == null ? void 0 : anchoredEndSpace.includeInEndInset)) {
+      updateScroll(ctx, state.scroll, true);
+    }
+    (_b = anchoredEndSpace == null ? void 0 : anchoredEndSpace.onReady) == null ? void 0 : _b.call(anchoredEndSpace, { anchorIndex: nextAnchorIndex, anchorKey: nextAnchorKey, size: nextSize });
+  }
+  return nextSize;
+}
+var PixelRatio = ReactNative.PixelRatio;
+
+// src/utils/layoutMeasurement.ts
+var FLOATING_POINT_SLACK = 0.01;
+var NATIVE_LAYOUT_MEASUREMENT_EPSILON = 1 / PixelRatio.get() + FLOATING_POINT_SLACK;
+function isWithinEpsilon(delta) {
+  return Math.abs(delta) <= NATIVE_LAYOUT_MEASUREMENT_EPSILON;
+}
+function isNativeLayoutNoise(delta) {
+  return isWithinEpsilon(delta);
+}
+
+// src/core/updateItemSizes.ts
+function runOrScheduleMVCPRecalculate(ctx) {
+  var _a3;
+  const state = ctx.state;
+  if (state.userScrollAnchorReset !== void 0) {
+    calculateItemsInView(ctx);
+    if (((_a3 = state.userScrollAnchorReset) == null ? void 0 : _a3.keys.size) === 0) {
+      state.userScrollAnchorReset = void 0;
+    }
+  } else if (Platform.OS === "web") {
+    if (!state.mvcpAnchorLock) {
+      if (state.queuedMVCPRecalculate !== void 0) {
+        cancelAnimationFrame(state.queuedMVCPRecalculate);
+        state.queuedMVCPRecalculate = void 0;
+      }
+      calculateItemsInView(ctx, { doMVCP: true });
+    } else if (state.queuedMVCPRecalculate === void 0) {
+      state.queuedMVCPRecalculate = requestAnimationFrame(() => {
+        state.queuedMVCPRecalculate = void 0;
+        calculateItemsInView(ctx, { doMVCP: true });
+      });
+    }
+  } else {
+    calculateItemsInView(ctx, { doMVCP: true });
+  }
+}
+function updateOtherAxisSizeIfNeeded(ctx, sizeObj, horizontal) {
+  const state = ctx.state;
+  if (state.needsOtherAxisSize) {
+    const otherAxisSize = horizontal ? sizeObj.height : sizeObj.width;
+    const currentOtherAxisSize = peek$(ctx, "otherAxisSize");
+    if (!currentOtherAxisSize || otherAxisSize > currentOtherAxisSize) {
+      set$(ctx, "otherAxisSize", otherAxisSize);
+    }
+  }
+}
+function mergeItemSizeUpdateResult(result, next) {
+  result.didChange || (result.didChange = next.didChange);
+  result.didMeasureUserScrollAnchorResetItem || (result.didMeasureUserScrollAnchorResetItem = next.didMeasureUserScrollAnchorResetItem);
+  result.needsRecalculate || (result.needsRecalculate = next.needsRecalculate);
+  result.shouldMaintainScrollAtEnd || (result.shouldMaintainScrollAtEnd = next.shouldMaintainScrollAtEnd);
+}
+function flushItemSizeUpdates(ctx, result) {
+  var _a3;
+  const state = ctx.state;
+  if (result.needsRecalculate) {
+    state.scrollForNextCalculateItemsInView = void 0;
+    runOrScheduleMVCPRecalculate(ctx);
+  } else if (result.didMeasureUserScrollAnchorResetItem && ((_a3 = state.userScrollAnchorReset) == null ? void 0 : _a3.keys.size) === 0) {
+    state.userScrollAnchorReset = void 0;
+  }
+  if (result.didChange && result.shouldMaintainScrollAtEnd) {
+    doMaintainScrollAtEnd(ctx);
+  }
+}
+function updateItemSizes(ctx, measurement) {
+  var _a3, _b, _c, _d;
+  const state = ctx.state;
+  const pendingKeys = (_a3 = state.userScrollAnchorReset) == null ? void 0 : _a3.keys;
+  const shouldBatchPendingMeasurements = IsNewArchitecture && measurement.fromLayoutEffect && !!(pendingKeys == null ? void 0 : pendingKeys.size);
+  if (!shouldBatchPendingMeasurements) {
+    flushItemSizeUpdates(ctx, applyItemSize(ctx, measurement.itemKey, measurement.size));
+  } else {
+    const result = {};
+    const updateContainerItemSize = (itemKey, containerId, size) => {
+      if (containerId !== void 0 && peek$(ctx, `containerItemKey${containerId}`) === itemKey) {
+        mergeItemSizeUpdateResult(result, applyItemSize(ctx, itemKey, size));
+      }
+    };
+    updateContainerItemSize(measurement.itemKey, measurement.containerId, measurement.size);
+    const keys = Array.from(pendingKeys);
+    for (const itemKey of keys) {
+      const containerId = state.containerItemKeys.get(itemKey);
+      if (containerId !== void 0) {
+        (_d = (_c = (_b = ctx.viewRefs.get(containerId)) == null ? void 0 : _b.current) == null ? void 0 : _c.measure) == null ? void 0 : _d.call(_c, (_x, _y, width, height) => {
+          if (pendingKeys.has(itemKey)) {
+            updateContainerItemSize(itemKey, containerId, { height, width });
+          }
+        });
+      }
+    }
+    flushItemSizeUpdates(ctx, result);
+  }
+}
+function applyItemSize(ctx, itemKey, sizeObj) {
+  var _a3;
+  const state = ctx.state;
+  const userScrollAnchorReset = state.userScrollAnchorReset;
+  const didMeasureUserScrollAnchorResetItem = !!(userScrollAnchorReset == null ? void 0 : userScrollAnchorReset.keys.delete(itemKey));
+  const {
+    didContainersLayout,
+    sizesKnown,
+    props: { getFixedItemSize, getItemType, horizontal, onItemSizeChanged, data, maintainScrollAtEnd }
+  } = state;
+  if (!data) return { didMeasureUserScrollAnchorResetItem };
+  const index = state.indexByKey.get(itemKey);
+  let resolvedMeasurementItem;
+  if (getFixedItemSize) {
+    if (index === void 0) {
+      return { didMeasureUserScrollAnchorResetItem };
+    }
+    const itemData = state.props.data[index];
+    if (itemData === void 0) {
+      return { didMeasureUserScrollAnchorResetItem };
+    }
+    const type = getItemType ? (_a3 = getItemType(itemData, index)) != null ? _a3 : "" : "";
+    const size2 = getFixedItemSize(itemData, index, type);
+    resolvedMeasurementItem = {
+      didResolveFixedItemSize: true,
+      fixedItemSize: size2,
+      itemData,
+      itemType: type
+    };
+    if (size2 !== void 0 && size2 === sizesKnown.get(itemKey)) {
+      updateOtherAxisSizeIfNeeded(ctx, sizeObj, horizontal);
+      return { didMeasureUserScrollAnchorResetItem };
+    }
+  }
+  let needsRecalculate = !didContainersLayout;
+  let shouldMaintainScrollAtEnd = false;
+  let minIndexSizeChanged;
+  const prevSizeKnown = state.sizesKnown.get(itemKey);
+  const diff = updateOneItemSize(ctx, itemKey, sizeObj, resolvedMeasurementItem);
+  const size = roundSize(horizontal ? sizeObj.width : sizeObj.height);
+  if (diff !== 0) {
+    minIndexSizeChanged = minIndexSizeChanged !== void 0 ? Math.min(minIndexSizeChanged, index) : index;
+    const { startBuffered, endBuffered } = state;
+    needsRecalculate || (needsRecalculate = index >= startBuffered && index <= endBuffered);
+    if (!needsRecalculate && state.containerItemKeys.has(itemKey)) {
+      needsRecalculate = true;
+    }
+    if (prevSizeKnown !== void 0 && Math.abs(prevSizeKnown - size) > 5) {
+      shouldMaintainScrollAtEnd = true;
+    }
+    onItemSizeChanged == null ? void 0 : onItemSizeChanged({
+      index,
+      itemData: state.props.data[index],
+      itemKey,
+      previous: size - diff,
+      size
+    });
+    maybeUpdateAnchoredEndSpace(ctx);
+  }
+  if (minIndexSizeChanged !== void 0) {
+    state.minIndexSizeChanged = state.minIndexSizeChanged !== void 0 ? Math.min(state.minIndexSizeChanged, minIndexSizeChanged) : minIndexSizeChanged;
+  }
+  updateOtherAxisSizeIfNeeded(ctx, sizeObj, horizontal);
+  if (didContainersLayout || checkAllSizesKnown(state, state.startBuffered, state.endBuffered)) {
+    const canMaintainScrollAtEnd = shouldMaintainScrollAtEnd && !!(maintainScrollAtEnd == null ? void 0 : maintainScrollAtEnd.onItemLayout);
+    return {
+      didChange: diff !== 0,
+      didMeasureUserScrollAnchorResetItem,
+      needsRecalculate,
+      shouldMaintainScrollAtEnd: canMaintainScrollAtEnd
+    };
+  }
+  return {
+    didChange: diff !== 0,
+    didMeasureUserScrollAnchorResetItem
+  };
+}
+function updateOneItemSize(ctx, itemKey, sizeObj, resolvedMeasurementItem) {
+  var _a3, _b, _c;
+  const state = ctx.state;
+  const {
+    indexByKey,
+    sizesKnown,
+    averageSizes,
+    props: { data, horizontal, getItemType, getFixedItemSize }
+  } = state;
+  if (!data) return 0;
+  const index = indexByKey.get(itemKey);
+  const itemData = (_a3 = resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.itemData) != null ? _a3 : data[index];
+  let itemType = resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.itemType;
+  let fixedItemSize = resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.fixedItemSize;
+  if (getFixedItemSize && !(resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.didResolveFixedItemSize)) {
+    itemType = getItemType ? (_b = getItemType(itemData, index)) != null ? _b : "" : "";
+    fixedItemSize = getFixedItemSize(itemData, index, itemType);
+  }
+  const resolvedItemSize = (resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.didResolveFixedItemSize) || itemType !== void 0 || fixedItemSize !== void 0 ? {
+    didResolveFixedItemSize: resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.didResolveFixedItemSize,
+    fixedItemSize,
+    itemType
+  } : void 0;
+  const prevSize = getItemSize(ctx, itemKey, index, itemData, void 0, void 0, void 0, resolvedItemSize);
+  const rawSize = horizontal ? sizeObj.width : sizeObj.height;
+  const prevSizeKnown = sizesKnown.get(itemKey);
+  if (Platform.OS !== "web" && prevSizeKnown !== void 0 && isNativeLayoutNoise(rawSize - prevSizeKnown)) {
+    return 0;
+  }
+  const size = Platform.OS === "web" ? Math.round(rawSize) : roundSize(rawSize);
+  sizesKnown.set(itemKey, size);
+  if (fixedItemSize === void 0 && size > 0) {
+    itemType != null ? itemType : itemType = getItemType ? (_c = getItemType(itemData, index)) != null ? _c : "" : "";
+    let averages = averageSizes[itemType];
+    if (!averages) {
+      averages = averageSizes[itemType] = { avg: 0, num: 0 };
+    }
+    if (averages.num === 0) {
+      averages.avg = size;
+      averages.num++;
+    } else if (prevSizeKnown !== void 0 && prevSizeKnown > 0) {
+      averages.avg += (size - prevSizeKnown) / averages.num;
+    } else {
+      averages.avg = (averages.avg * averages.num + size) / (averages.num + 1);
+      averages.num++;
+    }
+  }
+  if (!prevSize || Math.abs(prevSize - size) > 0.1) {
+    setSize(ctx, itemKey, size);
+    return size - prevSize;
+  }
+  return 0;
+}
+function useOnLayoutSync({
+  ref,
+  onLayoutProp,
+  onLayoutChange
+}, deps = []) {
+  const onLayout = React2.useCallback(
+    (event) => {
+      const { layout } = event.nativeEvent;
+      onLayoutChange(layout, false);
+      onLayoutProp == null ? void 0 : onLayoutProp(event);
+    },
+    [onLayoutChange, onLayoutProp]
+  );
+  if (IsNewArchitecture) {
+    React2.useLayoutEffect(() => {
+      if (ref.current) {
+        ref.current.measure((x, y, width, height) => {
+          onLayoutChange({ height, width, x, y }, true);
+        });
+      }
+    }, deps);
+  }
+  return { onLayout };
+}
+
+// src/components/Container.tsx
+function getContainerPositionStyle({
+  columnWrapperStyle,
+  contentContainerAlignItems,
+  horizontal,
+  hasItemSeparator,
+  isHorizontalRTLList,
+  numColumns,
+  otherAxisPos,
+  otherAxisSize
+}) {
+  let paddingStyles;
+  if (columnWrapperStyle) {
+    const { columnGap, rowGap, gap } = columnWrapperStyle;
+    if (horizontal) {
+      paddingStyles = {
+        paddingBottom: numColumns > 1 ? (rowGap || gap || 0) / 2 : void 0,
+        paddingRight: columnGap || gap || void 0,
+        paddingTop: numColumns > 1 ? (rowGap || gap || 0) / 2 : void 0
+      };
+    } else {
+      paddingStyles = {
+        paddingBottom: rowGap || gap || void 0,
+        paddingLeft: numColumns > 1 ? (columnGap || gap || 0) / 2 : void 0,
+        paddingRight: numColumns > 1 ? (columnGap || gap || 0) / 2 : void 0
+      };
+    }
+  }
+  return horizontal ? {
+    bottom: contentContainerAlignItems === "flex-end" && numColumns === 1 ? 0 : void 0,
+    boxSizing: paddingStyles ? "border-box" : void 0,
+    direction: isHorizontalRTLList && Platform.OS === "web" ? "ltr" : void 0,
+    flexDirection: hasItemSeparator ? "row" : void 0,
+    height: otherAxisSize,
+    left: 0,
+    position: "absolute",
+    top: contentContainerAlignItems === "flex-end" && numColumns === 1 ? void 0 : otherAxisPos,
+    ...paddingStyles || {}
+  } : {
+    boxSizing: paddingStyles ? "border-box" : void 0,
+    left: otherAxisPos,
+    position: "absolute",
+    right: numColumns > 1 ? null : 0,
+    top: 0,
+    width: otherAxisSize,
+    ...paddingStyles || {}
+  };
+}
+var Container = typedMemo(function Container2({
+  id,
+  itemKey,
+  recycleItems,
+  horizontal,
+  getRenderedItem: getRenderedItem2,
+  ItemSeparatorComponent,
+  stickyHeaderConfig
+}) {
+  const ctx = useStateContext();
+  const { columnWrapperStyle, animatedScrollY } = ctx;
+  const isHorizontalRTLList = isHorizontalRTL(ctx.state);
+  const positionComponentInternal = ctx.state.props.positionComponentInternal;
+  const stickyPositionComponentInternal = ctx.state.props.stickyPositionComponentInternal;
+  const [column = 0, span = 1, data, numColumns = 1, extraData, isSticky] = useArr$([
+    `containerColumn${id}`,
+    `containerSpan${id}`,
+    `containerItemData${id}`,
+    "numColumns",
+    "extraData",
+    `containerSticky${id}`
+  ]);
+  const itemLayoutRef = React2.useRef({
+    didLayout: false,
+    horizontal,
+    itemKey,
+    pendingShrinkToken: 0
+  });
+  itemLayoutRef.current.horizontal = horizontal;
+  itemLayoutRef.current.itemKey = itemKey;
+  const ref = React2.useRef(null);
+  const [layoutRenderCount, forceLayoutRender] = React2.useState(0);
+  const resolvedColumn = column > 0 ? column : 1;
+  const resolvedSpan = Math.min(Math.max(span || 1, 1), numColumns);
+  const otherAxisPos = numColumns > 1 ? `${(resolvedColumn - 1) / numColumns * 100}%` : 0;
+  const otherAxisSize = numColumns > 1 ? `${resolvedSpan / numColumns * 100}%` : void 0;
+  const style = React2.useMemo(
+    () => getContainerPositionStyle({
+      columnWrapperStyle,
+      contentContainerAlignItems: ctx.state.props.contentContainerAlignItems,
+      hasItemSeparator: !!ItemSeparatorComponent,
+      horizontal,
+      isHorizontalRTLList,
+      numColumns,
+      otherAxisPos,
+      otherAxisSize
+    }),
+    [
+      horizontal,
+      isHorizontalRTLList,
+      otherAxisPos,
+      otherAxisSize,
+      columnWrapperStyle,
+      ctx.state.props.contentContainerAlignItems,
+      numColumns,
+      ItemSeparatorComponent
+    ]
+  );
+  const renderedItemInfo = React2.useMemo(
+    () => itemKey !== void 0 ? getRenderedItem2(itemKey) : null,
+    [itemKey, data, extraData]
+  );
+  const { index, renderedItem } = renderedItemInfo || {};
+  const onLayoutChange = React2.useCallback((rectangle, fromLayoutEffect) => {
+    var _a3, _b;
+    const {
+      horizontal: currentHorizontal,
+      itemKey: currentItemKey,
+      lastSize,
+      pendingShrinkToken
+    } = itemLayoutRef.current;
+    if (isNullOrUndefined(currentItemKey)) {
+      return;
+    }
+    itemLayoutRef.current.didLayout = true;
+    let layout = rectangle;
+    const axis = currentHorizontal ? "width" : "height";
+    const size = roundSize(rectangle[axis]);
+    const prevSize = lastSize ? roundSize(lastSize[axis]) : void 0;
+    const doUpdate = () => {
+      itemLayoutRef.current.lastSize = layout;
+      updateItemSizes(ctx, {
+        containerId: id,
+        fromLayoutEffect,
+        itemKey: currentItemKey,
+        size: layout
+      });
+      itemLayoutRef.current.didLayout = true;
+    };
+    const shouldDeferWebShrinkLayoutUpdate = Platform.OS === "web" && !isInMVCPActiveMode(ctx.state) && prevSize !== void 0 && size + 1 < prevSize;
+    if (shouldDeferWebShrinkLayoutUpdate) {
+      const token = pendingShrinkToken + 1;
+      itemLayoutRef.current.pendingShrinkToken = token;
+      requestAnimationFrame(() => {
+        var _a4;
+        if (itemLayoutRef.current.pendingShrinkToken !== token) {
+          return;
+        }
+        const element = ref.current;
+        const rect = (_a4 = element == null ? void 0 : element.getBoundingClientRect) == null ? void 0 : _a4.call(element);
+        if (rect) {
+          layout = { height: rect.height, width: rect.width };
+        }
+        doUpdate();
+      });
+      return;
+    }
+    if (IsNewArchitecture || size > 0) {
+      doUpdate();
+    } else {
+      (_b = (_a3 = ref.current) == null ? void 0 : _a3.measure) == null ? void 0 : _b.call(_a3, (_x, _y, width, height) => {
+        layout = { height, width };
+        doUpdate();
+      });
+    }
+  }, []);
+  const triggerLayout = React2.useCallback(() => {
+    forceLayoutRender((v) => v + 1);
+  }, []);
+  const contextValue = React2.useMemo(() => {
+    ctx.viewRefs.set(id, ref);
+    return {
+      containerId: id,
+      index,
+      itemKey,
+      triggerLayout,
+      value: data
+    };
+  }, [id, itemKey, index, data, triggerLayout]);
+  React2.useLayoutEffect(() => {
+    ctx.containerLayoutTriggers.set(id, triggerLayout);
+    return () => {
+      if (ctx.containerLayoutTriggers.get(id) === triggerLayout) {
+        ctx.containerLayoutTriggers.delete(id);
+      }
+    };
+  }, [ctx, id, triggerLayout]);
+  const { onLayout } = useOnLayoutSync(
+    {
+      onLayoutChange,
+      ref},
+    [itemKey, layoutRenderCount]
+  );
+  if (!IsNewArchitecture) {
+    React2.useEffect(() => {
+      if (!isNullOrUndefined(itemKey)) {
+        itemLayoutRef.current.didLayout = false;
+        const timeout = setTimeout(() => {
+          if (!itemLayoutRef.current.didLayout) {
+            const { itemKey: currentItemKey, lastSize } = itemLayoutRef.current;
+            if (lastSize && !isNullOrUndefined(currentItemKey)) {
+              updateItemSizes(ctx, {
+                containerId: id,
+                fromLayoutEffect: false,
+                itemKey: currentItemKey,
+                size: lastSize
+              });
+              itemLayoutRef.current.didLayout = true;
+            }
+          }
+        }, 16);
+        return () => {
+          clearTimeout(timeout);
+        };
+      }
+    }, [itemKey]);
+  }
+  const PositionComponent = isSticky ? stickyPositionComponentInternal ? stickyPositionComponentInternal : PositionViewSticky : positionComponentInternal ? positionComponentInternal : PositionView;
+  return /* @__PURE__ */ React2__namespace.createElement(
+    PositionComponent,
+    {
+      animatedScrollY: isSticky ? animatedScrollY : void 0,
+      horizontal,
+      id,
+      index,
+      key: recycleItems ? void 0 : itemKey,
+      onLayout,
+      refView: ref,
+      stickyHeaderConfig,
+      style
+    },
+    /* @__PURE__ */ React2__namespace.createElement(ContextContainer.Provider, { value: contextValue }, renderedItem, renderedItemInfo && ItemSeparatorComponent && /* @__PURE__ */ React2__namespace.createElement(Separator, { ItemSeparatorComponent, leadingItem: renderedItemInfo.item }))
+  );
+});
+
+// src/components/ContainerSlot.tsx
+function ContainerSlotBase({
+  id,
+  horizontal,
+  recycleItems,
+  ItemSeparatorComponent,
+  getRenderedItem: getRenderedItem2,
+  stickyHeaderConfig,
+  ContainerComponent = Container
+}) {
+  const [itemKey] = useArr$([`containerItemKey${id}`]);
+  if (itemKey === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React2__namespace.createElement(
+    ContainerComponent,
+    {
+      getRenderedItem: getRenderedItem2,
+      horizontal,
+      ItemSeparatorComponent,
+      id,
+      itemKey,
+      recycleItems,
+      stickyHeaderConfig
+    }
+  );
+}
+var ContainerSlot = typedMemo(function ContainerSlot2(props) {
+  return /* @__PURE__ */ React2__namespace.createElement(ContainerSlotBase, { ...props });
+});
+
+// src/components/Containers.native.tsx
+var ContainersLayer = typedMemo(function ContainersLayer2({ children, horizontal }) {
+  const ctx = useStateContext();
+  const columnWrapperStyle = ctx.columnWrapperStyle;
+  const animSize = useValue$("totalSize");
+  const [readyToRender, numColumns, otherAxisSize = 0] = useArr$(["readyToRender", "numColumns", "otherAxisSize"]);
+  const style = horizontal ? {
+    height: otherAxisSize || "100%",
+    minHeight: otherAxisSize,
+    opacity: readyToRender ? 1 : 0,
+    width: animSize
+  } : { height: animSize, minWidth: otherAxisSize, opacity: readyToRender ? 1 : 0 };
+  if (columnWrapperStyle) {
+    const { columnGap, rowGap, gap } = columnWrapperStyle;
+    const gapX = columnGap || gap || 0;
+    const gapY = rowGap || gap || 0;
+    if (horizontal) {
+      if (gapY && numColumns > 1) {
+        style.marginVertical = -gapY / 2;
+      }
+      if (gapX) {
+        style.marginRight = -gapX;
+      }
+    } else {
+      if (gapX && numColumns > 1) {
+        style.marginHorizontal = -gapX;
+      }
+      if (gapY) {
+        style.marginBottom = -gapY;
+      }
+    }
+  }
+  return /* @__PURE__ */ React2__namespace.createElement(ReactNative.Animated.View, { style }, children);
+});
+var Containers = typedMemo(function Containers2({
+  horizontal,
+  recycleItems,
+  ItemSeparatorComponent,
+  stickyHeaderConfig,
+  getRenderedItem: getRenderedItem2
+}) {
+  const [numContainersPooled] = useArr$(["numContainersPooled"]);
+  const containers = [];
+  for (let i = 0; i < numContainersPooled; i++) {
+    containers.push(
+      /* @__PURE__ */ React2__namespace.createElement(
+        ContainerSlot,
+        {
+          getRenderedItem: getRenderedItem2,
+          horizontal,
+          ItemSeparatorComponent,
+          id: i,
+          key: i,
+          recycleItems,
+          stickyHeaderConfig
+        }
+      )
+    );
+  }
+  return /* @__PURE__ */ React2__namespace.createElement(ContainersLayer, { horizontal }, containers);
+});
+var ListComponentScrollView = ReactNative.Animated.ScrollView;
+
+// src/components/listComponentStyles.ts
+function getAutoOtherAxisStyle({
+  horizontal,
+  needsOtherAxisSize,
+  otherAxisSize
+}) {
+  if (!needsOtherAxisSize || !otherAxisSize || otherAxisSize <= 0) {
+    return void 0;
+  }
+  return horizontal ? { height: otherAxisSize } : { width: otherAxisSize };
+}
+function ScrollAdjust() {
+  var _a3;
+  const ctx = useStateContext();
+  const bias = 1e7;
+  const [scrollAdjust, scrollAdjustUserOffset] = useArr$(["scrollAdjust", "scrollAdjustUserOffset"]);
+  const scrollOffset = (scrollAdjust || 0) + (scrollAdjustUserOffset || 0) + bias;
+  const horizontal = !!((_a3 = ctx.state) == null ? void 0 : _a3.props.horizontal);
+  return /* @__PURE__ */ React2__namespace.createElement(
+    ReactNative.View,
+    {
+      style: {
+        height: 0,
+        left: horizontal ? scrollOffset : 0,
+        position: "absolute",
+        top: horizontal ? 0 : scrollOffset,
+        width: 0
+      }
+    }
+  );
+}
+var SnapWrapper = React2__namespace.forwardRef(function SnapWrapperInner({ ScrollComponent, ...props }, ref) {
+  const [snapToOffsets] = useArr$(["snapToOffsets"]);
+  return /* @__PURE__ */ React2__namespace.createElement(ScrollComponent, { ...props, ref, snapToOffsets });
+});
+function WebAnchoredEndSpace({ horizontal }) {
+  const ctx = useStateContext();
+  const [anchoredEndSpaceSize] = useArr$(["anchoredEndSpaceSize"]);
+  const shouldRenderAnchoredEndSpace = !!ctx.state.props.anchoredEndSpace && (anchoredEndSpaceSize || 0) > 0;
+  if (!shouldRenderAnchoredEndSpace) {
+    return null;
+  }
+  const style = horizontal ? { height: "100%", width: anchoredEndSpaceSize || 0 } : { height: anchoredEndSpaceSize || 0 };
+  return /* @__PURE__ */ React2__namespace.createElement("div", { style }, null);
+}
+
+// src/core/updateContentMetrics.ts
+var SCROLL_ADJUST_EPSILON = 0.1;
+function setContentLengthSignal(ctx, signalName, size) {
+  const didChange = peek$(ctx, signalName) !== size;
+  if (didChange) {
+    set$(ctx, signalName, size);
+    updateContentMetricsState(ctx);
+  }
+  return didChange;
+}
+function shouldAdjustForHeaderSizeChange(ctx, previousHeaderSize, nextHeaderSize) {
+  const { didContainersLayout, didFinishInitialScroll, props, scroll, scrollingTo } = ctx.state;
+  const sizeDiff = nextHeaderSize - previousHeaderSize;
+  const leadingPadding = props.horizontal ? props.stylePaddingLeft : props.stylePaddingTop;
+  const previousHeaderEnd = (leadingPadding || 0) + previousHeaderSize;
+  return Platform.OS === "web" && props.maintainVisibleContentPosition.size && didContainersLayout && didFinishInitialScroll && !scrollingTo && scroll >= previousHeaderEnd - SCROLL_ADJUST_EPSILON && Math.abs(sizeDiff) > SCROLL_ADJUST_EPSILON;
+}
+function setHeaderSize(ctx, size) {
+  const { state } = ctx;
+  const previousHeaderSize = peek$(ctx, "headerSize") || 0;
+  const didChange = previousHeaderSize !== size;
+  const hasMeasuredOrEstimatedHeaderBaseline = state.didMeasureHeader || previousHeaderSize > SCROLL_ADJUST_EPSILON;
+  if (didChange) {
+    set$(ctx, "headerSize", size);
+    updateContentMetricsState(ctx);
+    if (hasMeasuredOrEstimatedHeaderBaseline && shouldAdjustForHeaderSizeChange(ctx, previousHeaderSize, size)) {
+      requestAdjust(ctx, size - previousHeaderSize);
+    }
+  }
+  state.didMeasureHeader = true;
+}
+function setFooterSize(ctx, size) {
+  return setContentLengthSignal(ctx, "footerSize", size);
+}
+function areInsetsEqual(left, right) {
+  var _a3, _b, _c, _d, _e, _f, _g, _h;
+  return ((_a3 = left == null ? void 0 : left.top) != null ? _a3 : 0) === ((_b = right == null ? void 0 : right.top) != null ? _b : 0) && ((_c = left == null ? void 0 : left.bottom) != null ? _c : 0) === ((_d = right == null ? void 0 : right.bottom) != null ? _d : 0) && ((_e = left == null ? void 0 : left.left) != null ? _e : 0) === ((_f = right == null ? void 0 : right.left) != null ? _f : 0) && ((_g = left == null ? void 0 : left.right) != null ? _g : 0) === ((_h = right == null ? void 0 : right.right) != null ? _h : 0);
+}
+function setContentInsetOverride(ctx, inset) {
+  const { state } = ctx;
+  const previousInset = state.contentInsetOverride;
+  const nextInset = inset != null ? inset : void 0;
+  const didChange = !areInsetsEqual(previousInset, nextInset);
+  state.contentInsetOverride = nextInset;
+  if (didChange) {
+    updateContentMetricsState(ctx);
+  }
+  return didChange;
+}
+function useLatestRef(value) {
+  const ref = React2__namespace.useRef(value);
+  ref.current = value;
+  return ref;
+}
+
+// src/hooks/useStableRenderComponent.tsx
+function useStableRenderComponent(renderComponent, mapProps) {
+  const renderComponentRef = useLatestRef(renderComponent);
+  const mapPropsRef = useLatestRef(mapProps);
+  return React2__namespace.useMemo(
+    () => React2__namespace.forwardRef(
+      (props, ref) => {
+        var _a3, _b;
+        return (_b = (_a3 = renderComponentRef.current) == null ? void 0 : _a3.call(renderComponentRef, mapPropsRef.current(props, ref))) != null ? _b : null;
+      }
+    ),
+    [mapPropsRef, renderComponentRef]
+  );
+}
+var LayoutView = ({ onLayoutChange, refView, ...rest }) => {
+  const localRef = React2.useRef(null);
+  const ref = refView != null ? refView : localRef;
+  const { onLayout } = useOnLayoutSync({ onLayoutChange, ref });
+  return /* @__PURE__ */ React2__namespace.createElement(ReactNative.View, { ...rest, onLayout, ref });
+};
+
+// src/components/ListComponent.tsx
+var AlignItemsAtEndSpacer = typedMemo(function AlignItemsAtEndSpacer2({ horizontal }) {
+  const [alignItemsAtEndPadding = 0] = useArr$(["alignItemsAtEndPadding"]);
+  if (alignItemsAtEndPadding <= 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React2__namespace.createElement(
+    View,
+    {
+      style: horizontal ? { flexShrink: 0, width: alignItemsAtEndPadding } : { flexShrink: 0, height: alignItemsAtEndPadding }
+    },
+    null
+  );
+});
+var ListComponent = typedMemo(function ListComponent2({
+  canRender,
+  style,
+  contentContainerStyle,
+  horizontal,
+  initialContentOffset,
+  recycleItems,
+  ItemSeparatorComponent,
+  alignItemsAtEnd: _alignItemsAtEnd,
+  onScroll: onScroll2,
+  onLayout,
+  ListHeaderComponent,
+  ListHeaderComponentStyle,
+  ListFooterComponent,
+  ListFooterComponentStyle,
+  ListEmptyComponent,
+  getRenderedItem: getRenderedItem2,
+  refScrollView,
+  renderScrollComponent,
+  onLayoutFooter,
+  scrollAdjustHandler,
+  snapToIndices,
+  stickyHeaderConfig,
+  stickyHeaderIndices,
+  useWindowScroll = false,
+  ...rest
+}) {
+  const ctx = useStateContext();
+  const maintainVisibleContentPosition = ctx.state.props.maintainVisibleContentPosition;
+  const [otherAxisSize = 0] = useArr$(["otherAxisSize"]);
+  const shouldRenderAlignItemsAtEndSpacer = ctx.state.props.alignItemsAtEndPaddingEnabled;
+  const autoOtherAxisStyle = getAutoOtherAxisStyle({
+    horizontal,
+    needsOtherAxisSize: ctx.state.needsOtherAxisSize,
+    otherAxisSize
+  });
+  const CustomScrollComponent = useStableRenderComponent(
+    renderScrollComponent,
+    (props, ref) => ({ ...props, ref })
+  );
+  const ScrollComponent = renderScrollComponent ? CustomScrollComponent : ListComponentScrollView;
+  const SnapOrScroll = snapToIndices ? SnapWrapper : ScrollComponent;
+  const updateFooterSize = React2.useCallback(
+    (size, afterSizeUpdate) => {
+      var _a3;
+      const didFooterSizeChange = setFooterSize(ctx, size);
+      afterSizeUpdate == null ? void 0 : afterSizeUpdate();
+      if (didFooterSizeChange && ((_a3 = ctx.state.props.maintainScrollAtEnd) == null ? void 0 : _a3.onFooterLayout)) {
+        doMaintainScrollAtEnd(ctx);
       }
+    },
+    [ctx]
+  );
+  React2.useLayoutEffect(() => {
+    if (!ListHeaderComponent) {
+      setHeaderSize(ctx, 0);
     }
-    if (state.stickyContainerPool.size > 0) {
-      handleStickyRecycling(
-        ctx,
-        stickyHeaderIndicesArr,
-        scroll,
-        drawDistance,
-        (_s = stickyState == null ? void 0 : stickyState.currentStickyIdx) != null ? _s : -1,
-        pendingRemoval,
-        alwaysRenderSet
-      );
+    if (!ListFooterComponent) {
+      updateFooterSize(0);
     }
-    const pendingRemovalSet = pendingRemoval.length > 0 ? new Set(pendingRemoval) : void 0;
-    let didChangePositions = false;
-    for (let i = 0; i < numContainers; i++) {
-      const itemKey = peek$(ctx, `containerItemKey${i}`);
-      if (pendingRemovalSet == null ? void 0 : pendingRemovalSet.has(i)) {
-        if (itemKey !== void 0) {
-          containerItemKeys.delete(itemKey);
-        }
-        state.containerItemTypes.delete(i);
-        if (state.stickyContainerPool.has(i)) {
-          set$(ctx, `containerSticky${i}`, false);
-          state.stickyContainerPool.delete(i);
-        }
-        set$(ctx, `containerItemKey${i}`, void 0);
-        set$(ctx, `containerItemData${i}`, void 0);
-        set$(ctx, `containerPosition${i}`, POSITION_OUT_OF_VIEW);
-        set$(ctx, `containerColumn${i}`, -1);
-        set$(ctx, `containerSpan${i}`, 1);
-      } else {
-        const itemIndex = indexByKey.get(itemKey);
-        if (itemIndex !== void 0) {
-          didChangePositions = syncMountedContainer(ctx, i, itemIndex, {
-            scrollAdjustPending,
-            updateLayout: true
-          }).didChangePosition || didChangePositions;
-        }
+  }, [ListHeaderComponent, ListFooterComponent, ctx, updateFooterSize]);
+  const onLayoutHeader = React2.useCallback(
+    (rect) => {
+      const size = rect[horizontal ? "width" : "height"];
+      setHeaderSize(ctx, size);
+    },
+    [ctx, horizontal]
+  );
+  const onLayoutFooterInternal = React2.useCallback(
+    (rect, fromLayoutEffect) => {
+      const size = rect[horizontal ? "width" : "height"];
+      updateFooterSize(size, () => {
+        onLayoutFooter == null ? void 0 : onLayoutFooter(rect, fromLayoutEffect);
+      });
+    },
+    [horizontal, onLayoutFooter, updateFooterSize]
+  );
+  return /* @__PURE__ */ React2__namespace.createElement(
+    SnapOrScroll,
+    {
+      ...rest,
+      ...ScrollComponent === ListComponentScrollView ? { useWindowScroll } : {},
+      contentContainerStyle: [
+        horizontal ? {
+          height: "100%"
+        } : {},
+        contentContainerStyle
+      ],
+      contentOffset: initialContentOffset !== void 0 ? horizontal ? { x: initialContentOffset, y: 0 } : { x: 0, y: initialContentOffset } : void 0,
+      horizontal,
+      maintainVisibleContentPosition: maintainVisibleContentPosition.size || maintainVisibleContentPosition.data ? { minIndexForVisible: 0 } : void 0,
+      onLayout,
+      onScroll: onScroll2,
+      ref: refScrollView,
+      ScrollComponent: snapToIndices ? ScrollComponent : void 0,
+      style: autoOtherAxisStyle ? [autoOtherAxisStyle, style] : style
+    },
+    /* @__PURE__ */ React2__namespace.createElement(ScrollAdjust, null),
+    ListHeaderComponent && /* @__PURE__ */ React2__namespace.createElement(LayoutView, { onLayoutChange: onLayoutHeader, style: ListHeaderComponentStyle }, getComponent(ListHeaderComponent)),
+    ListEmptyComponent && getComponent(ListEmptyComponent),
+    shouldRenderAlignItemsAtEndSpacer && /* @__PURE__ */ React2__namespace.createElement(AlignItemsAtEndSpacer, { horizontal }),
+    canRender && !ListEmptyComponent && /* @__PURE__ */ React2__namespace.createElement(
+      Containers,
+      {
+        getRenderedItem: getRenderedItem2,
+        horizontal,
+        ItemSeparatorComponent,
+        recycleItems,
+        stickyHeaderConfig
       }
+    ),
+    ListFooterComponent && /* @__PURE__ */ React2__namespace.createElement(LayoutView, { onLayoutChange: onLayoutFooterInternal, style: ListFooterComponentStyle }, getComponent(ListFooterComponent)),
+    Platform.OS === "web" && /* @__PURE__ */ React2__namespace.createElement(WebAnchoredEndSpace, { horizontal }),
+    IS_DEV && ENABLE_DEVMODE
+  );
+});
+var WEB_UNBOUNDED_HEIGHT_MIN_DATA_LENGTH = 100;
+var WEB_UNBOUNDED_HEIGHT_CONTAINER_RATIO = 0.9;
+var WEB_UNBOUNDED_HEIGHT_VIEWPORT_RATIO = 0.9;
+function useDevChecksImpl(props) {
+  const ctx = useStateContext();
+  const { childrenMode, keyExtractor, renderScrollComponent, useWindowScroll } = props;
+  React2.useEffect(() => {
+    if (useWindowScroll && renderScrollComponent) {
+      warnDevOnce(
+        "useWindowScrollRenderScrollComponent",
+        "useWindowScroll is not supported when renderScrollComponent is provided."
+      );
     }
-    if (Platform.OS === "web" && didChangePositions) {
-      set$(ctx, "lastPositionUpdate", Date.now());
+  }, [renderScrollComponent, useWindowScroll]);
+  React2.useEffect(() => {
+    if (!keyExtractor && !ctx.state.isFirst && ctx.state.didDataChange && !childrenMode) {
+      warnDevOnce(
+        "keyExtractor",
+        "Changing data without a keyExtractor can cause slow performance and resetting scroll. If your list data can change you should use a keyExtractor with a unique id for best performance and behavior."
+      );
     }
-    if (suppressInitialScrollSideEffects) {
-      evaluateBootstrapInitialScroll(ctx);
+  }, [childrenMode, ctx, keyExtractor]);
+  React2.useEffect(() => {
+    const state = ctx.state;
+    const dataLength = state.props.data.length;
+    const useWindowScrollResolved = state.props.useWindowScroll;
+    if (Platform.OS !== "web" || useWindowScrollResolved || dataLength < WEB_UNBOUNDED_HEIGHT_MIN_DATA_LENGTH) {
       return;
     }
-    if (!queuedInitialLayout && !state.didContainersLayout) {
-      const isInitialLayoutReady = hasActiveInitialScroll(state) ? checkAllSizesKnown(state, state.startBuffered, state.endBuffered) : checkAllSizesKnown(state, state.startNoBuffer, state.endNoBuffer) || checkAllSizesKnown(state, state.startBuffered, state.endBuffered);
-      if (isInitialLayoutReady) {
-        setDidLayout(ctx);
-        handleInitialScrollLayoutReady(ctx);
+    const warnIfUnboundedOuterSize = () => {
+      const readyToRender = peek$(ctx, "readyToRender");
+      const numContainers = peek$(ctx, "numContainers") || 0;
+      const totalSize = peek$(ctx, "totalSize") || 0;
+      const scrollLength = ctx.state.scrollLength || 0;
+      if (!readyToRender || totalSize <= 0 || scrollLength <= 0) {
+        return;
       }
-    }
-    if (viewabilityConfigCallbackPairs && visibleRange.startNoBuffer !== null && visibleRange.endNoBuffer !== null) {
-      if (!didMVCPAdjustScroll) {
-        updateViewableItems(
-          ctx.state,
-          ctx,
-          viewabilityConfigCallbackPairs,
-          scrollLength,
-          visibleRange.startNoBuffer,
-          visibleRange.endNoBuffer,
-          startBuffered != null ? startBuffered : visibleRange.startNoBuffer,
-          endBuffered != null ? endBuffered : visibleRange.endNoBuffer
+      const rendersAlmostEverything = numContainers >= Math.ceil(dataLength * WEB_UNBOUNDED_HEIGHT_CONTAINER_RATIO);
+      const viewportMatchesContent = scrollLength >= totalSize * WEB_UNBOUNDED_HEIGHT_VIEWPORT_RATIO;
+      if (rendersAlmostEverything && viewportMatchesContent) {
+        warnDevOnce(
+          "webUnboundedOuterSize",
+          "LegendList appears to have an unbounded outer height on web, so virtualization is effectively disabled. Set a bounded height or flex: 1 on the list container, or use useWindowScroll."
         );
       }
-    }
-    (_t = stickyState == null ? void 0 : stickyState.finishCalculateItemsInView) == null ? void 0 : _t.call(stickyState);
-  });
+    };
+    warnIfUnboundedOuterSize();
+    const unsubscribe = [
+      listen$(ctx, "numContainers", warnIfUnboundedOuterSize),
+      listen$(ctx, "readyToRender", warnIfUnboundedOuterSize),
+      listen$(ctx, "totalSize", warnIfUnboundedOuterSize)
+    ];
+    return () => {
+      for (const unsub of unsubscribe) {
+        unsub();
+      }
+    };
+  }, [ctx]);
+}
+function useDevChecksNoop(_props) {
 }
+var useDevChecks = IS_DEV ? useDevChecksImpl : useDevChecksNoop;
 
 // src/core/checkResetContainers.ts
 function checkResetContainers(ctx, dataProp, { didColumnsChange = false } = {}) {
@@ -5574,61 +5880,6 @@ var ScrollAdjustHandler = class {
   }
 };
 
-// src/core/updateAnchoredEndSpace.ts
-function maybeUpdateAnchoredEndSpace(ctx) {
-  var _a3, _b;
-  const state = ctx.state;
-  const anchoredEndSpace = state.props.anchoredEndSpace;
-  const previousSize = peek$(ctx, "anchoredEndSpaceSize");
-  const previousReadyAnchorIndex = state.anchoredEndSpaceReadyAnchorIndex;
-  const previousReadyAnchorKey = state.anchoredEndSpaceReadyAnchorKey;
-  const nextAnchorIndex = anchoredEndSpace == null ? void 0 : anchoredEndSpace.anchorIndex;
-  let nextAnchorKey;
-  let isReady = true;
-  let nextSize = 0;
-  if (anchoredEndSpace) {
-    const { anchorIndex, anchorMaxSize, anchorOffset = 0 } = anchoredEndSpace;
-    const { data } = state.props;
-    if (anchorIndex >= 0 && anchorIndex < data.length && state.scrollLength > 0) {
-      nextAnchorKey = getId(state, anchorIndex);
-      let contentBelowAnchor = 0;
-      const footerSize = ctx.values.get("footerSize") || 0;
-      const stylePaddingBottom = state.props.stylePaddingBottom || 0;
-      let hasUnknownTailSize = false;
-      for (let index = anchorIndex; index < data.length; index++) {
-        const size = getKnownOrFixedItemSize(ctx, index);
-        const effectiveSize = index === anchorIndex && anchorMaxSize !== void 0 ? Math.min(size || 0, Math.max(0, anchorMaxSize)) : size;
-        if (size === void 0) {
-          hasUnknownTailSize = true;
-        }
-        if (effectiveSize !== null && effectiveSize !== void 0 && effectiveSize > 0) {
-          contentBelowAnchor += effectiveSize;
-        }
-      }
-      contentBelowAnchor += footerSize + stylePaddingBottom;
-      isReady = !hasUnknownTailSize;
-      nextSize = hasUnknownTailSize ? previousSize || 0 : Math.max(0, state.scrollLength - contentBelowAnchor - anchorOffset);
-    } else if (anchorIndex >= 0) {
-      isReady = false;
-    }
-  }
-  const didSizeChange = previousSize !== nextSize;
-  const didReadyAnchorChange = previousReadyAnchorIndex !== nextAnchorIndex || previousReadyAnchorKey !== nextAnchorKey;
-  if (isReady && (didSizeChange || didReadyAnchorChange)) {
-    state.anchoredEndSpaceReadyAnchorIndex = nextAnchorIndex;
-    state.anchoredEndSpaceReadyAnchorKey = nextAnchorKey;
-    if (didSizeChange) {
-      set$(ctx, "anchoredEndSpaceSize", nextSize);
-      (_a3 = anchoredEndSpace == null ? void 0 : anchoredEndSpace.onSizeChanged) == null ? void 0 : _a3.call(anchoredEndSpace, nextSize);
-    }
-    if (didSizeChange && (anchoredEndSpace == null ? void 0 : anchoredEndSpace.includeInEndInset)) {
-      updateScroll(ctx, state.scroll, true);
-    }
-    (_b = anchoredEndSpace == null ? void 0 : anchoredEndSpace.onReady) == null ? void 0 : _b.call(anchoredEndSpace, { anchorIndex: nextAnchorIndex, anchorKey: nextAnchorKey, size: nextSize });
-  }
-  return nextSize;
-}
-
 // src/core/updateContentInsetEndAdjustment.ts
 function updateContentInsetEndAdjustment(ctx, previousContentInsetEndAdjustment) {
   const state = ctx.state;
@@ -5644,173 +5895,6 @@ function updateContentInsetEndAdjustment(ctx, previousContentInsetEndAdjustment)
     }
   }
 }
-
-// src/core/updateItemSize.ts
-function runOrScheduleMVCPRecalculate(ctx) {
-  var _a3;
-  const state = ctx.state;
-  if (state.userScrollAnchorReset !== void 0) {
-    calculateItemsInView(ctx);
-    if (((_a3 = state.userScrollAnchorReset) == null ? void 0 : _a3.keys.size) === 0) {
-      state.userScrollAnchorReset = void 0;
-    }
-  } else if (Platform.OS === "web") {
-    if (!state.mvcpAnchorLock) {
-      if (state.queuedMVCPRecalculate !== void 0) {
-        cancelAnimationFrame(state.queuedMVCPRecalculate);
-        state.queuedMVCPRecalculate = void 0;
-      }
-      calculateItemsInView(ctx, { doMVCP: true });
-    } else if (state.queuedMVCPRecalculate === void 0) {
-      state.queuedMVCPRecalculate = requestAnimationFrame(() => {
-        state.queuedMVCPRecalculate = void 0;
-        calculateItemsInView(ctx, { doMVCP: true });
-      });
-    }
-  } else {
-    calculateItemsInView(ctx, { doMVCP: true });
-  }
-}
-function updateOtherAxisSizeIfNeeded(ctx, sizeObj, horizontal) {
-  const state = ctx.state;
-  if (state.needsOtherAxisSize) {
-    const otherAxisSize = horizontal ? sizeObj.height : sizeObj.width;
-    const currentOtherAxisSize = peek$(ctx, "otherAxisSize");
-    if (!currentOtherAxisSize || otherAxisSize > currentOtherAxisSize) {
-      set$(ctx, "otherAxisSize", otherAxisSize);
-    }
-  }
-}
-function updateItemSize(ctx, itemKey, sizeObj) {
-  var _a3;
-  const state = ctx.state;
-  const userScrollAnchorReset = state.userScrollAnchorReset;
-  const didMeasureUserScrollAnchorResetItem = !!(userScrollAnchorReset == null ? void 0 : userScrollAnchorReset.keys.delete(itemKey));
-  const {
-    didContainersLayout,
-    sizesKnown,
-    props: { getFixedItemSize, getItemType, horizontal, onItemSizeChanged, data, maintainScrollAtEnd }
-  } = state;
-  if (!data) return;
-  const index = state.indexByKey.get(itemKey);
-  let resolvedMeasurementItem;
-  if (getFixedItemSize) {
-    if (index === void 0) {
-      return;
-    }
-    const itemData = state.props.data[index];
-    if (itemData === void 0) {
-      return;
-    }
-    const type = getItemType ? (_a3 = getItemType(itemData, index)) != null ? _a3 : "" : "";
-    const size2 = getFixedItemSize(itemData, index, type);
-    resolvedMeasurementItem = {
-      didResolveFixedItemSize: true,
-      fixedItemSize: size2,
-      itemData,
-      itemType: type
-    };
-    if (size2 !== void 0 && size2 === sizesKnown.get(itemKey)) {
-      updateOtherAxisSizeIfNeeded(ctx, sizeObj, horizontal);
-      return;
-    }
-  }
-  let needsRecalculate = !didContainersLayout;
-  let shouldMaintainScrollAtEnd = false;
-  let minIndexSizeChanged;
-  const prevSizeKnown = state.sizesKnown.get(itemKey);
-  const diff = updateOneItemSize(ctx, itemKey, sizeObj, resolvedMeasurementItem);
-  const size = roundSize(horizontal ? sizeObj.width : sizeObj.height);
-  if (diff !== 0) {
-    minIndexSizeChanged = minIndexSizeChanged !== void 0 ? Math.min(minIndexSizeChanged, index) : index;
-    const { startBuffered, endBuffered } = state;
-    needsRecalculate || (needsRecalculate = index >= startBuffered && index <= endBuffered);
-    if (!needsRecalculate && state.containerItemKeys.has(itemKey)) {
-      needsRecalculate = true;
-    }
-    if (prevSizeKnown !== void 0 && Math.abs(prevSizeKnown - size) > 5) {
-      shouldMaintainScrollAtEnd = true;
-    }
-    onItemSizeChanged == null ? void 0 : onItemSizeChanged({
-      index,
-      itemData: state.props.data[index],
-      itemKey,
-      previous: size - diff,
-      size
-    });
-    maybeUpdateAnchoredEndSpace(ctx);
-  }
-  if (minIndexSizeChanged !== void 0) {
-    state.minIndexSizeChanged = state.minIndexSizeChanged !== void 0 ? Math.min(state.minIndexSizeChanged, minIndexSizeChanged) : minIndexSizeChanged;
-  }
-  updateOtherAxisSizeIfNeeded(ctx, sizeObj, horizontal);
-  if (didContainersLayout || checkAllSizesKnown(state, state.startBuffered, state.endBuffered)) {
-    if (needsRecalculate) {
-      state.scrollForNextCalculateItemsInView = void 0;
-      runOrScheduleMVCPRecalculate(ctx);
-    } else if (didMeasureUserScrollAnchorResetItem && (userScrollAnchorReset == null ? void 0 : userScrollAnchorReset.keys.size) === 0) {
-      state.userScrollAnchorReset = void 0;
-    }
-    if (shouldMaintainScrollAtEnd) {
-      if (maintainScrollAtEnd == null ? void 0 : maintainScrollAtEnd.onItemLayout) {
-        doMaintainScrollAtEnd(ctx);
-      }
-    }
-  }
-}
-function updateOneItemSize(ctx, itemKey, sizeObj, resolvedMeasurementItem) {
-  var _a3, _b, _c;
-  const state = ctx.state;
-  const {
-    indexByKey,
-    sizesKnown,
-    averageSizes,
-    props: { data, horizontal, getItemType, getFixedItemSize }
-  } = state;
-  if (!data) return 0;
-  const index = indexByKey.get(itemKey);
-  const itemData = (_a3 = resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.itemData) != null ? _a3 : data[index];
-  let itemType = resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.itemType;
-  let fixedItemSize = resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.fixedItemSize;
-  if (getFixedItemSize && !(resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.didResolveFixedItemSize)) {
-    itemType = getItemType ? (_b = getItemType(itemData, index)) != null ? _b : "" : "";
-    fixedItemSize = getFixedItemSize(itemData, index, itemType);
-  }
-  const resolvedItemSize = (resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.didResolveFixedItemSize) || itemType !== void 0 || fixedItemSize !== void 0 ? {
-    didResolveFixedItemSize: resolvedMeasurementItem == null ? void 0 : resolvedMeasurementItem.didResolveFixedItemSize,
-    fixedItemSize,
-    itemType
-  } : void 0;
-  const prevSize = getItemSize(ctx, itemKey, index, itemData, void 0, void 0, void 0, resolvedItemSize);
-  const rawSize = horizontal ? sizeObj.width : sizeObj.height;
-  const prevSizeKnown = sizesKnown.get(itemKey);
-  if (Platform.OS !== "web" && prevSizeKnown !== void 0 && isNativeLayoutNoise(rawSize - prevSizeKnown)) {
-    return 0;
-  }
-  const size = Platform.OS === "web" ? Math.round(rawSize) : roundSize(rawSize);
-  sizesKnown.set(itemKey, size);
-  if (fixedItemSize === void 0 && size > 0) {
-    itemType != null ? itemType : itemType = getItemType ? (_c = getItemType(itemData, index)) != null ? _c : "" : "";
-    let averages = averageSizes[itemType];
-    if (!averages) {
-      averages = averageSizes[itemType] = { avg: 0, num: 0 };
-    }
-    if (averages.num === 0) {
-      averages.avg = size;
-      averages.num++;
-    } else if (prevSizeKnown !== void 0 && prevSizeKnown > 0) {
-      averages.avg += (size - prevSizeKnown) / averages.num;
-    } else {
-      averages.avg = (averages.avg * averages.num + size) / (averages.num + 1);
-      averages.num++;
-    }
-  }
-  if (!prevSize || Math.abs(prevSize - size) > 0.1) {
-    setSize(ctx, itemKey, size);
-    return size - prevSize;
-  }
-  return 0;
-}
 function useWrapIfItem(fn) {
   return React2.useMemo(
     () => fn ? (arg1, arg2, arg3) => arg1 !== void 0 && arg2 !== void 0 ? fn(arg1, arg2, arg3) : void 0 : void 0,
@@ -6131,7 +6215,7 @@ function createImperativeHandle(ctx, scheduleImperativeScrollCommit) {
       return true;
     }),
     setItemSize: (itemKey, size) => {
-      updateItemSize(ctx, itemKey, size);
+      updateItemSizes(ctx, { itemKey, size });
     },
     setScrollProcessingEnabled: (enabled) => {
       state.scrollProcessingEnabled = enabled;
@@ -6358,7 +6442,7 @@ var LegendList = typedMemo(
   })
 );
 var LegendListInner = typedForwardRef(function LegendListInner2(props, forwardedRef) {
-  var _a3, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a3, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const noopOnScroll = React2.useCallback((_event) => {
   }, []);
   if (props.recycleItems === void 0) {
@@ -6413,6 +6497,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     onStartReached,
     onStartReachedThreshold = 0.5,
     onStickyHeaderChange,
+    onFirstVisibleItemChanged,
     onViewableItemsChanged,
     progressViewOffset,
     recycleItems = false,
@@ -6514,6 +6599,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   if (!refState.current) {
     if (!ctx.state) {
       const initialScrollLength = (estimatedListSize != null ? estimatedListSize : IsNewArchitecture ? { height: 0, width: 0 } : getWindowSize())[horizontal ? "width" : "height"];
+      ctx.values.set("adaptiveRender", (_l = experimental_adaptiveRender == null ? void 0 : experimental_adaptiveRender.initialMode) != null ? _l : "normal");
       ctx.state = {
         averageSizes: {},
         columnSpans: [],
@@ -6591,6 +6677,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   }
   const state = refState.current;
   const isFirstLocal = state.isFirst;
+  const previousAdaptiveRender = state.props.adaptiveRender;
   const previousNumColumnsProp = state.props.numColumns;
   const didScrollAxisGapChange = !isFirstLocal && ctx.scrollAxisGap !== nextScrollAxisGap;
   ctx.scrollAxisGap = nextScrollAxisGap;
@@ -6598,7 +6685,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   const didDataReferenceChangeLocal = state.props.data !== dataProp;
   const didDataVersionChangeLocal = state.props.dataVersion !== dataVersion;
   const didDataChangeLocal = didDataVersionChangeLocal || didDataReferenceChangeLocal && checkStructuralDataChange(state, dataProp, state.props.data);
-  if (didDataChangeLocal && !initialScrollAtEnd && state.didFinishInitialScroll && ((_l = state.initialScroll) == null ? void 0 : _l.viewPosition) === 1 && state.props.data.length > 0) {
+  if (didDataChangeLocal && !initialScrollAtEnd && state.didFinishInitialScroll && ((_m = state.initialScroll) == null ? void 0 : _m.viewPosition) === 1 && state.props.data.length > 0) {
     clearPreservedInitialScrollTarget(state);
   }
   if (didDataChangeLocal) {
@@ -6610,7 +6697,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   const throttledOnScroll = useThrottledOnScroll(onScrollProp != null ? onScrollProp : noopOnScroll, scrollEventThrottle != null ? scrollEventThrottle : 0);
   const throttleScrollFn = scrollEventThrottle && onScrollProp ? throttledOnScroll : onScrollProp;
   const anchoredEndSpaceResolved = Platform.OS === "web" && anchoredEndSpace ? { ...anchoredEndSpace, includeInEndInset: true } : anchoredEndSpace;
-  const didAnchoredEndSpaceAnchorIndexChange = !isFirstLocal && !didDataChangeLocal && ((_m = state.props.anchoredEndSpace) == null ? void 0 : _m.anchorIndex) !== (anchoredEndSpaceResolved == null ? void 0 : anchoredEndSpaceResolved.anchorIndex);
+  const didAnchoredEndSpaceAnchorIndexChange = !isFirstLocal && !didDataChangeLocal && ((_n = state.props.anchoredEndSpace) == null ? void 0 : _n.anchorIndex) !== (anchoredEndSpaceResolved == null ? void 0 : anchoredEndSpaceResolved.anchorIndex);
   state.props = {
     adaptiveRender: experimental_adaptiveRender,
     alignItemsAtEnd,
@@ -6638,6 +6725,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     numColumns: numColumnsProp,
     onEndReached,
     onEndReachedThreshold,
+    onFirstVisibleItemChanged,
     onItemSizeChanged,
     onLoad,
     onScroll: throttleScrollFn,
@@ -6660,6 +6748,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     useWindowScroll: useWindowScrollResolved
   };
   state.refScroller = refScroller;
+  if (!isFirstLocal && previousAdaptiveRender && !experimental_adaptiveRender) {
+    resetAdaptiveRender(ctx);
+  }
   const memoizedLastItemKeys = React2.useMemo(() => {
     if (!dataProp.length) return [];
     return Array.from(
@@ -6904,8 +6995,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           onMomentumScrollEnd(event);
         }
       },
-      onScroll: (event) => onScroll(ctx, event),
-      updateItemSize: (itemKey, sizeObj) => updateItemSize(ctx, itemKey, sizeObj)
+      onScroll: (event) => onScroll(ctx, event)
     }),
     []
   );
@@ -6932,7 +7022,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       onScroll: onScrollHandler,
       recycleItems,
       refreshControl: refreshControlElement ? stylePaddingTopState > 0 ? React2__namespace.cloneElement(refreshControlElement, {
-        progressViewOffset: ((_n = refreshControlElement.props.progressViewOffset) != null ? _n : 0) + stylePaddingTopState
+        progressViewOffset: ((_o = refreshControlElement.props.progressViewOffset) != null ? _o : 0) + stylePaddingTopState
       }) : refreshControlElement : onRefresh && /* @__PURE__ */ React2__namespace.createElement(
         ReactNative.RefreshControl,
         {
@@ -6943,12 +7033,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       ),
       refScrollView: combinedRef,
       renderScrollComponent,
-      scrollAdjustHandler: (_o = refState.current) == null ? void 0 : _o.scrollAdjustHandler,
+      scrollAdjustHandler: (_p = refState.current) == null ? void 0 : _p.scrollAdjustHandler,
       scrollEventThrottle: 0,
       snapToIndices,
       stickyHeaderIndices,
       style,
-      updateItemSize: fns.updateItemSize,
       useWindowScroll: useWindowScrollResolved
     }
   ), IS_DEV && ENABLE_DEBUG_VIEW);