@rific/scroll-view 0.1.1 → 0.3.0

package/dist/index.js

@@ -56,6 +56,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react6 = require("react");
 var import_react_native4 = require("react-native");
 var import_react_native_gesture_handler = require("react-native-gesture-handler");
+var import_react_native_reanimated6 = require("react-native-reanimated");
 
 // src/internal/RefreshControl.tsx
 var import_react_native = require("react-native");
@@ -63,19 +64,26 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var RefreshControl = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.RefreshControl, { refreshing: false, ...props });
 
 // src/internal/ScrollViewChip.tsx
+var import_auto_paper = require("@rific/auto-paper");
 var import_react_native2 = require("react-native");
-var import_react_native_paper = require("react-native-paper");
 var import_react_native_reanimated = __toESM(require("react-native-reanimated"));
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var ScrollViewChip = ({ isHorizontal, onPress, style }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_reanimated.default.View, { style: [styles.chip, style], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_paper.Chip, { compact: true, icon: isHorizontal ? "chevron-left" : "chevron-up", onPress, style: styles.chipInner, children: isHorizontal ? "Start" : "Top" }) });
+var ScrollViewChip = ({ chipProps, isHorizontal, onChipPress, onPress, style }) => {
+  const { label, style: chipStyle, ...restChipProps } = chipProps ?? {};
+  const handlePress = onChipPress ? () => {
+    onPress();
+    onChipPress();
+  } : onPress;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_reanimated.default.View, { style: [styles.chip, style], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_auto_paper.Chip, { compact: true, ...restChipProps, icon: isHorizontal ? "chevron-left" : "chevron-up", onPress: handlePress, style: [styles.chipInner, chipStyle], children: label ?? (isHorizontal ? "Start" : "Top") }) });
+};
 var styles = import_react_native2.StyleSheet.create({
   chip: { alignItems: "center", left: 0, position: "absolute", right: 0, zIndex: 3 },
   chipInner: { elevation: 2, shadowColor: "#000", shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.15, shadowRadius: 2 }
 });
 
 // src/internal/useScrollHandler.ts
-var import_react2 = require("react");
-var import_react_native_reanimated2 = require("react-native-reanimated");
+var import_react3 = require("react");
+var import_react_native_reanimated3 = require("react-native-reanimated");
 
 // src/ScrollViewContext.ts
 var import_react = require("react");
@@ -85,10 +93,16 @@ var ScrollViewContext = (0, import_react.createContext)({
   footerHeightShared: null,
   footerFixed: false,
   footerOffset: null,
-  headerHeight: 0,
+  headerHeight: null,
   headerHeightShared: null,
   headerFixed: false,
   headerOffset: null,
+  jsListGeneration: { current: 0 },
+  listGeneration: null,
+  onJsListUnmount: () => {
+  },
+  onListUnmount: () => {
+  },
   progress: null,
   progressing: false,
   pullSearchHeightShared: null,
@@ -107,25 +121,215 @@ var ScrollViewContext = (0, import_react.createContext)({
   tabBarHeight: 60
 });
 
+// src/useScrollInit.ts
+var import_react2 = require("react");
+var import_react_native_reanimated2 = require("react-native-reanimated");
+var REMOUNT_SYNC_MAX_ATTEMPTS = 8;
+var REMOUNT_SYNC_TOLERANCE = 1;
+var REMOUNT_SYNC_FALLBACK_MS = 500;
+var REMOUNT_PRIME_FRAMES = 40;
+var SNAP_VERIFY_TOLERANCE = 1;
+var SNAP_VERIFY_MAX_ATTEMPTS = 5;
+var SNAP_VERIFY_INITIAL_DELAY_MS = 400;
+var SNAP_VERIFY_RETRY_DELAY_MS = 150;
+function useScrollInit({ listHeaderComponent, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, scrollTo }) {
+  const { headerHeight, scrollPosition, setProgressing } = (0, import_react2.useContext)(ScrollViewContext);
+  const hasPullSearch = pullSearchHeight !== void 0;
+  const [phase, setPhase] = (0, import_react2.useState)(hasPullSearch && !headerHeight ? "measuring" : "ready");
+  const [refreshing, setRefreshing] = (0, import_react2.useState)(false);
+  const refreshingRef = (0, import_react2.useRef)(refreshing);
+  (0, import_react2.useEffect)(() => {
+    refreshingRef.current = refreshing;
+  }, [refreshing]);
+  const dragStartY = (0, import_react2.useRef)(null);
+  const pendingSnapTarget = (0, import_react2.useRef)(null);
+  const snapVerifyTimeout = (0, import_react2.useRef)(null);
+  const snapVerifyAttempts = (0, import_react2.useRef)(0);
+  const scheduleSnapVerification = (0, import_react2.useCallback)(
+    (target, delay) => {
+      if (snapVerifyTimeout.current !== null) clearTimeout(snapVerifyTimeout.current);
+      pendingSnapTarget.current = target;
+      snapVerifyAttempts.current = 0;
+      const check = () => {
+        snapVerifyTimeout.current = null;
+        if (pendingSnapTarget.current !== target) return;
+        if (Math.abs(scrollPosition.value - target) <= SNAP_VERIFY_TOLERANCE) {
+          pendingSnapTarget.current = null;
+          return;
+        }
+        snapVerifyAttempts.current += 1;
+        if (snapVerifyAttempts.current > SNAP_VERIFY_MAX_ATTEMPTS || refreshingRef.current) {
+          pendingSnapTarget.current = null;
+          return;
+        }
+        scrollTo(target, false);
+        snapVerifyTimeout.current = setTimeout(check, SNAP_VERIFY_RETRY_DELAY_MS);
+      };
+      snapVerifyTimeout.current = setTimeout(check, delay);
+    },
+    [scrollPosition, scrollTo]
+  );
+  (0, import_react2.useEffect)(
+    () => () => {
+      if (snapVerifyTimeout.current !== null) clearTimeout(snapVerifyTimeout.current);
+    },
+    []
+  );
+  const [remountTarget] = (0, import_react2.useState)(() => headerHeight !== null ? -headerHeight + (pullSearchHeight ?? 0) : null);
+  const remountSyncTarget = (0, import_react_native_reanimated2.useSharedValue)(remountTarget);
+  const [scrollReady, setScrollReady] = (0, import_react2.useState)(remountTarget === null);
+  const remountAttempts = (0, import_react2.useRef)(0);
+  const onRemountSynced = (0, import_react2.useCallback)(
+    (y) => {
+      scrollPosition.value = y;
+      setScrollReady(true);
+    },
+    [scrollPosition]
+  );
+  const onRemountSyncRetry = (0, import_react2.useCallback)(
+    (currentY) => {
+      if (remountTarget === null) return;
+      remountAttempts.current += 1;
+      if (remountAttempts.current > REMOUNT_SYNC_MAX_ATTEMPTS) {
+        remountSyncTarget.value = null;
+        onRemountSynced(currentY);
+        return;
+      }
+      scrollTo(remountTarget, false);
+    },
+    [onRemountSynced, remountSyncTarget, remountTarget, scrollTo]
+  );
+  (0, import_react2.useEffect)(() => {
+    if (remountTarget === null) return;
+    scrollTo(remountTarget, false);
+    const fallback = setTimeout(() => {
+      if (remountSyncTarget.value === null) return;
+      remountSyncTarget.value = null;
+      onRemountSynced(remountTarget);
+    }, REMOUNT_SYNC_FALLBACK_MS);
+    return () => clearTimeout(fallback);
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    if (phase === "ready" || !headerHeight || !pullSearchHeight) return;
+    scrollPosition.value = -headerHeight + pullSearchHeight;
+    setPhase("ready");
+  }, [phase, headerHeight, pullSearchHeight, scrollPosition]);
+  const headerInitialized = (0, import_react2.useRef)(false);
+  (0, import_react2.useLayoutEffect)(() => {
+    if (!headerHeight || headerInitialized.current) return;
+    headerInitialized.current = true;
+    const target = remountTarget ?? -headerHeight;
+    scrollPosition.value = target;
+    scrollTo(target, false);
+    if (remountTarget === null) return;
+    let framesLeft = REMOUNT_PRIME_FRAMES;
+    let handle = null;
+    const tick = () => {
+      const offset = framesLeft === 1 ? target : framesLeft % 2 === 0 ? target + 30 : target - 30;
+      scrollTo(offset, false);
+      framesLeft -= 1;
+      if (framesLeft > 0) handle = requestAnimationFrame(tick);
+    };
+    handle = requestAnimationFrame(tick);
+    return () => {
+      if (handle !== null) cancelAnimationFrame(handle);
+    };
+  }, [remountTarget, headerHeight, scrollPosition, scrollTo]);
+  const pullSearchInitialized = (0, import_react2.useRef)(false);
+  (0, import_react2.useLayoutEffect)(() => {
+    if (remountTarget !== null || !hasPullSearch || phase !== "ready" || pullSearchInitialized.current || !headerHeight || !pullSearchHeight || !scrollReady) return;
+    pullSearchInitialized.current = true;
+    scrollPosition.value = -headerHeight + pullSearchHeight;
+    scrollTo(-headerHeight + pullSearchHeight, false);
+  }, [remountTarget, hasPullSearch, phase, headerHeight, pullSearchHeight, scrollPosition, scrollReady, scrollTo]);
+  (0, import_react2.useEffect)(() => {
+    if (pullSearchHeight) setProgressing(refreshing);
+  }, [pullSearchHeight, refreshing, setProgressing]);
+  const handleScrollBeginDrag = (0, import_react2.useCallback)(
+    (e) => {
+      if (snapVerifyTimeout.current !== null) {
+        clearTimeout(snapVerifyTimeout.current);
+        snapVerifyTimeout.current = null;
+      }
+      pendingSnapTarget.current = null;
+      if (pullSearchHeight) dragStartY.current = e.nativeEvent.contentOffset.y;
+      externalScrollBeginDrag?.(e);
+    },
+    [externalScrollBeginDrag, pullSearchHeight]
+  );
+  const handleScrollEndDrag = (0, import_react2.useCallback)(
+    (e) => {
+      if (pullSearchHeight && headerHeight) {
+        const y = e.nativeEvent.contentOffset.y;
+        const showY = -headerHeight;
+        const hideY = -headerHeight + pullSearchHeight;
+        const startY = dragStartY.current;
+        dragStartY.current = null;
+        const pulledDown = (startY ?? hideY) <= hideY;
+        const dragDistance = startY !== null ? startY - y : 0;
+        if (pulledDown && dragDistance >= pullSearchHeight * 0.5) {
+          if (y <= showY && !refreshing && onRefresh) {
+            setRefreshing(true);
+            Promise.resolve(onRefresh()).finally(() => setRefreshing(false));
+          }
+          scrollTo(showY, true);
+          scheduleSnapVerification(showY, SNAP_VERIFY_INITIAL_DELAY_MS);
+        } else if (y < hideY) {
+          scrollTo(hideY, true);
+          scheduleSnapVerification(hideY, SNAP_VERIFY_INITIAL_DELAY_MS);
+        }
+      }
+      externalScrollEndDrag?.(e);
+    },
+    [externalScrollEndDrag, headerHeight, onRefresh, pullSearchHeight, refreshing, scheduleSnapVerification, scrollTo]
+  );
+  const handleMomentumScrollEnd = (0, import_react2.useCallback)(
+    (e) => {
+      if (pullSearchHeight && headerHeight && !refreshing && pendingSnapTarget.current === null) {
+        const y = e.nativeEvent.contentOffset.y;
+        const hideY = -headerHeight + pullSearchHeight;
+        if (y < hideY - 1) {
+          scrollTo(hideY, true);
+          scheduleSnapVerification(hideY, SNAP_VERIFY_INITIAL_DELAY_MS);
+        }
+      }
+      externalMomentumScrollEnd?.(e);
+    },
+    [externalMomentumScrollEnd, headerHeight, pullSearchHeight, refreshing, scheduleSnapVerification, scrollTo]
+  );
+  const activeListHeader = hasPullSearch && phase === "measuring" ? null : listHeaderComponent;
+  const hiddenHeader = phase === "measuring" && listHeaderComponent != null ? typeof listHeaderComponent === "function" ? (0, import_react2.createElement)(listHeaderComponent) : listHeaderComponent : null;
+  return { activeListHeader, handleMomentumScrollEnd, handleScrollBeginDrag, handleScrollEndDrag, hiddenHeader, onRemountSyncRetry, onRemountSynced, pullSearchMinHeight: pullSearchHeight ?? 0, remountSyncTarget, remountTarget, scrollReady };
+}
+
 // src/internal/useScrollHandler.ts
-function useScrollHandler({ chipHidden, footerFixed, headerFixed, isHorizontal, onPullSearchZoneEnter }) {
-  const { footerHeightShared, footerOffset, headerHeightShared, headerOffset, pullSearchHeightShared, scrollPosition, snapBackFooterShared, snapBackHeaderShared } = (0, import_react2.useContext)(ScrollViewContext);
-  const snapUpAccum = (0, import_react_native_reanimated2.useSharedValue)(0);
-  const fromBottomBounce = (0, import_react_native_reanimated2.useSharedValue)(false);
-  const isMomentum = (0, import_react_native_reanimated2.useSharedValue)(false);
-  const momentumPullSearchFired = (0, import_react_native_reanimated2.useSharedValue)(false);
-  return (0, import_react_native_reanimated2.useAnimatedScrollHandler)(
+function useScrollHandler({ capturedGeneration, chipHidden, chipThreshold = 100, footerFixed, headerFixed, isHorizontal, listGeneration, onRemountSyncRetry, onRemountSynced, remountSyncTarget }) {
+  const { footerHeightShared, footerOffset, headerHeightShared, headerOffset, pullSearchHeightShared, scrollPosition, snapBackFooterShared, snapBackHeaderShared } = (0, import_react3.useContext)(ScrollViewContext);
+  const snapUpAccum = (0, import_react_native_reanimated3.useSharedValue)(0);
+  const fromBottomBounce = (0, import_react_native_reanimated3.useSharedValue)(false);
+  return (0, import_react_native_reanimated3.useAnimatedScrollHandler)(
     {
       onScroll: ({ contentOffset: { x, y }, contentSize: { height: contentHeight }, layoutMeasurement: { height: layoutHeight } }) => {
         "worklet";
+        if (remountSyncTarget && remountSyncTarget.value !== null) {
+          const target = remountSyncTarget.value;
+          if (Math.abs(y - target) < REMOUNT_SYNC_TOLERANCE) {
+            remountSyncTarget.value = null;
+            if (onRemountSynced) (0, import_react_native_reanimated3.runOnJS)(onRemountSynced)(y);
+          } else if (onRemountSyncRetry) {
+            (0, import_react_native_reanimated3.runOnJS)(onRemountSyncRetry)(y);
+          }
+          return;
+        }
+        if (listGeneration.value !== capturedGeneration.value) return;
         if (isHorizontal) {
           scrollPosition.value = x;
-          chipHidden.value = x < 100 ? 1 : 0;
+          chipHidden.value = x < chipThreshold ? 1 : 0;
           return;
         }
         const delta = y - scrollPosition.value;
         scrollPosition.value = y;
-        chipHidden.value = y < 100 ? 1 : 0;
+        chipHidden.value = y < chipThreshold ? 1 : 0;
         const maxScroll = contentHeight - layoutHeight;
         if (maxScroll > 0 && y >= maxScroll) {
           fromBottomBounce.value = true;
@@ -133,13 +337,6 @@ function useScrollHandler({ chipHidden, footerFixed, headerFixed, isHorizontal,
         } else if (fromBottomBounce.value) {
           fromBottomBounce.value = false;
         }
-        if (isMomentum.value && pullSearchHeightShared.value > 0 && !momentumPullSearchFired.value) {
-          const hideY = -headerHeightShared.value + pullSearchHeightShared.value;
-          if (y < hideY) {
-            momentumPullSearchFired.value = true;
-            if (onPullSearchZoneEnter) (0, import_react_native_reanimated2.runOnJS)(onPullSearchZoneEnter)();
-          }
-        }
         const snapHeader = snapBackHeaderShared.value && !headerFixed;
         const snapFooter = snapBackFooterShared.value && !footerFixed;
         if (snapHeader || snapFooter) {
@@ -157,24 +354,17 @@ function useScrollHandler({ chipHidden, footerFixed, headerFixed, isHorizontal,
             if (y >= -headerHeightShared.value + pullSearchHeightShared.value) snapUpAccum.value -= delta;
             if (snapUpAccum.value >= 10) {
               snapUpAccum.value = 999;
-              if (snapHeader) headerOffset.value = (0, import_react_native_reanimated2.withTiming)(0, { duration: 200 });
-              if (snapFooter) footerOffset.value = (0, import_react_native_reanimated2.withTiming)(0, { duration: 200 });
+              if (snapHeader) headerOffset.value = (0, import_react_native_reanimated3.withTiming)(0, { duration: 200 });
+              if (snapFooter) footerOffset.value = (0, import_react_native_reanimated3.withTiming)(0, { duration: 200 });
             }
           }
         }
       },
       onBeginDrag: () => {
         "worklet";
-        isMomentum.value = false;
-        momentumPullSearchFired.value = false;
         fromBottomBounce.value = false;
         snapUpAccum.value = 0;
       },
-      onMomentumBegin: () => {
-        "worklet";
-        isMomentum.value = true;
-        momentumPullSearchFired.value = false;
-      },
       onEndDrag: ({ contentOffset: { y }, contentSize: { height: contentHeight }, layoutMeasurement: { height: layoutHeight } }) => {
         "worklet";
         if (isHorizontal) return;
@@ -185,37 +375,35 @@ function useScrollHandler({ chipHidden, footerFixed, headerFixed, isHorizontal,
       },
       onMomentumEnd: () => {
         "worklet";
-        isMomentum.value = false;
-        momentumPullSearchFired.value = false;
         fromBottomBounce.value = false;
         snapUpAccum.value = 0;
       }
     },
-    [headerFixed, footerFixed, isHorizontal, onPullSearchZoneEnter]
+    [capturedGeneration, headerFixed, footerFixed, isHorizontal, chipThreshold, listGeneration, onRemountSyncRetry, onRemountSynced, remountSyncTarget]
   );
 }
 
 // src/internal/useScrollList.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_react_native3 = require("react-native");
-var import_react_native_reanimated4 = require("react-native-reanimated");
+var import_react_native_reanimated5 = require("react-native-reanimated");
 var import_react_native_safe_area_context = require("react-native-safe-area-context");
 
 // src/useKeyboardInset.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_react_native_keyboard_controller = require("react-native-keyboard-controller");
-var import_react_native_reanimated3 = require("react-native-reanimated");
+var import_react_native_reanimated4 = require("react-native-reanimated");
 var useKeyboardInset = () => {
-  const [keyboardHeight, setKeyboardHeight] = (0, import_react3.useState)(0);
+  const [keyboardHeight, setKeyboardHeight] = (0, import_react4.useState)(0);
   (0, import_react_native_keyboard_controller.useKeyboardHandler)(
     {
       onMove: (e) => {
         "worklet";
-        (0, import_react_native_reanimated3.runOnJS)(setKeyboardHeight)(e.height);
+        (0, import_react_native_reanimated4.runOnJS)(setKeyboardHeight)(e.height);
       },
       onEnd: (e) => {
         "worklet";
-        (0, import_react_native_reanimated3.runOnJS)(setKeyboardHeight)(e.height);
+        (0, import_react_native_reanimated4.runOnJS)(setKeyboardHeight)(e.height);
       }
     },
     []
@@ -228,122 +416,55 @@ var CHIP_SLIDE = 48;
 function useScrollList({ footerFixed: footerFixedProp, headerFixed: headerFixedProp, isHorizontal, keyboardAware, pullSearchHeight, style } = {}) {
   const insets = (0, import_react_native_safe_area_context.useSafeAreaInsets)();
   const keyboardHeight = useKeyboardInset();
-  const { footerHeight, footerFixed: contextFooterFixed, headerHeight, headerFixed: contextHeaderFixed, headerOffset, pullSearchHeightShared, scrollPosition, snapBackHeaderShared } = (0, import_react4.useContext)(ScrollViewContext);
+  const { footerHeight, footerFixed: contextFooterFixed, headerHeight, headerFixed: contextHeaderFixed, headerOffset, pullSearchHeightShared, scrollPosition, snapBackHeaderShared } = (0, import_react5.useContext)(ScrollViewContext);
   const headerFixed = isHorizontal ? true : headerFixedProp ?? contextHeaderFixed;
   const footerFixed = isHorizontal ? true : footerFixedProp ?? contextFooterFixed;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     pullSearchHeightShared.value = pullSearchHeight ?? 0;
   }, [pullSearchHeight, pullSearchHeightShared]);
-  const containerStyle = (0, import_react4.useMemo)(() => headerHeight === 0 ? [{ flex: 1 }, style] : [import_react_native3.StyleSheet.absoluteFill, style], [headerHeight, style]);
-  const contentInset = (0, import_react4.useMemo)(() => ({ bottom: (footerFixed ? footerHeight || insets.bottom : insets.bottom) + (keyboardAware ? keyboardHeight : 0), top: headerHeight }), [footerFixed, footerHeight, insets.bottom, headerHeight, keyboardAware, keyboardHeight]);
-  const contentOffset = (0, import_react4.useMemo)(() => ({ x: 0, y: -contentInset.top }), [contentInset.top]);
-  const chipHidden = (0, import_react_native_reanimated4.useSharedValue)(1);
-  const chipStyle = (0, import_react_native_reanimated4.useAnimatedStyle)(() => {
+  const containerStyle = (0, import_react5.useMemo)(() => headerHeight === null ? [{ flex: 1, opacity: 0 }, style] : [import_react_native3.StyleSheet.absoluteFill, style], [headerHeight, style]);
+  const contentInset = (0, import_react5.useMemo)(() => ({ bottom: (footerFixed ? footerHeight || insets.bottom : insets.bottom) + (keyboardAware ? keyboardHeight : 0), top: headerHeight ?? 0 }), [footerFixed, footerHeight, insets.bottom, headerHeight, keyboardAware, keyboardHeight]);
+  const [startedWithHeader] = (0, import_react5.useState)(headerHeight !== null);
+  const contentOffset = (0, import_react5.useMemo)(() => ({ x: 0, y: headerHeight !== null ? -headerHeight + (startedWithHeader && !isHorizontal && pullSearchHeight ? pullSearchHeight : 0) : 0 }), [headerHeight, isHorizontal, pullSearchHeight, startedWithHeader]);
+  const chipHidden = (0, import_react_native_reanimated5.useSharedValue)(1);
+  const chipStyle = (0, import_react_native_reanimated5.useAnimatedStyle)(() => {
     const pointerEvents = chipHidden.value ? "none" : "box-none";
     if (isHorizontal) {
       return {
-        opacity: chipHidden.value ? (0, import_react_native_reanimated4.withTiming)(0) : (0, import_react_native_reanimated4.withTiming)(1),
+        opacity: chipHidden.value ? (0, import_react_native_reanimated5.withTiming)(0) : (0, import_react_native_reanimated5.withTiming)(1),
         pointerEvents,
-        top: Math.max(headerHeight, insets.top) + 4,
-        transform: [{ translateX: chipHidden.value ? (0, import_react_native_reanimated4.withTiming)(-CHIP_SLIDE) : (0, import_react_native_reanimated4.withTiming)(0) }]
+        top: Math.max(headerHeight ?? 0, insets.top) + 4,
+        transform: [{ translateX: chipHidden.value ? (0, import_react_native_reanimated5.withTiming)(-CHIP_SLIDE) : (0, import_react_native_reanimated5.withTiming)(0) }]
       };
     }
-    const slide = headerFixed ? 0 : snapBackHeaderShared.value ? -headerOffset.value : Math.max(0, scrollPosition.value + headerHeight - pullSearchHeightShared.value);
-    const top = Math.max(headerHeight - slide, insets.top) + 4;
+    const h = headerHeight ?? 0;
+    const slide = headerFixed ? 0 : snapBackHeaderShared.value ? -headerOffset.value : Math.max(0, scrollPosition.value + h - pullSearchHeightShared.value);
+    const top = Math.max(h - slide, insets.top) + 4;
     return {
-      opacity: chipHidden.value ? (0, import_react_native_reanimated4.withTiming)(0) : (0, import_react_native_reanimated4.withTiming)(1),
+      opacity: chipHidden.value ? (0, import_react_native_reanimated5.withTiming)(0) : (0, import_react_native_reanimated5.withTiming)(1),
       pointerEvents,
       top,
-      transform: [{ translateY: chipHidden.value ? (0, import_react_native_reanimated4.withTiming)(-CHIP_SLIDE) : (0, import_react_native_reanimated4.withTiming)(0) }]
+      transform: [{ translateY: chipHidden.value ? (0, import_react_native_reanimated5.withTiming)(-CHIP_SLIDE) : (0, import_react_native_reanimated5.withTiming)(0) }]
     };
   }, [isHorizontal, headerFixed, headerHeight, insets.top]);
   return { chipHidden, chipStyle, containerStyle, contentInset, contentOffset, footerFixed, headerFixed, headerHeight, insets, isHorizontal: isHorizontal ?? false };
 }
 
-// src/useScrollInit.ts
-var import_react5 = require("react");
-function useScrollInit({ listHeaderComponent, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, scrollTo }) {
-  const { headerHeight, scrollPosition, setProgressing } = (0, import_react5.useContext)(ScrollViewContext);
-  const hasPullSearch = pullSearchHeight !== void 0;
-  const [phase, setPhase] = (0, import_react5.useState)(hasPullSearch ? "measuring" : "ready");
-  const [refreshing, setRefreshing] = (0, import_react5.useState)(false);
-  const dragStartY = (0, import_react5.useRef)(null);
-  const deliberatelyOpened = (0, import_react5.useRef)(false);
-  (0, import_react5.useEffect)(() => {
-    if (phase === "ready" || !headerHeight || !pullSearchHeight) return;
-    scrollPosition.value = -headerHeight + pullSearchHeight;
-    setPhase("ready");
-  }, [phase, headerHeight, pullSearchHeight, scrollPosition]);
-  const headerInitialized = (0, import_react5.useRef)(false);
-  (0, import_react5.useLayoutEffect)(() => {
-    if (!headerHeight || headerInitialized.current) return;
-    headerInitialized.current = true;
-    scrollPosition.value = -headerHeight;
-    scrollTo(-headerHeight, false);
-  }, [headerHeight, scrollPosition, scrollTo]);
-  const pullSearchInitialized = (0, import_react5.useRef)(false);
-  (0, import_react5.useLayoutEffect)(() => {
-    if (!hasPullSearch || phase !== "ready" || pullSearchInitialized.current || !headerHeight || !pullSearchHeight) return;
-    pullSearchInitialized.current = true;
-    scrollPosition.value = -headerHeight + pullSearchHeight;
-    scrollTo(-headerHeight + pullSearchHeight, false);
-  }, [hasPullSearch, phase, headerHeight, pullSearchHeight, scrollPosition, scrollTo]);
-  (0, import_react5.useEffect)(() => {
-    if (pullSearchHeight) setProgressing(refreshing);
-  }, [pullSearchHeight, refreshing, setProgressing]);
-  const handleScrollBeginDrag = (0, import_react5.useCallback)(
-    (e) => {
-      deliberatelyOpened.current = false;
-      if (pullSearchHeight) dragStartY.current = e.nativeEvent.contentOffset.y;
-      externalScrollBeginDrag?.(e);
-    },
-    [externalScrollBeginDrag, pullSearchHeight]
-  );
-  const handleScrollEndDrag = (0, import_react5.useCallback)(
-    (e) => {
-      if (pullSearchHeight && headerHeight) {
-        const y = e.nativeEvent.contentOffset.y;
-        const showY = -headerHeight;
-        const hideY = -headerHeight + pullSearchHeight;
-        const pulledDown = (dragStartY.current ?? hideY) <= hideY;
-        dragStartY.current = null;
-        if (pulledDown && y <= showY + pullSearchHeight * 0.5) {
-          deliberatelyOpened.current = true;
-          if (y <= showY && !refreshing && onRefresh) {
-            setRefreshing(true);
-            Promise.resolve(onRefresh()).finally(() => setRefreshing(false));
-          }
-          scrollTo(showY, true);
-        } else if (y < hideY) {
-          scrollTo(hideY, true);
-        }
-      }
-      externalScrollEndDrag?.(e);
-    },
-    [externalScrollEndDrag, headerHeight, onRefresh, pullSearchHeight, refreshing, scrollTo]
-  );
-  const handleMomentumScrollEnd = (0, import_react5.useCallback)(
-    (e) => {
-      if (pullSearchHeight && headerHeight && !deliberatelyOpened.current && !refreshing) {
-        const y = e.nativeEvent.contentOffset.y;
-        const hideY = -headerHeight + pullSearchHeight;
-        if (y < hideY - 1) scrollTo(hideY, true);
-      }
-      deliberatelyOpened.current = false;
-      externalMomentumScrollEnd?.(e);
-    },
-    [externalMomentumScrollEnd, headerHeight, pullSearchHeight, refreshing, scrollTo]
-  );
-  const activeListHeader = hasPullSearch && phase === "measuring" ? null : listHeaderComponent;
-  const hiddenHeader = phase === "measuring" && listHeaderComponent != null ? typeof listHeaderComponent === "function" ? (0, import_react5.createElement)(listHeaderComponent) : listHeaderComponent : null;
-  return { activeListHeader, handleMomentumScrollEnd, handleScrollBeginDrag, handleScrollEndDrag, hiddenHeader, pullSearchMinHeight: pullSearchHeight ?? 0 };
-}
-
 // src/CustomList.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var CustomListInner = ({ component: List, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, scrollRef, style, ...props }) => {
+var CustomListInner = ({ chipProps, chipThreshold, component: List, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, scrollRef, style, ...props }) => {
   const { ListHeaderComponent: listHeaderComponent, contentContainerStyle: externalContentContainerStyle, ...restProps } = props;
   const { chipHidden, chipStyle, containerStyle, contentInset, contentOffset, footerFixed, headerFixed } = useScrollList({ footerFixed: footerFixedProp, headerFixed: headerFixedProp, keyboardAware, pullSearchHeight, style });
+  const { listGeneration, onListUnmount } = (0, import_react6.useContext)(ScrollViewContext);
+  const capturedGeneration = (0, import_react_native_reanimated6.useSharedValue)(-1);
+  (0, import_react6.useLayoutEffect)(() => {
+    const generation = listGeneration.value;
+    (0, import_react_native_reanimated6.runOnUI)((gen) => {
+      "worklet";
+      capturedGeneration.value = gen;
+    })(generation);
+  }, [capturedGeneration, listGeneration]);
+  (0, import_react6.useLayoutEffect)(() => () => onListUnmount(), [onListUnmount]);
   const scrollViewInternal = (0, import_react6.useRef)(null);
   const handleRef = (0, import_react6.useCallback)(
     (el) => {
@@ -361,7 +482,10 @@ var CustomListInner = ({ component: List, renderFilters, footerFixed: footerFixe
     handleScrollBeginDrag,
     handleScrollEndDrag,
     hiddenHeader,
-    pullSearchMinHeight
+    onRemountSyncRetry,
+    onRemountSynced,
+    pullSearchMinHeight,
+    remountSyncTarget
   } = useScrollInit({
     listHeaderComponent,
     onMomentumScrollEnd: externalMomentumScrollEnd,
@@ -380,11 +504,7 @@ var CustomListInner = ({ component: List, renderFilters, footerFixed: footerFixe
     ] });
   }, [pullSearchHeader, renderFilters]);
   const contentContainerStyle = (0, import_react6.useMemo)(() => [{ minHeight: import_react_native4.Dimensions.get("window").height - contentInset.top - contentInset.bottom + pullSearchMinHeight }, externalContentContainerStyle], [contentInset.bottom, contentInset.top, externalContentContainerStyle, pullSearchMinHeight]);
-  const onPullSearchZoneEnter = (0, import_react6.useCallback)(() => {
-    if (!pullSearchHeight) return;
-    scrollViewInternal.current?.scrollToOffset({ offset: -contentInset.top + pullSearchHeight, animated: true });
-  }, [contentInset.top, pullSearchHeight]);
-  const onScroll = useScrollHandler({ chipHidden, footerFixed, headerFixed, onPullSearchZoneEnter: pullSearchHeight ? onPullSearchZoneEnter : void 0 });
+  const onScroll = useScrollHandler({ capturedGeneration, chipHidden, chipThreshold, footerFixed, headerFixed, listGeneration, onRemountSyncRetry, onRemountSynced, remountSyncTarget });
   const handleScrollToTop = (0, import_react6.useCallback)(() => {
     const offset = pullSearchHeight ? -contentInset.top + pullSearchHeight : -contentInset.top;
     scrollViewInternal.current?.scrollToOffset({ offset, animated: true });
@@ -397,7 +517,7 @@ var CustomListInner = ({ component: List, renderFilters, footerFixed: footerFixe
   const content = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native4.View, { style: containerStyle, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TypedList, { ...restProps, contentContainerStyle, contentInset, contentOffset, ListHeaderComponent: activeListHeader, onMomentumScrollEnd: handleMomentumScrollEnd, onScroll, onScrollBeginDrag: handleScrollBeginDrag, onScrollEndDrag: handleScrollEndDrag, ref: handleRef, refreshControl, scrollEventThrottle: 16 }),
     hiddenHeader && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.View, { pointerEvents: "none", style: styles2.measureContainer, children: hiddenHeader }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ScrollViewChip, { onPress: handleScrollToTop, style: chipStyle })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ScrollViewChip, { chipProps, onChipPress, onPress: handleScrollToTop, style: chipStyle })
   ] });
   return detectorGesture ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_gesture_handler.GestureDetector, { gesture: detectorGesture, children: content }) : content;
 };
@@ -405,17 +525,16 @@ var styles2 = { measureContainer: { left: 0, opacity: 0, position: "absolute", r
 var CustomList = (0, import_react6.memo)(CustomListInner);
 
 // src/FlatList.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_react_native6 = require("react-native");
 var import_react_native_gesture_handler2 = require("react-native-gesture-handler");
-var import_react_native_reanimated6 = __toESM(require("react-native-reanimated"));
 
 // src/internal/HorizontalDots.tsx
-var import_auto_paper = require("@rific/auto-paper");
+var import_auto_paper2 = require("@rific/auto-paper");
 var import_react7 = require("react");
 var import_react_native5 = require("react-native");
-var import_react_native_paper2 = require("react-native-paper");
-var import_react_native_reanimated5 = __toESM(require("react-native-reanimated"));
+var import_react_native_paper = require("react-native-paper");
+var import_react_native_reanimated7 = __toESM(require("react-native-reanimated"));
 var import_react_native_safe_area_context2 = require("react-native-safe-area-context");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var DOT_FULL = 8;
@@ -430,36 +549,36 @@ var PILL_HEIGHT = DOT_FULL + PILL_PAD_V * 2;
 var PILL_RADIUS = PILL_HEIGHT / 2;
 var PILL_WIDTH = CLIP_WIDTH + PILL_PAD_H * 2;
 var Dot = ({ activeColor, index, inactiveColor, pageWidth, scrollPosition }) => {
-  const circleStyle = (0, import_react_native_reanimated5.useAnimatedStyle)(() => {
+  const circleStyle = (0, import_react_native_reanimated7.useAnimatedStyle)(() => {
     const page = scrollPosition.value / pageWidth;
     const distance = Math.abs(index - page);
     const t = Math.max(0, Math.min((distance - 0.5) / 2, 1));
     const size = DOT_FULL + (DOT_SMALL - DOT_FULL) * t;
-    const backgroundColor = (0, import_react_native_reanimated5.interpolateColor)(t, [0, 1], [activeColor, inactiveColor]);
+    const backgroundColor = (0, import_react_native_reanimated7.interpolateColor)(t, [0, 1], [activeColor, inactiveColor]);
     return { backgroundColor, borderRadius: size / 2, height: size, width: size };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.View, { style: styles3.dotContainer, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_reanimated5.default.View, { style: circleStyle }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.View, { style: styles3.dotContainer, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_reanimated7.default.View, { style: circleStyle }) });
 };
 var HorizontalDots = ({ total }) => {
   const { blur, footerHeightShared, scrollPosition } = (0, import_react7.useContext)(ScrollViewContext);
   const { width } = (0, import_react_native5.useWindowDimensions)();
   const insets = (0, import_react_native_safe_area_context2.useSafeAreaInsets)();
-  const theme = (0, import_react_native_paper2.useTheme)();
+  const theme = (0, import_react_native_paper.useTheme)();
   const insetsBottom = insets.bottom;
   const activeColor = theme.colors.primary;
   const inactiveColor = theme.colors.outlineVariant;
-  const pillContainerStyle = (0, import_react_native_reanimated5.useAnimatedStyle)(() => ({
+  const pillContainerStyle = (0, import_react_native_reanimated7.useAnimatedStyle)(() => ({
     bottom: Math.max(footerHeightShared.value, insetsBottom) + 8
   }));
-  const rowStyle = (0, import_react_native_reanimated5.useAnimatedStyle)(() => {
+  const rowStyle = (0, import_react_native_reanimated7.useAnimatedStyle)(() => {
     const page = scrollPosition.value / width;
     const maxOffset = Math.max(0, (total - CLIP_COUNT) * DOT_STEP);
     const offset = Math.max(0, Math.min((page - (CLIP_COUNT - 1) / 2) * DOT_STEP, maxOffset));
     return { transform: [{ translateX: -offset }] };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_reanimated5.default.View, { pointerEvents: "none", style: [styles3.pillContainer, pillContainerStyle], children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native5.View, { style: styles3.pill, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_auto_paper.BlurView, { blur, style: import_react_native5.StyleSheet.absoluteFill }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.View, { style: styles3.dotsClip, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_reanimated5.default.View, { style: [styles3.dotsRow, rowStyle], children: Array.from({ length: total }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dot, { activeColor, index: i, inactiveColor, pageWidth: width, scrollPosition }, i)) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_reanimated7.default.View, { pointerEvents: "none", style: [styles3.pillContainer, pillContainerStyle], children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native5.View, { style: styles3.pill, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_auto_paper2.BlurView, { blur, style: import_react_native5.StyleSheet.absoluteFill }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.View, { style: styles3.dotsClip, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_reanimated7.default.View, { style: [styles3.dotsRow, rowStyle], children: Array.from({ length: total }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dot, { activeColor, index: i, inactiveColor, pageWidth: width, scrollPosition }, i)) }) })
   ] }) });
 };
 var styles3 = import_react_native5.StyleSheet.create({
@@ -477,14 +596,144 @@ var styles3 = import_react_native5.StyleSheet.create({
   pillContainer: { alignItems: "center", left: 0, position: "absolute", right: 0, zIndex: 3 }
 });
 
+// src/internal/useScrollHandlerJS.ts
+var import_react8 = require("react");
+var import_react_native_reanimated8 = require("react-native-reanimated");
+var REMOUNT_RETRY_TOLERANCE = 1;
+var REMOUNT_RETRY_MAX_ATTEMPTS = 8;
+function useScrollHandlerJS({ capturedGeneration, chipHidden, chipThreshold = 100, footerFixed, headerFixed, isHorizontal, jsListGeneration, remountTarget = null, scrollTo }) {
+  const { footerHeightShared, footerOffset, headerHeightShared, headerOffset, pullSearchHeightShared, scrollPosition, snapBackFooterShared, snapBackHeaderShared } = (0, import_react8.useContext)(ScrollViewContext);
+  const snapUpAccum = (0, import_react8.useRef)(0);
+  const fromBottomBounce = (0, import_react8.useRef)(false);
+  const pendingRemountTarget = (0, import_react8.useRef)(remountTarget);
+  const remountAttempts = (0, import_react8.useRef)(0);
+  const onScroll = (0, import_react8.useCallback)(
+    (event) => {
+      if (jsListGeneration.current !== capturedGeneration.current) return;
+      const {
+        contentOffset: { x, y },
+        contentSize: { height: contentHeight },
+        layoutMeasurement: { height: layoutHeight }
+      } = event.nativeEvent;
+      if (pendingRemountTarget.current !== null) {
+        const target = pendingRemountTarget.current;
+        if (Math.abs(y - target) < REMOUNT_RETRY_TOLERANCE) {
+          pendingRemountTarget.current = null;
+        } else {
+          remountAttempts.current += 1;
+          if (remountAttempts.current > REMOUNT_RETRY_MAX_ATTEMPTS) {
+            pendingRemountTarget.current = null;
+          } else {
+            scrollTo?.(target, false);
+            return;
+          }
+        }
+      }
+      if (isHorizontal) {
+        scrollPosition.value = x;
+        chipHidden.value = x < chipThreshold ? 1 : 0;
+        return;
+      }
+      const delta = y - scrollPosition.value;
+      scrollPosition.value = y;
+      chipHidden.value = y < chipThreshold ? 1 : 0;
+      const maxScroll = contentHeight - layoutHeight;
+      if (maxScroll > 0 && y >= maxScroll) {
+        fromBottomBounce.current = true;
+        snapUpAccum.current = 0;
+      } else if (fromBottomBounce.current) {
+        fromBottomBounce.current = false;
+      }
+      const snapHeader = snapBackHeaderShared.value && !headerFixed;
+      const snapFooter = snapBackFooterShared.value && !footerFixed;
+      if (snapHeader || snapFooter) {
+        if (y <= -headerHeightShared.value) {
+          snapUpAccum.current = 0;
+          if (snapHeader) headerOffset.value = 0;
+          if (snapFooter) footerOffset.value = 0;
+        } else if (delta > 0) {
+          snapUpAccum.current = 0;
+          if (y >= -headerHeightShared.value + pullSearchHeightShared.value) {
+            if (snapHeader) headerOffset.value = Math.max(-headerHeightShared.value, Math.min(0, headerOffset.value - delta));
+            if (snapFooter) footerOffset.value = Math.max(0, Math.min(footerHeightShared.value, footerOffset.value + delta));
+          }
+        } else if (delta < 0 && !fromBottomBounce.current) {
+          if (y >= -headerHeightShared.value + pullSearchHeightShared.value) snapUpAccum.current -= delta;
+          if (snapUpAccum.current >= 10) {
+            snapUpAccum.current = 999;
+            if (snapHeader) headerOffset.value = (0, import_react_native_reanimated8.withTiming)(0, { duration: 200 });
+            if (snapFooter) footerOffset.value = (0, import_react_native_reanimated8.withTiming)(0, { duration: 200 });
+          }
+        }
+      }
+    },
+    [capturedGeneration, chipHidden, chipThreshold, footerFixed, footerHeightShared, footerOffset, headerFixed, headerHeightShared, headerOffset, isHorizontal, jsListGeneration, pullSearchHeightShared, scrollPosition, scrollTo, snapBackFooterShared, snapBackHeaderShared]
+  );
+  const onScrollBeginDrag = (0, import_react8.useCallback)(() => {
+    fromBottomBounce.current = false;
+    snapUpAccum.current = 0;
+  }, []);
+  const onMomentumScrollBegin = (0, import_react8.useCallback)(() => {
+  }, []);
+  const onScrollEndDrag = (0, import_react8.useCallback)(
+    (event) => {
+      if (isHorizontal) return;
+      const {
+        contentOffset: { y },
+        contentSize: { height: contentHeight },
+        layoutMeasurement: { height: layoutHeight }
+      } = event.nativeEvent;
+      if (y >= contentHeight - layoutHeight - 10) {
+        fromBottomBounce.current = true;
+        snapUpAccum.current = 0;
+      }
+    },
+    [isHorizontal]
+  );
+  const onMomentumScrollEnd = (0, import_react8.useCallback)(() => {
+    fromBottomBounce.current = false;
+    snapUpAccum.current = 0;
+  }, []);
+  return { onMomentumScrollBegin, onMomentumScrollEnd, onScroll, onScrollBeginDrag, onScrollEndDrag };
+}
+
 // src/FlatList.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var FlatListInner = ({ contentContainerStyle: externalContentContainerStyle, data, initialNumToRender = 20, maxToRenderPerBatch = 50, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews = false, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize = 100, ...props }) => {
-  const scrollView = (0, import_react8.useRef)(null);
+var FlatListInner = ({ chipProps, chipThreshold, columnWrapperStyle, contentContainerStyle: externalContentContainerStyle, data, initialNumToRender = 20, keyExtractor, maxToRenderPerBatch = 50, numColumns, renderFilters, renderItem, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews = false, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize = 100, ...props }) => {
+  const scrollView = (0, import_react9.useRef)(null);
   const isHorizontal = horizontal === true;
   const showDots = isHorizontal && pagingEnabled === true && (data?.length ?? 0) > 1;
+  const cols = numColumns && numColumns > 1 ? numColumns : 1;
+  const rowData = (0, import_react9.useMemo)(() => {
+    if (cols <= 1 || !data) return data;
+    const items = Array.from(data);
+    const rows = [];
+    for (let i = 0; i < items.length; i += cols) rows.push(items.slice(i, i + cols));
+    return rows;
+  }, [cols, data]);
+  const rowKeyExtractor = (0, import_react9.useCallback)(
+    (row, rowIndex) => {
+      if (cols <= 1) return keyExtractor ? keyExtractor(row, rowIndex) : defaultKeyExtractor(row, rowIndex);
+      return row.map((item, kk) => keyExtractor ? keyExtractor(item, rowIndex * cols + kk) : defaultKeyExtractor(item, rowIndex * cols + kk)).join(":");
+    },
+    [cols, keyExtractor]
+  );
+  const rowRenderItem = (0, import_react9.useCallback)(
+    (info) => {
+      if (cols <= 1) return renderItem ? renderItem(info) : null;
+      const row = info.item;
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.View, { style: [styles4.row, columnWrapperStyle], children: row.map((item, kk) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react9.Fragment, { children: renderItem ? renderItem({ index: info.index * cols + kk, item, separators: info.separators }) : null }, kk)) });
+    },
+    [cols, columnWrapperStyle, renderItem]
+  );
   const { chipHidden, chipStyle, containerStyle, contentInset, contentOffset, footerFixed, headerFixed } = useScrollList({ footerFixed: footerFixedProp, headerFixed: headerFixedProp, isHorizontal, keyboardAware, pullSearchHeight, style });
-  const scrollTo = (0, import_react8.useCallback)((offset, animated) => {
+  const { jsListGeneration, onJsListUnmount } = (0, import_react9.useContext)(ScrollViewContext);
+  const capturedGeneration = (0, import_react9.useRef)(jsListGeneration.current);
+  (0, import_react9.useLayoutEffect)(() => {
+    capturedGeneration.current = jsListGeneration.current;
+  }, [jsListGeneration]);
+  (0, import_react9.useLayoutEffect)(() => () => onJsListUnmount(), [onJsListUnmount]);
+  const scrollTo = (0, import_react9.useCallback)((offset, animated) => {
     scrollView.current?.scrollToOffset({ offset, animated });
   }, []);
   const {
@@ -493,7 +742,8 @@ var FlatListInner = ({ contentContainerStyle: externalContentContainerStyle, dat
     handleScrollBeginDrag,
     handleScrollEndDrag,
     hiddenHeader,
-    pullSearchMinHeight
+    pullSearchMinHeight,
+    remountTarget
   } = useScrollInit({
     listHeaderComponent: externalListHeaderComponent,
     onMomentumScrollEnd: externalMomentumScrollEnd,
@@ -503,7 +753,7 @@ var FlatListInner = ({ contentContainerStyle: externalContentContainerStyle, dat
     pullSearchHeight,
     scrollTo
   });
-  const activeListHeader = (0, import_react8.useMemo)(() => {
+  const activeListHeader = (0, import_react9.useMemo)(() => {
     if (!renderFilters) return pullSearchHeader;
     const Inner = pullSearchHeader;
     return () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
@@ -511,13 +761,30 @@ var FlatListInner = ({ contentContainerStyle: externalContentContainerStyle, dat
       renderFilters
     ] });
   }, [pullSearchHeader, renderFilters]);
-  const contentContainerStyle = (0, import_react8.useMemo)(() => isHorizontal ? externalContentContainerStyle : [{ minHeight: import_react_native6.Dimensions.get("window").height - contentInset.top - contentInset.bottom + pullSearchMinHeight }, externalContentContainerStyle], [isHorizontal, contentInset.bottom, contentInset.top, externalContentContainerStyle, pullSearchMinHeight]);
-  const onPullSearchZoneEnter = (0, import_react8.useCallback)(() => {
-    if (!pullSearchHeight) return;
-    scrollView.current?.scrollToOffset({ offset: -contentInset.top + pullSearchHeight, animated: true });
-  }, [contentInset.top, pullSearchHeight]);
-  const handleScroll = useScrollHandler({ chipHidden, footerFixed, headerFixed, isHorizontal, onPullSearchZoneEnter: pullSearchHeight ? onPullSearchZoneEnter : void 0 });
-  const handleScrollToTop = (0, import_react8.useCallback)(() => {
+  const contentContainerStyle = (0, import_react9.useMemo)(() => isHorizontal ? externalContentContainerStyle : [{ minHeight: import_react_native6.Dimensions.get("window").height - contentInset.top - contentInset.bottom + pullSearchMinHeight }, externalContentContainerStyle], [isHorizontal, contentInset.bottom, contentInset.top, externalContentContainerStyle, pullSearchMinHeight]);
+  const scrollHandler = useScrollHandlerJS({ capturedGeneration, chipHidden, chipThreshold, footerFixed, headerFixed, isHorizontal, jsListGeneration, remountTarget, scrollTo });
+  const onScrollBeginDrag = (0, import_react9.useCallback)(
+    (e) => {
+      scrollHandler.onScrollBeginDrag(e);
+      handleScrollBeginDrag(e);
+    },
+    [scrollHandler, handleScrollBeginDrag]
+  );
+  const onScrollEndDrag = (0, import_react9.useCallback)(
+    (e) => {
+      scrollHandler.onScrollEndDrag(e);
+      handleScrollEndDrag(e);
+    },
+    [scrollHandler, handleScrollEndDrag]
+  );
+  const onMomentumScrollEnd = (0, import_react9.useCallback)(
+    (e) => {
+      scrollHandler.onMomentumScrollEnd(e);
+      handleMomentumScrollEnd(e);
+    },
+    [scrollHandler, handleMomentumScrollEnd]
+  );
+  const handleScrollToTop = (0, import_react9.useCallback)(() => {
     if (isHorizontal) {
       scrollView.current?.scrollToOffset({ offset: 0, animated: true });
       return;
@@ -525,35 +792,39 @@ var FlatListInner = ({ contentContainerStyle: externalContentContainerStyle, dat
     const offset = pullSearchHeight ? -contentInset.top + pullSearchHeight : -contentInset.top;
     scrollView.current?.scrollToOffset({ offset, animated: true });
   }, [isHorizontal, contentInset.top, pullSearchHeight]);
-  const handleContentSizeChange = (0, import_react8.useCallback)(
+  const handleContentSizeChange = (0, import_react9.useCallback)(
     (w, h) => {
       if (onContentSizeChange) onContentSizeChange(w, h);
     },
     [onContentSizeChange]
   );
-  const refreshControl = (0, import_react8.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RefreshControl, {}), []);
-  const nativeGesture = (0, import_react8.useMemo)(() => import_react_native_gesture_handler2.Gesture.Native(), []);
-  const combinedGesture = (0, import_react8.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler2.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
+  const refreshControl = (0, import_react9.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RefreshControl, {}), []);
+  const nativeGesture = (0, import_react9.useMemo)(() => import_react_native_gesture_handler2.Gesture.Native(), []);
+  const combinedGesture = (0, import_react9.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler2.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
   const detectorGesture = gesture !== void 0 ? combinedGesture : void 0;
   const content = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native6.View, { style: containerStyle, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_react_native_reanimated6.default.FlatList,
+      import_react_native6.FlatList,
       {
         ...props,
         contentContainerStyle,
         contentInset,
+        contentInsetAdjustmentBehavior: "never",
         contentOffset,
-        data,
+        data: cols > 1 ? rowData : data,
         horizontal: isHorizontal,
         initialNumToRender,
+        keyExtractor: cols > 1 ? rowKeyExtractor : keyExtractor,
         ListHeaderComponent: activeListHeader,
         maxToRenderPerBatch,
         onContentSizeChange: handleContentSizeChange,
-        onMomentumScrollEnd: handleMomentumScrollEnd,
-        onScroll: handleScroll,
-        onScrollBeginDrag: handleScrollBeginDrag,
-        onScrollEndDrag: handleScrollEndDrag,
+        onMomentumScrollBegin: scrollHandler.onMomentumScrollBegin,
+        onMomentumScrollEnd,
+        onScroll: scrollHandler.onScroll,
+        onScrollBeginDrag,
+        onScrollEndDrag,
         pagingEnabled,
+        renderItem: cols > 1 ? rowRenderItem : renderItem,
         ref: (el) => {
           if (externalRef) externalRef.current = el;
           scrollView.current = el;
@@ -567,52 +838,56 @@ var FlatListInner = ({ contentContainerStyle: externalContentContainerStyle, dat
       }
     ),
     hiddenHeader && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.View, { pointerEvents: "none", style: styles4.measureContainer, children: hiddenHeader }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ScrollViewChip, { isHorizontal, onPress: handleScrollToTop, style: chipStyle }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ScrollViewChip, { chipProps, isHorizontal, onChipPress, onPress: handleScrollToTop, style: chipStyle }),
     showDots && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HorizontalDots, { total: data?.length ?? 0 })
   ] });
   return detectorGesture ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native_gesture_handler2.GestureDetector, { gesture: detectorGesture, children: content }) : content;
 };
-var styles4 = { measureContainer: { left: 0, opacity: 0, position: "absolute", right: 0, top: -9999 } };
-var FlatList = (0, import_react8.memo)(FlatListInner);
+var defaultKeyExtractor = (item, index) => {
+  const key = item?.key ?? item?.id;
+  return key != null ? String(key) : String(index);
+};
+var styles4 = { measureContainer: { left: 0, opacity: 0, position: "absolute", right: 0, top: -9999 }, row: { flexDirection: "row" } };
+var FlatList = (0, import_react9.memo)(FlatListInner);
 
 // src/PullSearch.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_react_native7 = require("react-native");
-var import_react_native_paper3 = require("react-native-paper");
-var import_react_native_reanimated7 = __toESM(require("react-native-reanimated"));
+var import_react_native_paper2 = require("react-native-paper");
+var import_react_native_reanimated9 = __toESM(require("react-native-reanimated"));
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var PullSearch = (0, import_react9.forwardRef)(function PullSearch2({ debounce, onChangeText, onHeightChange, placeholder, value: propValue }, ref) {
-  const { headerHeight, scrollPosition } = (0, import_react9.useContext)(ScrollViewContext);
-  const theme = (0, import_react_native_paper3.useTheme)();
-  const inputRef = (0, import_react9.useRef)(null);
-  const [barHeight, setBarHeight] = (0, import_react9.useState)(0);
-  const [value, setValue] = (0, import_react9.useState)(propValue ?? "");
-  const prevPropValueRef = (0, import_react9.useRef)(propValue);
-  (0, import_react9.useEffect)(() => {
+var PullSearch = (0, import_react10.forwardRef)(function PullSearch2({ debounce, onChangeText, onHeightChange, placeholder, value: propValue }, ref) {
+  const { headerHeight, scrollPosition } = (0, import_react10.useContext)(ScrollViewContext);
+  const theme = (0, import_react_native_paper2.useTheme)();
+  const inputRef = (0, import_react10.useRef)(null);
+  const [barHeight, setBarHeight] = (0, import_react10.useState)(0);
+  const [value, setValue] = (0, import_react10.useState)(propValue ?? "");
+  const prevPropValueRef = (0, import_react10.useRef)(propValue);
+  (0, import_react10.useEffect)(() => {
     if (prevPropValueRef.current === propValue) return;
     prevPropValueRef.current = propValue;
     setValue(propValue ?? "");
   }, [propValue]);
-  (0, import_react9.useImperativeHandle)(ref, () => ({
+  (0, import_react10.useImperativeHandle)(ref, () => ({
     blur: () => inputRef.current?.blur(),
     focus: () => inputRef.current?.focus()
   }));
-  const blurInput = (0, import_react9.useCallback)(() => inputRef.current?.blur(), []);
-  (0, import_react_native_reanimated7.useAnimatedReaction)(
+  const blurInput = (0, import_react10.useCallback)(() => inputRef.current?.blur(), []);
+  (0, import_react_native_reanimated9.useAnimatedReaction)(
     () => {
       if (barHeight === 0) return false;
-      return scrollPosition.value >= -headerHeight + barHeight;
+      return scrollPosition.value >= -(headerHeight ?? 0) + barHeight;
     },
     (isHidden, wasHidden) => {
-      if (isHidden && !wasHidden) (0, import_react_native_reanimated7.runOnJS)(blurInput)();
+      if (isHidden && !wasHidden) (0, import_react_native_reanimated9.runOnJS)(blurInput)();
     },
     [barHeight, headerHeight, blurInput]
   );
-  const handleClear = (0, import_react9.useCallback)(() => {
+  const handleClear = (0, import_react10.useCallback)(() => {
     setValue("");
     onChangeText("");
   }, [onChangeText]);
-  const handleLayout = (0, import_react9.useCallback)(
+  const handleLayout = (0, import_react10.useCallback)(
     ({
       nativeEvent: {
         layout: { height }
@@ -623,7 +898,7 @@ var PullSearch = (0, import_react9.forwardRef)(function PullSearch2({ debounce,
     },
     [onHeightChange]
   );
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const normalizedValue = value.trim();
     if (debounce) {
       const timeout = setTimeout(() => onChangeText(normalizedValue), 500);
@@ -631,13 +906,14 @@ var PullSearch = (0, import_react9.forwardRef)(function PullSearch2({ debounce,
     }
     onChangeText(normalizedValue);
   }, [debounce, onChangeText, value]);
-  const animatedStyle = (0, import_react_native_reanimated7.useAnimatedStyle)(() => {
+  const animatedStyle = (0, import_react_native_reanimated9.useAnimatedStyle)(() => {
     if (barHeight === 0) return { opacity: 0 };
-    const showY = -headerHeight;
-    const hideY = -headerHeight + barHeight;
-    return { opacity: (0, import_react_native_reanimated7.interpolate)(scrollPosition.value, [showY, hideY], [1, 0], import_react_native_reanimated7.Extrapolation.CLAMP) };
+    const h = headerHeight ?? 0;
+    const showY = -h;
+    const hideY = -h + barHeight;
+    return { opacity: (0, import_react_native_reanimated9.interpolate)(scrollPosition.value, [showY, hideY], [1, 0], import_react_native_reanimated9.Extrapolation.CLAMP) };
   }, [barHeight, headerHeight]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_reanimated7.default.View, { onLayout: handleLayout, style: [styles5.container, animatedStyle], children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_paper3.Searchbar, { autoCorrect: false, onChangeText: (text) => setValue((text || "").trimStart()), onClearIconPress: handleClear, placeholder, placeholderTextColor: theme.colors.onSurfaceVariant, ref: inputRef, spellCheck: false, style: styles5.input, value }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_reanimated9.default.View, { onLayout: handleLayout, style: [styles5.container, animatedStyle], children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_paper2.Searchbar, { autoCorrect: false, onChangeText: (text) => setValue((text || "").trimStart()), onClearIconPress: handleClear, placeholder, placeholderTextColor: theme.colors.onSurfaceVariant, ref: inputRef, spellCheck: false, style: styles5.input, value }) });
 });
 var styles5 = import_react_native7.StyleSheet.create({
   container: { paddingVertical: 8 },
@@ -1138,6 +1414,24 @@ var objectTraps = {
   get(state, prop) {
     if (prop === DRAFT_STATE)
       return state;
+    if (prop === "constructor" || prop === "__proto__") {
+      const source2 = latest(state);
+      const value2 = source2[prop];
+      return new Proxy(value2 || {}, {
+        get: (target, key) => {
+          if (key === "__proto__" || key === "prototype") {
+            return Object.freeze(/* @__PURE__ */ Object.create(null));
+          }
+          return Reflect.get(target, key);
+        },
+        set: () => {
+          return true;
+        },
+        apply: (target, thisArg, args) => {
+          return Reflect.apply(target, thisArg, args);
+        }
+      });
+    }
     let arrayPlugin = state.scope_.arrayMethodsPlugin_;
     const isArrayWithStringProp = state.type_ === 1 && typeof prop === "string";
     if (isArrayWithStringProp) {
@@ -1167,12 +1461,18 @@ var objectTraps = {
     return value;
   },
   has(state, prop) {
+    if (prop === "constructor" || prop === "__proto__" || prop === "prototype") {
+      return false;
+    }
     return prop in latest(state);
   },
   ownKeys(state) {
     return Reflect.ownKeys(latest(state));
   },
   set(state, prop, value) {
+    if (prop === "constructor" || prop === "__proto__" || prop === "prototype") {
+      return true;
+    }
     const desc = getDescriptorFromProto(latest(state), prop);
     if (desc?.set) {
       desc.set.call(state.draft_, value);
@@ -1192,7 +1492,7 @@ var objectTraps = {
       markChanged(state);
     }
     if (state.copy_[prop] === value && // special case: handle new props with value 'undefined'
-    (value !== void 0 || prop in state.copy_) || // special case: NaN
+    (value !== void 0 || has(state.copy_, prop, state.type_)) || // special case: NaN
     Number.isNaN(value) && Number.isNaN(state.copy_[prop]))
       return true;
     state.copy_[prop] = value;
@@ -2183,14 +2483,14 @@ function formatProdErrorMessage(code) {
 }
 
 // src/ScrollViewSettingsContext.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 var defaultScrollViewSettings = {
   backActionFixed: true,
   footerFixed: false,
   headerFixed: false,
   snapBack: false
 };
-var ScrollViewSettingsContext = (0, import_react10.createContext)({
+var ScrollViewSettingsContext = (0, import_react11.createContext)({
   settings: defaultScrollViewSettings,
   set: () => {
   }
@@ -2208,16 +2508,26 @@ var scrollViewActions = slice.actions;
 var scrollViewReducer = slice.reducer;
 
 // src/ScrollView.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_react_native8 = require("react-native");
 var import_react_native_gesture_handler3 = require("react-native-gesture-handler");
-var import_react_native_reanimated8 = __toESM(require("react-native-reanimated"));
+var import_react_native_reanimated10 = __toESM(require("react-native-reanimated"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var ScrollViewInner = ({ children, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, style, ...props }) => {
-  const scrollView = (0, import_react11.useRef)(null);
+var ScrollViewInner = ({ chipProps, chipThreshold, children, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, style, ...props }) => {
+  const scrollView = (0, import_react12.useRef)(null);
   const isHorizontal = horizontal === true;
   const { chipHidden, chipStyle, containerStyle, contentInset, contentOffset, footerFixed, headerFixed } = useScrollList({ footerFixed: footerFixedProp, headerFixed: headerFixedProp, isHorizontal, keyboardAware, pullSearchHeight, style });
-  const scrollTo = (0, import_react11.useCallback)((offset, animated) => {
+  const { listGeneration, onListUnmount } = (0, import_react12.useContext)(ScrollViewContext);
+  const capturedGeneration = (0, import_react_native_reanimated10.useSharedValue)(-1);
+  (0, import_react12.useLayoutEffect)(() => {
+    const generation = listGeneration.value;
+    (0, import_react_native_reanimated10.runOnUI)((gen) => {
+      "worklet";
+      capturedGeneration.value = gen;
+    })(generation);
+  }, [capturedGeneration, listGeneration]);
+  (0, import_react12.useLayoutEffect)(() => () => onListUnmount(), [onListUnmount]);
+  const scrollTo = (0, import_react12.useCallback)((offset, animated) => {
     scrollView.current?.scrollTo({ y: offset, animated });
   }, []);
   const { handleMomentumScrollEnd, handleScrollBeginDrag, handleScrollEndDrag } = useScrollInit({
@@ -2227,12 +2537,8 @@ var ScrollViewInner = ({ children, footerFixed: footerFixedProp, gesture, header
     pullSearchHeight,
     scrollTo
   });
-  const onPullSearchZoneEnter = (0, import_react11.useCallback)(() => {
-    if (!pullSearchHeight) return;
-    scrollTo(-contentInset.top + pullSearchHeight, true);
-  }, [contentInset.top, pullSearchHeight, scrollTo]);
-  const handleScroll = useScrollHandler({ chipHidden, footerFixed, headerFixed, isHorizontal, onPullSearchZoneEnter: pullSearchHeight ? onPullSearchZoneEnter : void 0 });
-  const handleScrollToTop = (0, import_react11.useCallback)(() => {
+  const handleScroll = useScrollHandler({ capturedGeneration, chipHidden, chipThreshold, footerFixed, headerFixed, isHorizontal, listGeneration });
+  const handleScrollToTop = (0, import_react12.useCallback)(() => {
     if (isHorizontal) {
       scrollView.current?.scrollTo({ x: 0, animated: true });
       return;
@@ -2240,13 +2546,13 @@ var ScrollViewInner = ({ children, footerFixed: footerFixedProp, gesture, header
     const offset = pullSearchHeight ? -contentInset.top + pullSearchHeight : -contentInset.top;
     scrollView.current?.scrollTo({ y: offset, animated: true });
   }, [isHorizontal, contentInset.top, pullSearchHeight]);
-  const refreshControl = (0, import_react11.useMemo)(() => onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshControl, {}), [onRefresh, refreshing]);
-  const nativeGesture = (0, import_react11.useMemo)(() => import_react_native_gesture_handler3.Gesture.Native(), []);
-  const combinedGesture = (0, import_react11.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler3.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
+  const refreshControl = (0, import_react12.useMemo)(() => onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshControl, {}), [onRefresh, refreshing]);
+  const nativeGesture = (0, import_react12.useMemo)(() => import_react_native_gesture_handler3.Gesture.Native(), []);
+  const combinedGesture = (0, import_react12.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler3.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
   const detectorGesture = gesture !== void 0 ? combinedGesture : void 0;
   const content = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native8.View, { style: containerStyle, children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_react_native_reanimated8.default.ScrollView,
+      import_react_native_reanimated10.default.ScrollView,
       {
         ...props,
         contentInset,
@@ -2264,23 +2570,23 @@ var ScrollViewInner = ({ children, footerFixed: footerFixedProp, gesture, header
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ScrollViewChip, { isHorizontal, onPress: handleScrollToTop, style: chipStyle })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ScrollViewChip, { chipProps, isHorizontal, onChipPress, onPress: handleScrollToTop, style: chipStyle })
   ] });
   return detectorGesture ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native_gesture_handler3.GestureDetector, { gesture: detectorGesture, children: content }) : content;
 };
-var ScrollView = (0, import_react11.memo)(ScrollViewInner);
+var ScrollView = (0, import_react12.memo)(ScrollViewInner);
 
 // src/ScrollViewFooter.tsx
-var import_auto_paper2 = require("@rific/auto-paper");
-var import_react12 = require("react");
+var import_auto_paper3 = require("@rific/auto-paper");
+var import_react13 = require("react");
 var import_react_native9 = require("react-native");
-var import_react_native_reanimated9 = __toESM(require("react-native-reanimated"));
+var import_react_native_reanimated11 = __toESM(require("react-native-reanimated"));
 var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var ScrollViewFooter = ({ children, style }) => {
-  const { blur, footerHeight, footerFixed, footerOffset, headerHeightShared, pullSearchHeightShared, scrollPosition, setFooterHeight, snapBackFooterShared } = (0, import_react12.useContext)(ScrollViewContext);
+  const { blur, footerHeight, footerFixed, footerOffset, headerHeightShared, pullSearchHeightShared, scrollPosition, setFooterHeight, snapBackFooterShared } = (0, import_react13.useContext)(ScrollViewContext);
   const insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
-  (0, import_react12.useEffect)(
+  (0, import_react13.useEffect)(
     () => () => {
       setFooterHeight(0);
     },
@@ -2293,15 +2599,15 @@ var ScrollViewFooter = ({ children, style }) => {
   }) => {
     if (footerHeight !== height) setFooterHeight(height);
   };
-  const footerStyle = (0, import_react_native_reanimated9.useAnimatedStyle)(() => {
+  const footerStyle = (0, import_react_native_reanimated11.useAnimatedStyle)(() => {
     if (footerFixed) return { transform: [{ translateY: 0 }] };
     if (snapBackFooterShared.value) return { transform: [{ translateY: footerOffset.value }] };
     const effective = scrollPosition.value + headerHeightShared.value - pullSearchHeightShared.value;
     if (effective <= 0) return { transform: [{ translateY: 0 }] };
     return { transform: [{ translateY: Math.min(effective, footerHeight) }] };
   }, [footerHeight, footerFixed]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native_reanimated9.default.View, { onLayout: handleLayout, pointerEvents: "box-none", style: [styles6.footer, footerStyle], children: [
-    footerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_auto_paper2.BlurView, { blur, style: import_react_native9.StyleSheet.absoluteFill }),
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native_reanimated11.default.View, { onLayout: handleLayout, pointerEvents: "box-none", style: [styles6.footer, footerStyle], children: [
+    footerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_auto_paper3.BlurView, { blur, style: import_react_native9.StyleSheet.absoluteFill }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native9.View, { style: [styles6.row, { paddingBottom: insets.bottom }, style], children })
   ] });
 };
@@ -2311,20 +2617,20 @@ var styles6 = import_react_native9.StyleSheet.create({
 });
 
 // src/ScrollViewHeader.tsx
-var import_auto_paper3 = require("@rific/auto-paper");
-var import_react13 = require("react");
+var import_auto_paper4 = require("@rific/auto-paper");
+var import_react14 = require("react");
 var import_react_native10 = require("react-native");
-var import_react_native_paper4 = require("react-native-paper");
-var import_react_native_reanimated10 = __toESM(require("react-native-reanimated"));
+var import_react_native_paper3 = require("react-native-paper");
+var import_react_native_reanimated12 = __toESM(require("react-native-reanimated"));
 var import_react_native_safe_area_context4 = require("react-native-safe-area-context");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var ActionBg = ({ blur, style }) => blur ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: [import_react_native10.StyleSheet.absoluteFill, styles7.actionBg, style], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_auto_paper3.BlurView, { blur: true, style: import_react_native10.StyleSheet.absoluteFill }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: [import_react_native10.StyleSheet.absoluteFill, styles7.actionBg, style], pointerEvents: "none", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_paper4.Surface, { style: import_react_native10.StyleSheet.absoluteFill, elevation: 1, children: null }) });
+var ActionBg = ({ blur, style }) => blur ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: [import_react_native10.StyleSheet.absoluteFill, styles7.actionBg, style], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_auto_paper4.BlurView, { blur: true, style: import_react_native10.StyleSheet.absoluteFill }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: [import_react_native10.StyleSheet.absoluteFill, styles7.actionBg, style], pointerEvents: "none", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_paper3.Surface, { style: import_react_native10.StyleSheet.absoluteFill, elevation: 1, children: null }) });
 var ScrollViewHeader = ({ actionSize = 48, actionStyle, backAction, backActionFixed, caption, centerContent, children, iconSize, style, title, topInset = true, trailingAction, trailingActionFixed = true }) => {
-  const { blur, headerHeight, headerFixed, headerOffset, progress, progressing, pullSearchHeightShared, scrollPosition, setHeaderHeight, snapBackHeaderShared } = (0, import_react13.useContext)(ScrollViewContext);
-  const { settings } = (0, import_react13.useContext)(ScrollViewSettingsContext);
+  const { blur, headerHeight, headerFixed, headerOffset, progress, progressing, pullSearchHeightShared, scrollPosition, setHeaderHeight, snapBackHeaderShared } = (0, import_react14.useContext)(ScrollViewContext);
+  const { settings } = (0, import_react14.useContext)(ScrollViewSettingsContext);
   const effectiveBackActionFixed = backActionFixed ?? settings.backActionFixed;
   const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
-  const theme = (0, import_react_native_paper4.useTheme)();
+  const theme = (0, import_react_native_paper3.useTheme)();
   const top = topInset ? insets.top : 0;
   const handleLayout = ({
     nativeEvent: {
@@ -2333,23 +2639,25 @@ var ScrollViewHeader = ({ actionSize = 48, actionStyle, backAction, backActionFi
   }) => {
     if (headerHeight !== height) setHeaderHeight(height);
   };
-  const translateStyle = (0, import_react_native_reanimated10.useAnimatedStyle)(() => {
+  const translateStyle = (0, import_react_native_reanimated12.useAnimatedStyle)(() => {
     if (headerFixed) return { transform: [{ translateY: 0 }] };
     if (snapBackHeaderShared.value) return { transform: [{ translateY: headerOffset.value }] };
-    const effective = scrollPosition.value + headerHeight - pullSearchHeightShared.value;
+    const effective = scrollPosition.value + (headerHeight ?? 0) - pullSearchHeightShared.value;
     if (effective <= 0) return { transform: [{ translateY: 0 }] };
     return { transform: [{ translateY: -effective }] };
   }, [headerFixed, headerHeight]);
-  const blurStyle = (0, import_react_native_reanimated10.useAnimatedStyle)(() => {
+  const blurStyle = (0, import_react_native_reanimated12.useAnimatedStyle)(() => {
     if (!headerHeight) return { height: 0 };
     if (headerFixed) return { height: headerHeight };
-    const translateY = snapBackHeaderShared.value ? headerOffset.value : -Math.max(0, scrollPosition.value + headerHeight - pullSearchHeightShared.value);
-    return { height: Math.max(headerHeight + translateY, top) };
+    const h = headerHeight ?? 0;
+    const translateY = snapBackHeaderShared.value ? headerOffset.value : -Math.max(0, scrollPosition.value + h - pullSearchHeightShared.value);
+    return { height: Math.max(h + translateY, top) };
   }, [headerFixed, headerHeight, top]);
-  const progressStyle = (0, import_react_native_reanimated10.useAnimatedStyle)(() => {
-    if (headerFixed) return { top: headerHeight };
-    const slide = snapBackHeaderShared.value ? -headerOffset.value : Math.max(0, scrollPosition.value + headerHeight - pullSearchHeightShared.value);
-    return { top: Math.max(headerHeight - slide, top) };
+  const progressStyle = (0, import_react_native_reanimated12.useAnimatedStyle)(() => {
+    const h = headerHeight ?? 0;
+    if (headerFixed) return { top: h };
+    const slide = snapBackHeaderShared.value ? -headerOffset.value : Math.max(0, scrollPosition.value + h - pullSearchHeightShared.value);
+    return { top: Math.max(h - slide, top) };
   }, [headerFixed, headerHeight, top]);
   const actionMargin = 4;
   const contentMinHeight = actionSize + 2 * actionMargin;
@@ -2359,12 +2667,11 @@ var ScrollViewHeader = ({ actionSize = 48, actionStyle, backAction, backActionFi
   const leadingStyle = { alignItems: "center", height: actionSize, justifyContent: "center", left: actionMargin, position: "absolute", top: actionTop, width: actionSize, zIndex: 3, ...actionShadow };
   const trailingStyle = { alignItems: "center", height: actionSize, justifyContent: "center", position: "absolute", right: actionMargin, top: actionTop, width: actionSize, zIndex: 3, ...actionShadow };
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_reanimated10.default.View, { pointerEvents: "none", style: [styles7.blur, blurStyle], children: headerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_auto_paper3.BlurView, { blur, style: [styles7.blurInner, { height: headerHeight }] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native_reanimated10.default.View, { onLayout: handleLayout, pointerEvents: "box-none", style: [headerHeight === 0 ? styles7.headerInit : styles7.header, translateStyle], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: [{ paddingTop: top }, style], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native10.View, { style: [styles7.content, { minHeight: contentMinHeight }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_reanimated12.default.View, { pointerEvents: "none", style: [styles7.blur, blurStyle], children: headerHeight !== null && headerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_auto_paper4.BlurView, { blur, style: [styles7.blurInner, { height: headerHeight }] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native_reanimated12.default.View, { onLayout: handleLayout, pointerEvents: "box-none", style: [headerHeight === null ? styles7.headerInit : styles7.header, translateStyle], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: [{ paddingTop: top }, style], children: children ?? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native10.View, { style: [styles7.content, { minHeight: contentMinHeight }], children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: styles7.side }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: styles7.spacer }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: styles7.side, children }),
         (centerContent || title || caption) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: [import_react_native10.StyleSheet.absoluteFill, styles7.titleContainer], pointerEvents: centerContent ? "box-none" : "none", children: centerContent ?? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
           title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.Text, { numberOfLines: 1, style: [styles7.title, { color: theme.colors.onSurface }], children: title }),
           caption && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.Text, { numberOfLines: 1, style: [styles7.caption, { color: theme.colors.onSurfaceVariant }], children: caption })
@@ -2372,18 +2679,18 @@ var ScrollViewHeader = ({ actionSize = 48, actionStyle, backAction, backActionFi
       ] }) }),
       !blur && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native10.View, { style: [styles7.divider, { backgroundColor: theme.colors.outlineVariant }] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_reanimated10.default.View, { pointerEvents: "none", style: [styles7.progress, progressStyle], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_paper4.ProgressBar, { indeterminate: progress === null, visible: progressing, progress: progress ?? void 0 }) }),
-    backAction && (effectiveBackActionFixed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native_reanimated10.default.View, { style: leadingStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_reanimated12.default.View, { pointerEvents: "none", style: [styles7.progress, progressStyle], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_paper3.ProgressBar, { indeterminate: progress === null, visible: progressing, progress: progress ?? void 0 }) }),
+    backAction && (effectiveBackActionFixed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native_reanimated12.default.View, { style: leadingStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ActionBg, { blur, style: actionStyle }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_paper4.Appbar.BackAction, { onPress: backAction, size: iconSize ?? actionSize / 2, style: buttonStyle })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native_reanimated10.default.View, { style: [leadingStyle, translateStyle], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_paper3.Appbar.BackAction, { onPress: backAction, size: iconSize ?? actionSize / 2, style: buttonStyle })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native_reanimated12.default.View, { style: [leadingStyle, translateStyle], children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ActionBg, { blur, style: actionStyle }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_paper4.Appbar.BackAction, { onPress: backAction, size: iconSize ?? actionSize / 2, style: buttonStyle })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_paper3.Appbar.BackAction, { onPress: backAction, size: iconSize ?? actionSize / 2, style: buttonStyle })
     ] })),
     trailingAction && (trailingActionFixed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native10.View, { style: trailingStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ActionBg, { blur, style: actionStyle }),
       trailingAction
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native_reanimated10.default.View, { style: [trailingStyle, translateStyle], children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native_reanimated12.default.View, { style: [trailingStyle, translateStyle], children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ActionBg, { blur, style: actionStyle }),
       trailingAction
     ] }))
@@ -2406,63 +2713,78 @@ var styles7 = import_react_native10.StyleSheet.create({
 });
 
 // src/ScrollViewProvider.tsx
-var import_auto_paper4 = require("@rific/auto-paper");
-var import_react14 = require("react");
+var import_auto_paper5 = require("@rific/auto-paper");
+var import_react15 = require("react");
 var import_react_native11 = require("react-native");
-var import_react_native_reanimated11 = require("react-native-reanimated");
+var import_react_native_reanimated13 = require("react-native-reanimated");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var ScrollViewProvider = ({ blur, children, fixed = false, footerFixed, headerFixed, snapBack, snapBackFooter, snapBackHeader, tabBarHeight = 60 }) => {
-  const { settings } = (0, import_react14.useContext)(ScrollViewSettingsContext);
-  const effectiveBlur = (0, import_auto_paper4.useBlur)(blur);
+  const { settings } = (0, import_react15.useContext)(ScrollViewSettingsContext);
+  const effectiveBlur = (0, import_auto_paper5.useBlur)(blur);
   const effectiveSnapBack = snapBack ?? settings.snapBack;
   const effectiveSnapBackHeader = snapBackHeader ?? settings.snapBackHeader;
   const effectiveSnapBackFooter = snapBackFooter ?? settings.snapBackFooter;
-  const [headerHeight, setHeaderHeightState] = (0, import_react14.useState)(0);
-  const [footerHeight, setFooterHeightState] = (0, import_react14.useState)(0);
-  const [progress, setProgress] = (0, import_react14.useState)(null);
-  const [progressing, setProgressing] = (0, import_react14.useState)(false);
-  const scrollPosition = (0, import_react_native_reanimated11.useSharedValue)(0);
-  const headerHeightShared = (0, import_react_native_reanimated11.useSharedValue)(0);
-  const footerHeightShared = (0, import_react_native_reanimated11.useSharedValue)(0);
-  const headerOffset = (0, import_react_native_reanimated11.useSharedValue)(0);
-  const footerOffset = (0, import_react_native_reanimated11.useSharedValue)(0);
-  const pullSearchHeightShared = (0, import_react_native_reanimated11.useSharedValue)(0);
-  const snapBackHeaderShared = (0, import_react_native_reanimated11.useSharedValue)(false);
-  const snapBackFooterShared = (0, import_react_native_reanimated11.useSharedValue)(false);
-  (0, import_react14.useEffect)(() => {
+  const [headerHeight, setHeaderHeightState] = (0, import_react15.useState)(null);
+  const [footerHeight, setFooterHeightState] = (0, import_react15.useState)(0);
+  const [progress, setProgress] = (0, import_react15.useState)(null);
+  const [progressing, setProgressing] = (0, import_react15.useState)(false);
+  const scrollPosition = (0, import_react_native_reanimated13.useSharedValue)(0);
+  const listGeneration = (0, import_react_native_reanimated13.useSharedValue)(0);
+  const jsListGeneration = (0, import_react15.useRef)(0);
+  const headerHeightShared = (0, import_react_native_reanimated13.useSharedValue)(0);
+  const footerHeightShared = (0, import_react_native_reanimated13.useSharedValue)(0);
+  const headerOffset = (0, import_react_native_reanimated13.useSharedValue)(0);
+  const footerOffset = (0, import_react_native_reanimated13.useSharedValue)(0);
+  const pullSearchHeightShared = (0, import_react_native_reanimated13.useSharedValue)(0);
+  const snapBackHeaderShared = (0, import_react_native_reanimated13.useSharedValue)(false);
+  const snapBackFooterShared = (0, import_react_native_reanimated13.useSharedValue)(false);
+  (0, import_react15.useEffect)(() => {
     snapBackHeaderShared.value = effectiveSnapBackHeader ?? effectiveSnapBack;
     snapBackFooterShared.value = effectiveSnapBackFooter ?? effectiveSnapBack;
   }, [effectiveSnapBack, effectiveSnapBackFooter, effectiveSnapBackHeader, snapBackFooterShared, snapBackHeaderShared]);
-  const setHeaderHeight = (0, import_react14.useCallback)(
+  const setHeaderHeight = (0, import_react15.useCallback)(
     (h) => {
       setHeaderHeightState(h);
-      headerHeightShared.value = h;
+      headerHeightShared.value = h ?? 0;
     },
     [headerHeightShared]
   );
-  const setFooterHeight = (0, import_react14.useCallback)(
+  const onListUnmount = (0, import_react15.useCallback)(() => {
+    listGeneration.value += 1;
+  }, [listGeneration]);
+  const onJsListUnmount = (0, import_react15.useCallback)(() => {
+    jsListGeneration.current += 1;
+  }, []);
+  (0, import_react15.useEffect)(() => {
+    if (!__DEV__ || headerHeight !== null) return;
+    const timeout = setTimeout(() => {
+      console.warn("[scroll-view] No ScrollViewHeader ever measured inside this ScrollViewProvider \u2014 scroll content stays hidden (opacity: 0) until one does. Render a <ScrollViewHeader> (it can be empty / zero height) inside this provider.");
+    }, 3e3);
+    return () => clearTimeout(timeout);
+  }, [headerHeight]);
+  const setFooterHeight = (0, import_react15.useCallback)(
     (h) => {
       setFooterHeightState(h);
       footerHeightShared.value = h;
     },
     [footerHeightShared]
   );
-  const scrollHeight = (0, import_react14.useMemo)(() => import_react_native11.Dimensions.get("window").height - headerHeight - footerHeight, [headerHeight, footerHeight]);
+  const scrollHeight = (0, import_react15.useMemo)(() => import_react_native11.Dimensions.get("window").height - (headerHeight ?? 0) - footerHeight, [headerHeight, footerHeight]);
   const effectiveHeaderFixed = fixed || (headerFixed ?? settings.headerFixed);
   const effectiveFooterFixed = fixed || (footerFixed ?? settings.footerFixed);
-  const value = (0, import_react14.useMemo)(() => ({ blur: effectiveBlur, footerHeight, footerHeightShared, footerFixed: effectiveFooterFixed, footerOffset, headerHeight, headerHeightShared, headerFixed: effectiveHeaderFixed, headerOffset, progress, pullSearchHeightShared, progressing, scrollHeight, scrollPosition, setFooterHeight, setHeaderHeight, setProgress, setProgressing, snapBackFooterShared, snapBackHeaderShared, tabBarHeight }), [effectiveBlur, effectiveFooterFixed, effectiveHeaderFixed, footerHeight, footerHeightShared, footerOffset, headerHeight, headerHeightShared, headerOffset, progress, pullSearchHeightShared, progressing, scrollHeight, scrollPosition, setFooterHeight, setHeaderHeight, snapBackFooterShared, snapBackHeaderShared, tabBarHeight]);
+  const value = (0, import_react15.useMemo)(() => ({ blur: effectiveBlur, footerHeight, footerHeightShared, footerFixed: effectiveFooterFixed, footerOffset, headerHeight, headerHeightShared, headerFixed: effectiveHeaderFixed, headerOffset, jsListGeneration, listGeneration, onJsListUnmount, onListUnmount, progress, pullSearchHeightShared, progressing, scrollHeight, scrollPosition, setFooterHeight, setHeaderHeight, setProgress, setProgressing, snapBackFooterShared, snapBackHeaderShared, tabBarHeight }), [effectiveBlur, effectiveFooterFixed, effectiveHeaderFixed, footerHeight, footerHeightShared, footerOffset, headerHeight, headerHeightShared, headerOffset, jsListGeneration, listGeneration, onJsListUnmount, onListUnmount, progress, pullSearchHeightShared, progressing, scrollHeight, scrollPosition, setFooterHeight, setHeaderHeight, snapBackFooterShared, snapBackHeaderShared, tabBarHeight]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ScrollViewContext.Provider, { value, children });
 };
 
 // src/ScrollViewSettingsProvider.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var ScrollViewSettingsProvider = ({ children, onChange, value }) => {
-  const [settings, setSettings] = (0, import_react15.useState)(() => ({
+var ScrollViewSettingsProvider = ({ children, onChange, initialValue }) => {
+  const [settings, setSettings] = (0, import_react16.useState)(() => ({
     ...defaultScrollViewSettings,
-    ...value
+    ...initialValue
   }));
-  const set2 = (0, import_react15.useCallback)(
+  const set2 = (0, import_react16.useCallback)(
     (patch) => {
       setSettings((prev) => {
         const next = { ...prev, ...patch };
@@ -2472,33 +2794,33 @@ var ScrollViewSettingsProvider = ({ children, onChange, value }) => {
     },
     [onChange]
   );
-  const ctx = (0, import_react15.useMemo)(() => ({ settings, set: set2 }), [settings, set2]);
+  const ctx = (0, import_react16.useMemo)(() => ({ settings, set: set2 }), [settings, set2]);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ScrollViewSettingsContext.Provider, { value: ctx, children });
 };
 
 // src/SectionList.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_react_native12 = require("react-native");
 var import_react_native_gesture_handler4 = require("react-native-gesture-handler");
-var import_react_native_reanimated13 = __toESM(require("react-native-reanimated"));
+var import_react_native_reanimated15 = __toESM(require("react-native-reanimated"));
 
 // src/internal/useStickyHeaders.ts
-var import_react16 = require("react");
-var import_react_native_reanimated12 = require("react-native-reanimated");
+var import_react17 = require("react");
+var import_react_native_reanimated14 = require("react-native-reanimated");
 var import_react_native_safe_area_context5 = require("react-native-safe-area-context");
 function useStickyHeaders(headerFixed, enabled) {
-  const { headerHeightShared, headerOffset, pullSearchHeightShared, scrollPosition, snapBackHeaderShared } = (0, import_react16.useContext)(ScrollViewContext);
+  const { headerHeightShared, headerOffset, pullSearchHeightShared, scrollPosition, snapBackHeaderShared } = (0, import_react17.useContext)(ScrollViewContext);
   const insetsTop = (0, import_react_native_safe_area_context5.useSafeAreaInsets)().top;
-  const sectionYPositions = (0, import_react_native_reanimated12.useSharedValue)([]);
-  const sectionHeights = (0, import_react_native_reanimated12.useSharedValue)([]);
-  const [activeIndex, setActiveIndex] = (0, import_react16.useState)(-1);
-  const contentIndexShared = (0, import_react_native_reanimated12.useSharedValue)(-1);
-  (0, import_react16.useLayoutEffect)(() => {
+  const sectionYPositions = (0, import_react_native_reanimated14.useSharedValue)([]);
+  const sectionHeights = (0, import_react_native_reanimated14.useSharedValue)([]);
+  const [activeIndex, setActiveIndex] = (0, import_react17.useState)(-1);
+  const contentIndexShared = (0, import_react_native_reanimated14.useSharedValue)(-1);
+  (0, import_react17.useLayoutEffect)(() => {
     contentIndexShared.value = activeIndex;
   }, [activeIndex, contentIndexShared]);
-  const positionsCache = (0, import_react16.useRef)([]);
-  const heightsCache = (0, import_react16.useRef)([]);
-  (0, import_react_native_reanimated12.useAnimatedReaction)(
+  const positionsCache = (0, import_react17.useRef)([]);
+  const heightsCache = (0, import_react17.useRef)([]);
+  (0, import_react_native_reanimated14.useAnimatedReaction)(
     () => {
       if (!enabled) return -1;
       const positions = sectionYPositions.value;
@@ -2523,11 +2845,11 @@ function useStickyHeaders(headerFixed, enabled) {
       return active;
     },
     (curr, prev) => {
-      if (curr !== prev) (0, import_react_native_reanimated12.runOnJS)(setActiveIndex)(curr);
+      if (curr !== prev) (0, import_react_native_reanimated14.runOnJS)(setActiveIndex)(curr);
     },
     [enabled, headerFixed, insetsTop]
   );
-  const clipStyle = (0, import_react_native_reanimated12.useAnimatedStyle)(() => {
+  const clipStyle = (0, import_react_native_reanimated14.useAnimatedStyle)(() => {
     const hHeight = headerHeightShared.value;
     const scrollPos = scrollPosition.value;
     let stickyTop;
@@ -2541,7 +2863,7 @@ function useStickyHeaders(headerFixed, enabled) {
     }
     return { top: stickyTop };
   }, [enabled, headerFixed, insetsTop]);
-  const overlayStyle = (0, import_react_native_reanimated12.useAnimatedStyle)(() => {
+  const overlayStyle = (0, import_react_native_reanimated14.useAnimatedStyle)(() => {
     const hidden = { opacity: 0, top: 0, transform: [{ translateY: 0 }] };
     if (!enabled) return hidden;
     const index = contentIndexShared.value;
@@ -2569,7 +2891,7 @@ function useStickyHeaders(headerFixed, enabled) {
     }
     return { opacity: 1, top: 0, transform: [{ translateY }] };
   }, [enabled, headerFixed, insetsTop]);
-  const measureHeader = (0, import_react16.useCallback)(
+  const measureHeader = (0, import_react17.useCallback)(
     (index, pageY, height) => {
       const contentY = pageY + scrollPosition.value;
       positionsCache.current[index] = contentY;
@@ -2579,7 +2901,7 @@ function useStickyHeaders(headerFixed, enabled) {
     },
     [scrollPosition, sectionHeights, sectionYPositions]
   );
-  const resetPositions = (0, import_react16.useCallback)(
+  const resetPositions = (0, import_react17.useCallback)(
     (count) => {
       positionsCache.current = Array.from({ length: count }, () => -1);
       sectionYPositions.value = positionsCache.current.slice();
@@ -2593,18 +2915,27 @@ function useStickyHeaders(headerFixed, enabled) {
 
 // src/SectionList.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var AnimatedSectionList = (0, import_react_native_reanimated13.createAnimatedComponent)(import_react_native12.SectionList);
-var SectionListInner = ({ contentContainerStyle: externalContentContainerStyle, initialNumToRender = 20, maxToRenderPerBatch = 50, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onContentSizeChange, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, removeClippedSubviews = false, sections, showsVerticalScrollIndicator, style, ref: externalRef, windowSize = 100, ...props }) => {
-  const scrollView = (0, import_react17.useRef)(null);
+var AnimatedSectionList = import_react_native_reanimated15.default.createAnimatedComponent(import_react_native12.SectionList);
+var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: externalContentContainerStyle, initialNumToRender = 20, maxToRenderPerBatch = 50, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onContentSizeChange, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, removeClippedSubviews = false, sections, showsVerticalScrollIndicator, style, ref: externalRef, windowSize = 100, ...props }) => {
+  const scrollView = (0, import_react18.useRef)(null);
   const { stickySectionHeadersEnabled = true, renderSectionHeader, ...passThroughProps } = props;
   const { chipHidden, chipStyle, containerStyle, contentInset, contentOffset, footerFixed, headerFixed, headerHeight } = useScrollList({ footerFixed: footerFixedProp, headerFixed: headerFixedProp, keyboardAware, pullSearchHeight, style });
+  const { listGeneration, onListUnmount } = (0, import_react18.useContext)(ScrollViewContext);
+  const capturedGeneration = (0, import_react_native_reanimated15.useSharedValue)(-1);
+  (0, import_react18.useLayoutEffect)(() => {
+    const generation = listGeneration.value;
+    (0, import_react_native_reanimated15.runOnUI)((gen) => {
+      "worklet";
+      capturedGeneration.value = gen;
+    })(generation);
+  }, [capturedGeneration, listGeneration]);
   const usesCustomSticky = stickySectionHeadersEnabled && renderSectionHeader != null;
   const { activeIndex, clipStyle, measureHeader, overlayStyle, resetPositions } = useStickyHeaders(headerFixed, usesCustomSticky);
-  (0, import_react17.useLayoutEffect)(() => {
+  (0, import_react18.useLayoutEffect)(() => {
     if (usesCustomSticky) resetPositions(sections.length);
   }, [sections, usesCustomSticky, resetPositions, headerHeight]);
-  const sectionViewRefs = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
-  const wrappedRenderSectionHeader = (0, import_react17.useMemo)(() => {
+  const sectionViewRefs = (0, import_react18.useRef)(/* @__PURE__ */ new Map());
+  const wrappedRenderSectionHeader = (0, import_react18.useMemo)(() => {
     if (!usesCustomSticky) return renderSectionHeader ?? void 0;
     return (info) => {
       const idx = sections.findIndex((s) => s === info.section);
@@ -2625,7 +2956,8 @@ var SectionListInner = ({ contentContainerStyle: externalContentContainerStyle,
       );
     };
   }, [usesCustomSticky, renderSectionHeader, sections, measureHeader]);
-  const scrollTo = (0, import_react17.useCallback)((offset, animated) => {
+  (0, import_react18.useLayoutEffect)(() => () => onListUnmount(), [onListUnmount]);
+  const scrollTo = (0, import_react18.useCallback)((offset, animated) => {
     scrollView.current?.getScrollResponder()?.scrollTo({ y: offset, animated });
   }, []);
   const {
@@ -2643,7 +2975,7 @@ var SectionListInner = ({ contentContainerStyle: externalContentContainerStyle,
     pullSearchHeight,
     scrollTo
   });
-  const activeListHeader = (0, import_react17.useMemo)(() => {
+  const activeListHeader = (0, import_react18.useMemo)(() => {
     if (!renderFilters) return pullSearchHeader;
     const Inner = pullSearchHeader;
     return () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
@@ -2651,8 +2983,8 @@ var SectionListInner = ({ contentContainerStyle: externalContentContainerStyle,
       renderFilters
     ] });
   }, [pullSearchHeader, renderFilters]);
-  const pullSearchSettled = (0, import_react17.useRef)(false);
-  (0, import_react17.useEffect)(() => {
+  const pullSearchSettled = (0, import_react18.useRef)(false);
+  (0, import_react18.useEffect)(() => {
     if (!usesCustomSticky || activeListHeader == null || pullSearchSettled.current) return;
     pullSearchSettled.current = true;
     const handle = requestAnimationFrame(() => {
@@ -2664,25 +2996,21 @@ var SectionListInner = ({ contentContainerStyle: externalContentContainerStyle,
     });
     return () => cancelAnimationFrame(handle);
   }, [activeListHeader, usesCustomSticky, measureHeader]);
-  const contentContainerStyle = (0, import_react17.useMemo)(() => [{ minHeight: import_react_native12.Dimensions.get("window").height - contentInset.top - contentInset.bottom + pullSearchMinHeight }, externalContentContainerStyle], [contentInset.bottom, contentInset.top, externalContentContainerStyle, pullSearchMinHeight]);
-  const onPullSearchZoneEnter = (0, import_react17.useCallback)(() => {
-    if (!pullSearchHeight) return;
-    scrollTo(-contentInset.top + pullSearchHeight, true);
-  }, [contentInset.top, pullSearchHeight, scrollTo]);
-  const handleScroll = useScrollHandler({ chipHidden, footerFixed, headerFixed, onPullSearchZoneEnter: pullSearchHeight ? onPullSearchZoneEnter : void 0 });
-  const handleScrollToTop = (0, import_react17.useCallback)(() => {
+  const contentContainerStyle = (0, import_react18.useMemo)(() => [{ minHeight: import_react_native12.Dimensions.get("window").height - contentInset.top - contentInset.bottom + pullSearchMinHeight }, externalContentContainerStyle], [contentInset.bottom, contentInset.top, externalContentContainerStyle, pullSearchMinHeight]);
+  const handleScroll = useScrollHandler({ capturedGeneration, chipHidden, chipThreshold, footerFixed, headerFixed, listGeneration });
+  const handleScrollToTop = (0, import_react18.useCallback)(() => {
     const offset = pullSearchHeight ? -contentInset.top + pullSearchHeight : -contentInset.top;
     scrollView.current?.getScrollResponder()?.scrollTo({ y: offset, animated: true });
   }, [contentInset.top, pullSearchHeight]);
-  const handleContentSizeChange = (0, import_react17.useCallback)(
+  const handleContentSizeChange = (0, import_react18.useCallback)(
     (w, h) => {
       if (onContentSizeChange) onContentSizeChange(w, h);
     },
     [onContentSizeChange]
   );
-  const refreshControl = (0, import_react17.useMemo)(() => onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefreshControl, {}), [onRefresh, refreshing]);
-  const nativeGesture = (0, import_react17.useMemo)(() => import_react_native_gesture_handler4.Gesture.Native(), []);
-  const combinedGesture = (0, import_react17.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler4.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
+  const refreshControl = (0, import_react18.useMemo)(() => onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefreshControl, {}), [onRefresh, refreshing]);
+  const nativeGesture = (0, import_react18.useMemo)(() => import_react_native_gesture_handler4.Gesture.Native(), []);
+  const combinedGesture = (0, import_react18.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler4.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
   const detectorGesture = gesture !== void 0 ? combinedGesture : void 0;
   const content = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: containerStyle, children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -2713,11 +3041,11 @@ var SectionListInner = ({ contentContainerStyle: externalContentContainerStyle,
         stickySectionHeadersEnabled: false,
         windowSize
       },
-      headerHeight > 0 ? 1 : 0
+      headerHeight !== null && headerHeight > 0 ? 1 : 0
     ),
     hiddenHeader && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { pointerEvents: "none", style: styles8.measureContainer, children: hiddenHeader }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ScrollViewChip, { onPress: handleScrollToTop, style: chipStyle }),
-    usesCustomSticky && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_reanimated13.default.View, { pointerEvents: "none", style: [styles8.stickyClip, clipStyle], children: activeIndex >= 0 && activeIndex < sections.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_reanimated13.default.View, { style: [styles8.stickyOverlay, overlayStyle], children: renderSectionHeader({ section: sections[activeIndex] }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ScrollViewChip, { chipProps, onChipPress, onPress: handleScrollToTop, style: chipStyle }),
+    usesCustomSticky && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_reanimated15.default.View, { pointerEvents: "none", style: [styles8.stickyClip, clipStyle], children: activeIndex >= 0 && activeIndex < sections.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_reanimated15.default.View, { style: [styles8.stickyOverlay, overlayStyle], children: renderSectionHeader({ section: sections[activeIndex] }) }) })
   ] });
   return detectorGesture ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_gesture_handler4.GestureDetector, { gesture: detectorGesture, children: content }) : content;
 };
@@ -2726,18 +3054,18 @@ var styles8 = {
   stickyClip: { bottom: 0, left: 0, overflow: "hidden", position: "absolute", right: 0, zIndex: 2 },
   stickyOverlay: { left: 0, position: "absolute", right: 0 }
 };
-var SectionList = (0, import_react17.memo)(SectionListInner);
+var SectionList = (0, import_react18.memo)(SectionListInner);
 
 // src/useScrollView.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 var useScrollView = () => {
-  const { progress, progressing, scrollHeight, scrollPosition, setProgress, setProgressing } = (0, import_react18.useContext)(ScrollViewContext);
+  const { progress, progressing, scrollHeight, scrollPosition, setProgress, setProgressing } = (0, import_react19.useContext)(ScrollViewContext);
   return { progress, progressing, scrollHeight, scrollPosition, setProgress, setProgressing };
 };
 
 // src/useScrollViewSettings.ts
-var import_react19 = require("react");
-var useScrollViewSettings = () => (0, import_react19.useContext)(ScrollViewSettingsContext);
+var import_react20 = require("react");
+var useScrollViewSettings = () => (0, import_react20.useContext)(ScrollViewSettingsContext);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CustomList,