@rific/scroll-view 0.2.0 → 0.4.0

package/dist/index.js

@@ -5,7 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -27,7 +26,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // src/index.ts
 var index_exports = {};
@@ -56,6 +54,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");
@@ -81,8 +80,8 @@ var styles = import_react_native2.StyleSheet.create({
 });
 
 // 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");
@@ -92,10 +91,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,
@@ -114,17 +119,207 @@ 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, chipThreshold = 100, 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 < chipThreshold ? 1 : 0;
@@ -140,13 +335,6 @@ function useScrollHandler({ chipHidden, chipThreshold = 100, footerFixed, header
         } 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) {
@@ -164,24 +352,17 @@ function useScrollHandler({ chipHidden, chipThreshold = 100, footerFixed, header
             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;
@@ -192,37 +373,35 @@ function useScrollHandler({ chipHidden, chipThreshold = 100, footerFixed, header
       },
       onMomentumEnd: () => {
         "worklet";
-        isMomentum.value = false;
-        momentumPullSearchFired.value = false;
         fromBottomBounce.value = false;
         snapUpAccum.value = 0;
       }
     },
-    [headerFixed, footerFixed, isHorizontal, chipThreshold, 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);
       }
     },
     []
@@ -235,122 +414,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 = ({ 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) => {
@@ -368,7 +480,10 @@ var CustomListInner = ({ chipProps, chipThreshold, component: List, renderFilter
     handleScrollBeginDrag,
     handleScrollEndDrag,
     hiddenHeader,
-    pullSearchMinHeight
+    onRemountSyncRetry,
+    onRemountSynced,
+    pullSearchMinHeight,
+    remountSyncTarget
   } = useScrollInit({
     listHeaderComponent,
     onMomentumScrollEnd: externalMomentumScrollEnd,
@@ -387,11 +502,7 @@ var CustomListInner = ({ chipProps, chipThreshold, component: List, renderFilter
     ] });
   }, [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, chipThreshold, 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 });
@@ -412,17 +523,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_paper2 = require("@rific/auto-paper");
 var import_react7 = require("react");
 var import_react_native5 = require("react-native");
 var import_react_native_paper = require("react-native-paper");
-var import_react_native_reanimated5 = __toESM(require("react-native-reanimated"));
+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;
@@ -437,15 +547,15 @@ 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);
@@ -455,18 +565,18 @@ var HorizontalDots = ({ total }) => {
   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: [
+  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_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)) }) })
+    /* @__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({
@@ -481,1750 +591,382 @@ var styles3 = import_react_native5.StyleSheet.create({
     overflow: "hidden",
     width: PILL_WIDTH
   },
-  pillContainer: { alignItems: "center", left: 0, position: "absolute", right: 0, zIndex: 3 }
-});
-
-// src/FlatList.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var FlatListInner = ({ chipProps, chipThreshold, contentContainerStyle: externalContentContainerStyle, data, initialNumToRender = 20, maxToRenderPerBatch = 50, renderFilters, 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_react8.useRef)(null);
-  const isHorizontal = horizontal === true;
-  const showDots = isHorizontal && pagingEnabled === true && (data?.length ?? 0) > 1;
-  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) => {
-    scrollView.current?.scrollToOffset({ offset, animated });
-  }, []);
-  const {
-    activeListHeader: pullSearchHeader,
-    handleMomentumScrollEnd,
-    handleScrollBeginDrag,
-    handleScrollEndDrag,
-    hiddenHeader,
-    pullSearchMinHeight
-  } = useScrollInit({
-    listHeaderComponent: externalListHeaderComponent,
-    onMomentumScrollEnd: externalMomentumScrollEnd,
-    onRefresh: pullSearchHeight ? onRefresh : void 0,
-    onScrollBeginDrag: externalScrollBeginDrag,
-    onScrollEndDrag: externalScrollEndDrag,
-    pullSearchHeight,
-    scrollTo
-  });
-  const activeListHeader = (0, import_react8.useMemo)(() => {
-    if (!renderFilters) return pullSearchHeader;
-    const Inner = pullSearchHeader;
-    return () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      Inner ? typeof Inner === "function" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Inner, {}) : Inner : null,
-      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, chipThreshold, footerFixed, headerFixed, isHorizontal, onPullSearchZoneEnter: pullSearchHeight ? onPullSearchZoneEnter : void 0 });
-  const handleScrollToTop = (0, import_react8.useCallback)(() => {
-    if (isHorizontal) {
-      scrollView.current?.scrollToOffset({ offset: 0, animated: true });
-      return;
-    }
-    const offset = pullSearchHeight ? -contentInset.top + pullSearchHeight : -contentInset.top;
-    scrollView.current?.scrollToOffset({ offset, animated: true });
-  }, [isHorizontal, contentInset.top, pullSearchHeight]);
-  const handleContentSizeChange = (0, import_react8.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 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,
-      {
-        ...props,
-        contentContainerStyle,
-        contentInset,
-        contentOffset,
-        data,
-        horizontal: isHorizontal,
-        initialNumToRender,
-        ListHeaderComponent: activeListHeader,
-        maxToRenderPerBatch,
-        onContentSizeChange: handleContentSizeChange,
-        onMomentumScrollEnd: handleMomentumScrollEnd,
-        onScroll: handleScroll,
-        onScrollBeginDrag: handleScrollBeginDrag,
-        onScrollEndDrag: handleScrollEndDrag,
-        pagingEnabled,
-        ref: (el) => {
-          if (externalRef) externalRef.current = el;
-          scrollView.current = el;
-        },
-        refreshControl,
-        removeClippedSubviews,
-        scrollEventThrottle: 16,
-        showsHorizontalScrollIndicator: showsHorizontalScrollIndicator ?? isHorizontal,
-        showsVerticalScrollIndicator: showsVerticalScrollIndicator ?? !isHorizontal,
-        windowSize
-      }
-    ),
-    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, { 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);
-
-// src/PullSearch.tsx
-var import_react9 = require("react");
-var import_react_native7 = require("react-native");
-var import_react_native_paper2 = require("react-native-paper");
-var import_react_native_reanimated7 = __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_paper2.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)(() => {
-    if (prevPropValueRef.current === propValue) return;
-    prevPropValueRef.current = propValue;
-    setValue(propValue ?? "");
-  }, [propValue]);
-  (0, import_react9.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)(
-    () => {
-      if (barHeight === 0) return false;
-      return scrollPosition.value >= -headerHeight + barHeight;
-    },
-    (isHidden, wasHidden) => {
-      if (isHidden && !wasHidden) (0, import_react_native_reanimated7.runOnJS)(blurInput)();
-    },
-    [barHeight, headerHeight, blurInput]
-  );
-  const handleClear = (0, import_react9.useCallback)(() => {
-    setValue("");
-    onChangeText("");
-  }, [onChangeText]);
-  const handleLayout = (0, import_react9.useCallback)(
-    ({
-      nativeEvent: {
-        layout: { height }
-      }
-    }) => {
-      setBarHeight(height);
-      onHeightChange(height);
-    },
-    [onHeightChange]
-  );
-  (0, import_react9.useEffect)(() => {
-    const normalizedValue = value.trim();
-    if (debounce) {
-      const timeout = setTimeout(() => onChangeText(normalizedValue), 500);
-      return () => clearTimeout(timeout);
-    }
-    onChangeText(normalizedValue);
-  }, [debounce, onChangeText, value]);
-  const animatedStyle = (0, import_react_native_reanimated7.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) };
-  }, [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_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 },
-  input: { margin: 0 }
-});
-
-// node_modules/redux/dist/redux.mjs
-var randomString = () => Math.random().toString(36).substring(7).split("").join(".");
-var ActionTypes = {
-  INIT: `@@redux/INIT${/* @__PURE__ */ randomString()}`,
-  REPLACE: `@@redux/REPLACE${/* @__PURE__ */ randomString()}`,
-  PROBE_UNKNOWN_ACTION: () => `@@redux/PROBE_UNKNOWN_ACTION${randomString()}`
-};
-function isPlainObject(obj) {
-  if (typeof obj !== "object" || obj === null)
-    return false;
-  let proto = obj;
-  while (Object.getPrototypeOf(proto) !== null) {
-    proto = Object.getPrototypeOf(proto);
-  }
-  return Object.getPrototypeOf(obj) === proto || Object.getPrototypeOf(obj) === null;
-}
-function compose(...funcs) {
-  if (funcs.length === 0) {
-    return (arg) => arg;
-  }
-  if (funcs.length === 1) {
-    return funcs[0];
-  }
-  return funcs.reduce((a, b) => (...args) => a(b(...args)));
-}
-function isAction(action) {
-  return isPlainObject(action) && "type" in action && typeof action.type === "string";
-}
-
-// node_modules/immer/dist/immer.mjs
-var NOTHING = /* @__PURE__ */ Symbol.for("immer-nothing");
-var DRAFTABLE = /* @__PURE__ */ Symbol.for("immer-draftable");
-var DRAFT_STATE = /* @__PURE__ */ Symbol.for("immer-state");
-var errors = process.env.NODE_ENV !== "production" ? [
-  // All error codes, starting by 0:
-  function(plugin) {
-    return `The plugin for '${plugin}' has not been loaded into Immer. To enable the plugin, import and call \`enable${plugin}()\` when initializing your application.`;
-  },
-  function(thing) {
-    return `produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '${thing}'`;
-  },
-  "This object has been frozen and should not be mutated",
-  function(data) {
-    return "Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? " + data;
-  },
-  "An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",
-  "Immer forbids circular references",
-  "The first or second argument to `produce` must be a function",
-  "The third argument to `produce` must be a function or undefined",
-  "First argument to `createDraft` must be a plain object, an array, or an immerable object",
-  "First argument to `finishDraft` must be a draft returned by `createDraft`",
-  function(thing) {
-    return `'current' expects a draft, got: ${thing}`;
-  },
-  "Object.defineProperty() cannot be used on an Immer draft",
-  "Object.setPrototypeOf() cannot be used on an Immer draft",
-  "Immer only supports deleting array indices",
-  "Immer only supports setting array indices and the 'length' property",
-  function(thing) {
-    return `'original' expects a draft, got: ${thing}`;
-  }
-  // Note: if more errors are added, the errorOffset in Patches.ts should be increased
-  // See Patches.ts for additional errors
-] : [];
-function die(error, ...args) {
-  if (process.env.NODE_ENV !== "production") {
-    const e = errors[error];
-    const msg = isFunction(e) ? e.apply(null, args) : e;
-    throw new Error(`[Immer] ${msg}`);
-  }
-  throw new Error(
-    `[Immer] minified error nr: ${error}. Full error at: https://bit.ly/3cXEKWf`
-  );
-}
-var O = Object;
-var getPrototypeOf = O.getPrototypeOf;
-var CONSTRUCTOR = "constructor";
-var PROTOTYPE = "prototype";
-var CONFIGURABLE = "configurable";
-var ENUMERABLE = "enumerable";
-var WRITABLE = "writable";
-var VALUE = "value";
-var isDraft = (value) => !!value && !!value[DRAFT_STATE];
-function isDraftable(value) {
-  if (!value)
-    return false;
-  return isPlainObject2(value) || isArray(value) || !!value[DRAFTABLE] || !!value[CONSTRUCTOR]?.[DRAFTABLE] || isMap(value) || isSet(value);
-}
-var objectCtorString = O[PROTOTYPE][CONSTRUCTOR].toString();
-var cachedCtorStrings = /* @__PURE__ */ new WeakMap();
-function isPlainObject2(value) {
-  if (!value || !isObjectish(value))
-    return false;
-  const proto = getPrototypeOf(value);
-  if (proto === null || proto === O[PROTOTYPE])
-    return true;
-  const Ctor = O.hasOwnProperty.call(proto, CONSTRUCTOR) && proto[CONSTRUCTOR];
-  if (Ctor === Object)
-    return true;
-  if (!isFunction(Ctor))
-    return false;
-  let ctorString = cachedCtorStrings.get(Ctor);
-  if (ctorString === void 0) {
-    ctorString = Function.toString.call(Ctor);
-    cachedCtorStrings.set(Ctor, ctorString);
-  }
-  return ctorString === objectCtorString;
-}
-function each(obj, iter, strict = true) {
-  if (getArchtype(obj) === 0) {
-    const keys = strict ? Reflect.ownKeys(obj) : O.keys(obj);
-    keys.forEach((key) => {
-      iter(key, obj[key], obj);
-    });
-  } else {
-    obj.forEach((entry, index) => iter(index, entry, obj));
-  }
-}
-function getArchtype(thing) {
-  const state = thing[DRAFT_STATE];
-  return state ? state.type_ : isArray(thing) ? 1 : isMap(thing) ? 2 : isSet(thing) ? 3 : 0;
-}
-var has = (thing, prop, type = getArchtype(thing)) => type === 2 ? thing.has(prop) : O[PROTOTYPE].hasOwnProperty.call(thing, prop);
-var get = (thing, prop, type = getArchtype(thing)) => (
-  // @ts-ignore
-  type === 2 ? thing.get(prop) : thing[prop]
-);
-var set = (thing, propOrOldValue, value, type = getArchtype(thing)) => {
-  if (type === 2)
-    thing.set(propOrOldValue, value);
-  else if (type === 3) {
-    thing.add(value);
-  } else
-    thing[propOrOldValue] = value;
-};
-function is(x, y) {
-  if (x === y) {
-    return x !== 0 || 1 / x === 1 / y;
-  } else {
-    return x !== x && y !== y;
-  }
-}
-var isArray = Array.isArray;
-var isMap = (target) => target instanceof Map;
-var isSet = (target) => target instanceof Set;
-var isObjectish = (target) => typeof target === "object";
-var isFunction = (target) => typeof target === "function";
-var isBoolean = (target) => typeof target === "boolean";
-function isArrayIndex(value) {
-  const n = +value;
-  return Number.isInteger(n) && String(n) === value;
-}
-var latest = (state) => state.copy_ || state.base_;
-var getFinalValue = (state) => state.modified_ ? state.copy_ : state.base_;
-function shallowCopy(base, strict) {
-  if (isMap(base)) {
-    return new Map(base);
-  }
-  if (isSet(base)) {
-    return new Set(base);
-  }
-  if (isArray(base))
-    return Array[PROTOTYPE].slice.call(base);
-  const isPlain = isPlainObject2(base);
-  if (strict === true || strict === "class_only" && !isPlain) {
-    const descriptors = O.getOwnPropertyDescriptors(base);
-    delete descriptors[DRAFT_STATE];
-    let keys = Reflect.ownKeys(descriptors);
-    for (let i = 0; i < keys.length; i++) {
-      const key = keys[i];
-      const desc = descriptors[key];
-      if (desc[WRITABLE] === false) {
-        desc[WRITABLE] = true;
-        desc[CONFIGURABLE] = true;
-      }
-      if (desc.get || desc.set)
-        descriptors[key] = {
-          [CONFIGURABLE]: true,
-          [WRITABLE]: true,
-          // could live with !!desc.set as well here...
-          [ENUMERABLE]: desc[ENUMERABLE],
-          [VALUE]: base[key]
-        };
-    }
-    return O.create(getPrototypeOf(base), descriptors);
-  } else {
-    const proto = getPrototypeOf(base);
-    if (proto !== null && isPlain) {
-      return { ...base };
-    }
-    const obj = O.create(proto);
-    return O.assign(obj, base);
-  }
-}
-function freeze(obj, deep = false) {
-  if (isFrozen(obj) || isDraft(obj) || !isDraftable(obj))
-    return obj;
-  if (getArchtype(obj) > 1) {
-    O.defineProperties(obj, {
-      set: dontMutateMethodOverride,
-      add: dontMutateMethodOverride,
-      clear: dontMutateMethodOverride,
-      delete: dontMutateMethodOverride
-    });
-  }
-  O.freeze(obj);
-  if (deep)
-    each(
-      obj,
-      (_key, value) => {
-        freeze(value, true);
-      },
-      false
-    );
-  return obj;
-}
-function dontMutateFrozenCollections() {
-  die(2);
-}
-var dontMutateMethodOverride = {
-  [VALUE]: dontMutateFrozenCollections
-};
-function isFrozen(obj) {
-  if (obj === null || !isObjectish(obj))
-    return true;
-  return O.isFrozen(obj);
-}
-var PluginMapSet = "MapSet";
-var PluginPatches = "Patches";
-var PluginArrayMethods = "ArrayMethods";
-var plugins = {};
-function getPlugin(pluginKey) {
-  const plugin = plugins[pluginKey];
-  if (!plugin) {
-    die(0, pluginKey);
-  }
-  return plugin;
-}
-var isPluginLoaded = (pluginKey) => !!plugins[pluginKey];
-var currentScope;
-var getCurrentScope = () => currentScope;
-var createScope = (parent_, immer_) => ({
-  drafts_: [],
-  parent_,
-  immer_,
-  // Whenever the modified draft contains a draft from another scope, we
-  // need to prevent auto-freezing so the unowned draft can be finalized.
-  canAutoFreeze_: true,
-  unfinalizedDrafts_: 0,
-  handledSet_: /* @__PURE__ */ new Set(),
-  processedForPatches_: /* @__PURE__ */ new Set(),
-  mapSetPlugin_: isPluginLoaded(PluginMapSet) ? getPlugin(PluginMapSet) : void 0,
-  arrayMethodsPlugin_: isPluginLoaded(PluginArrayMethods) ? getPlugin(PluginArrayMethods) : void 0
-});
-function usePatchesInScope(scope, patchListener) {
-  if (patchListener) {
-    scope.patchPlugin_ = getPlugin(PluginPatches);
-    scope.patches_ = [];
-    scope.inversePatches_ = [];
-    scope.patchListener_ = patchListener;
-  }
-}
-function revokeScope(scope) {
-  leaveScope(scope);
-  scope.drafts_.forEach(revokeDraft);
-  scope.drafts_ = null;
-}
-function leaveScope(scope) {
-  if (scope === currentScope) {
-    currentScope = scope.parent_;
-  }
-}
-var enterScope = (immer2) => currentScope = createScope(currentScope, immer2);
-function revokeDraft(draft) {
-  const state = draft[DRAFT_STATE];
-  if (state.type_ === 0 || state.type_ === 1)
-    state.revoke_();
-  else
-    state.revoked_ = true;
-}
-function processResult(result, scope) {
-  scope.unfinalizedDrafts_ = scope.drafts_.length;
-  const baseDraft = scope.drafts_[0];
-  const isReplaced = result !== void 0 && result !== baseDraft;
-  if (isReplaced) {
-    if (baseDraft[DRAFT_STATE].modified_) {
-      revokeScope(scope);
-      die(4);
-    }
-    if (isDraftable(result)) {
-      result = finalize(scope, result);
-    }
-    const { patchPlugin_ } = scope;
-    if (patchPlugin_) {
-      patchPlugin_.generateReplacementPatches_(
-        baseDraft[DRAFT_STATE].base_,
-        result,
-        scope
-      );
-    }
-  } else {
-    result = finalize(scope, baseDraft);
-  }
-  maybeFreeze(scope, result, true);
-  revokeScope(scope);
-  if (scope.patches_) {
-    scope.patchListener_(scope.patches_, scope.inversePatches_);
-  }
-  return result !== NOTHING ? result : void 0;
-}
-function finalize(rootScope, value) {
-  if (isFrozen(value))
-    return value;
-  const state = value[DRAFT_STATE];
-  if (!state) {
-    const finalValue = handleValue(value, rootScope.handledSet_, rootScope);
-    return finalValue;
-  }
-  if (!isSameScope(state, rootScope)) {
-    return value;
-  }
-  if (!state.modified_) {
-    return state.base_;
-  }
-  if (!state.finalized_) {
-    const { callbacks_ } = state;
-    if (callbacks_) {
-      while (callbacks_.length > 0) {
-        const callback = callbacks_.pop();
-        callback(rootScope);
-      }
-    }
-    generatePatchesAndFinalize(state, rootScope);
-  }
-  return state.copy_;
-}
-function maybeFreeze(scope, value, deep = false) {
-  if (!scope.parent_ && scope.immer_.autoFreeze_ && scope.canAutoFreeze_) {
-    freeze(value, deep);
-  }
-}
-function markStateFinalized(state) {
-  state.finalized_ = true;
-  state.scope_.unfinalizedDrafts_--;
-}
-var isSameScope = (state, rootScope) => state.scope_ === rootScope;
-var EMPTY_LOCATIONS_RESULT = [];
-function updateDraftInParent(parent, draftValue, finalizedValue, originalKey) {
-  const parentCopy = latest(parent);
-  const parentType = parent.type_;
-  if (originalKey !== void 0) {
-    const currentValue = get(parentCopy, originalKey, parentType);
-    if (currentValue === draftValue) {
-      set(parentCopy, originalKey, finalizedValue, parentType);
-      return;
-    }
-  }
-  if (!parent.draftLocations_) {
-    const draftLocations = parent.draftLocations_ = /* @__PURE__ */ new Map();
-    each(parentCopy, (key, value) => {
-      if (isDraft(value)) {
-        const keys = draftLocations.get(value) || [];
-        keys.push(key);
-        draftLocations.set(value, keys);
-      }
-    });
-  }
-  const locations = parent.draftLocations_.get(draftValue) ?? EMPTY_LOCATIONS_RESULT;
-  for (const location of locations) {
-    set(parentCopy, location, finalizedValue, parentType);
-  }
-}
-function registerChildFinalizationCallback(parent, child, key) {
-  parent.callbacks_.push(function childCleanup(rootScope) {
-    const state = child;
-    if (!state || !isSameScope(state, rootScope)) {
-      return;
-    }
-    rootScope.mapSetPlugin_?.fixSetContents(state);
-    const finalizedValue = getFinalValue(state);
-    updateDraftInParent(parent, state.draft_ ?? state, finalizedValue, key);
-    generatePatchesAndFinalize(state, rootScope);
-  });
-}
-function generatePatchesAndFinalize(state, rootScope) {
-  const shouldFinalize = state.modified_ && !state.finalized_ && (state.type_ === 3 || state.type_ === 1 && state.allIndicesReassigned_ || (state.assigned_?.size ?? 0) > 0);
-  if (shouldFinalize) {
-    const { patchPlugin_ } = rootScope;
-    if (patchPlugin_) {
-      const basePath = patchPlugin_.getPath(state);
-      if (basePath) {
-        patchPlugin_.generatePatches_(state, basePath, rootScope);
-      }
-    }
-    markStateFinalized(state);
-  }
-}
-function handleCrossReference(target, key, value) {
-  const { scope_ } = target;
-  if (isDraft(value)) {
-    const state = value[DRAFT_STATE];
-    if (isSameScope(state, scope_)) {
-      state.callbacks_.push(function crossReferenceCleanup() {
-        prepareCopy(target);
-        const finalizedValue = getFinalValue(state);
-        updateDraftInParent(target, value, finalizedValue, key);
-      });
-    }
-  } else if (isDraftable(value)) {
-    target.callbacks_.push(function nestedDraftCleanup() {
-      const targetCopy = latest(target);
-      if (target.type_ === 3) {
-        if (targetCopy.has(value)) {
-          handleValue(value, scope_.handledSet_, scope_);
-        }
-      } else {
-        if (get(targetCopy, key, target.type_) === value) {
-          if (scope_.drafts_.length > 1 && (target.assigned_.get(key) ?? false) === true && target.copy_) {
-            handleValue(
-              get(target.copy_, key, target.type_),
-              scope_.handledSet_,
-              scope_
-            );
-          }
-        }
-      }
-    });
-  }
-}
-function handleValue(target, handledSet, rootScope) {
-  if (!rootScope.immer_.autoFreeze_ && rootScope.unfinalizedDrafts_ < 1) {
-    return target;
-  }
-  if (isDraft(target) || handledSet.has(target) || !isDraftable(target) || isFrozen(target)) {
-    return target;
-  }
-  handledSet.add(target);
-  each(target, (key, value) => {
-    if (isDraft(value)) {
-      const state = value[DRAFT_STATE];
-      if (isSameScope(state, rootScope)) {
-        const updatedValue = getFinalValue(state);
-        set(target, key, updatedValue, target.type_);
-        markStateFinalized(state);
-      }
-    } else if (isDraftable(value)) {
-      handleValue(value, handledSet, rootScope);
-    }
-  });
-  return target;
-}
-function createProxyProxy(base, parent) {
-  const baseIsArray = isArray(base);
-  const state = {
-    type_: baseIsArray ? 1 : 0,
-    // Track which produce call this is associated with.
-    scope_: parent ? parent.scope_ : getCurrentScope(),
-    // True for both shallow and deep changes.
-    modified_: false,
-    // Used during finalization.
-    finalized_: false,
-    // Track which properties have been assigned (true) or deleted (false).
-    // actually instantiated in `prepareCopy()`
-    assigned_: void 0,
-    // The parent draft state.
-    parent_: parent,
-    // The base state.
-    base_: base,
-    // The base proxy.
-    draft_: null,
-    // set below
-    // The base copy with any updated values.
-    copy_: null,
-    // Called by the `produce` function.
-    revoke_: null,
-    isManual_: false,
-    // `callbacks` actually gets assigned in `createProxy`
-    callbacks_: void 0
-  };
-  let target = state;
-  let traps = objectTraps;
-  if (baseIsArray) {
-    target = [state];
-    traps = arrayTraps;
-  }
-  const { revoke, proxy } = Proxy.revocable(target, traps);
-  state.draft_ = proxy;
-  state.revoke_ = revoke;
-  return [proxy, state];
-}
-var objectTraps = {
-  get(state, prop) {
-    if (prop === DRAFT_STATE)
-      return state;
-    let arrayPlugin = state.scope_.arrayMethodsPlugin_;
-    const isArrayWithStringProp = state.type_ === 1 && typeof prop === "string";
-    if (isArrayWithStringProp) {
-      if (arrayPlugin?.isArrayOperationMethod(prop)) {
-        return arrayPlugin.createMethodInterceptor(state, prop);
-      }
-    }
-    const source = latest(state);
-    if (!has(source, prop, state.type_)) {
-      return readPropFromProto(state, source, prop);
-    }
-    const value = source[prop];
-    if (state.finalized_ || !isDraftable(value)) {
-      return value;
-    }
-    if (isArrayWithStringProp && state.operationMethod && arrayPlugin?.isMutatingArrayMethod(
-      state.operationMethod
-    ) && isArrayIndex(prop)) {
-      return value;
-    }
-    if (value === peek(state.base_, prop)) {
-      prepareCopy(state);
-      const childKey = state.type_ === 1 ? +prop : prop;
-      const childDraft = createProxy(state.scope_, value, state, childKey);
-      return state.copy_[childKey] = childDraft;
-    }
-    return value;
-  },
-  has(state, prop) {
-    return prop in latest(state);
-  },
-  ownKeys(state) {
-    return Reflect.ownKeys(latest(state));
-  },
-  set(state, prop, value) {
-    const desc = getDescriptorFromProto(latest(state), prop);
-    if (desc?.set) {
-      desc.set.call(state.draft_, value);
-      return true;
-    }
-    if (!state.modified_) {
-      const current2 = peek(latest(state), prop);
-      const currentState = current2?.[DRAFT_STATE];
-      if (currentState && currentState.base_ === value) {
-        state.copy_[prop] = value;
-        state.assigned_.set(prop, false);
-        return true;
-      }
-      if (is(value, current2) && (value !== void 0 || has(state.base_, prop, state.type_)))
-        return true;
-      prepareCopy(state);
-      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
-    Number.isNaN(value) && Number.isNaN(state.copy_[prop]))
-      return true;
-    state.copy_[prop] = value;
-    state.assigned_.set(prop, true);
-    handleCrossReference(state, prop, value);
-    return true;
-  },
-  deleteProperty(state, prop) {
-    prepareCopy(state);
-    if (peek(state.base_, prop) !== void 0 || prop in state.base_) {
-      state.assigned_.set(prop, false);
-      markChanged(state);
-    } else {
-      state.assigned_.delete(prop);
-    }
-    if (state.copy_) {
-      delete state.copy_[prop];
-    }
-    return true;
-  },
-  // Note: We never coerce `desc.value` into an Immer draft, because we can't make
-  // the same guarantee in ES5 mode.
-  getOwnPropertyDescriptor(state, prop) {
-    const owner = latest(state);
-    const desc = Reflect.getOwnPropertyDescriptor(owner, prop);
-    if (!desc)
-      return desc;
-    return {
-      [WRITABLE]: true,
-      [CONFIGURABLE]: state.type_ !== 1 || prop !== "length",
-      [ENUMERABLE]: desc[ENUMERABLE],
-      [VALUE]: owner[prop]
-    };
-  },
-  defineProperty() {
-    die(11);
-  },
-  getPrototypeOf(state) {
-    return getPrototypeOf(state.base_);
-  },
-  setPrototypeOf() {
-    die(12);
-  }
-};
-var arrayTraps = {};
-for (let key in objectTraps) {
-  let fn = objectTraps[key];
-  arrayTraps[key] = function() {
-    const args = arguments;
-    args[0] = args[0][0];
-    return fn.apply(this, args);
-  };
-}
-arrayTraps.deleteProperty = function(state, prop) {
-  if (process.env.NODE_ENV !== "production" && isNaN(parseInt(prop)))
-    die(13);
-  return arrayTraps.set.call(this, state, prop, void 0);
-};
-arrayTraps.set = function(state, prop, value) {
-  if (process.env.NODE_ENV !== "production" && prop !== "length" && isNaN(parseInt(prop)))
-    die(14);
-  return objectTraps.set.call(this, state[0], prop, value, state[0]);
-};
-function peek(draft, prop) {
-  const state = draft[DRAFT_STATE];
-  const source = state ? latest(state) : draft;
-  return source[prop];
-}
-function readPropFromProto(state, source, prop) {
-  const desc = getDescriptorFromProto(source, prop);
-  return desc ? VALUE in desc ? desc[VALUE] : (
-    // This is a very special case, if the prop is a getter defined by the
-    // prototype, we should invoke it with the draft as context!
-    desc.get?.call(state.draft_)
-  ) : void 0;
-}
-function getDescriptorFromProto(source, prop) {
-  if (!(prop in source))
-    return void 0;
-  let proto = getPrototypeOf(source);
-  while (proto) {
-    const desc = Object.getOwnPropertyDescriptor(proto, prop);
-    if (desc)
-      return desc;
-    proto = getPrototypeOf(proto);
-  }
-  return void 0;
-}
-function markChanged(state) {
-  if (!state.modified_) {
-    state.modified_ = true;
-    if (state.parent_) {
-      markChanged(state.parent_);
-    }
-  }
-}
-function prepareCopy(state) {
-  if (!state.copy_) {
-    state.assigned_ = /* @__PURE__ */ new Map();
-    state.copy_ = shallowCopy(
-      state.base_,
-      state.scope_.immer_.useStrictShallowCopy_
-    );
-  }
-}
-var Immer2 = class {
-  constructor(config) {
-    this.autoFreeze_ = true;
-    this.useStrictShallowCopy_ = false;
-    this.useStrictIteration_ = false;
-    this.produce = (base, recipe, patchListener) => {
-      if (isFunction(base) && !isFunction(recipe)) {
-        const defaultBase = recipe;
-        recipe = base;
-        const self = this;
-        return function curriedProduce(base2 = defaultBase, ...args) {
-          return self.produce(base2, (draft) => recipe.call(this, draft, ...args));
-        };
-      }
-      if (!isFunction(recipe))
-        die(6);
-      if (patchListener !== void 0 && !isFunction(patchListener))
-        die(7);
-      let result;
-      if (isDraftable(base)) {
-        const scope = enterScope(this);
-        const proxy = createProxy(scope, base, void 0);
-        let hasError = true;
-        try {
-          result = recipe(proxy);
-          hasError = false;
-        } finally {
-          if (hasError)
-            revokeScope(scope);
-          else
-            leaveScope(scope);
-        }
-        usePatchesInScope(scope, patchListener);
-        return processResult(result, scope);
-      } else if (!base || !isObjectish(base)) {
-        result = recipe(base);
-        if (result === void 0)
-          result = base;
-        if (result === NOTHING)
-          result = void 0;
-        if (this.autoFreeze_)
-          freeze(result, true);
-        if (patchListener) {
-          const p = [];
-          const ip = [];
-          getPlugin(PluginPatches).generateReplacementPatches_(base, result, {
-            patches_: p,
-            inversePatches_: ip
-          });
-          patchListener(p, ip);
-        }
-        return result;
-      } else
-        die(1, base);
-    };
-    this.produceWithPatches = (base, recipe) => {
-      if (isFunction(base)) {
-        return (state, ...args) => this.produceWithPatches(state, (draft) => base(draft, ...args));
-      }
-      let patches, inversePatches;
-      const result = this.produce(base, recipe, (p, ip) => {
-        patches = p;
-        inversePatches = ip;
-      });
-      return [result, patches, inversePatches];
-    };
-    if (isBoolean(config?.autoFreeze))
-      this.setAutoFreeze(config.autoFreeze);
-    if (isBoolean(config?.useStrictShallowCopy))
-      this.setUseStrictShallowCopy(config.useStrictShallowCopy);
-    if (isBoolean(config?.useStrictIteration))
-      this.setUseStrictIteration(config.useStrictIteration);
-  }
-  createDraft(base) {
-    if (!isDraftable(base))
-      die(8);
-    if (isDraft(base))
-      base = current(base);
-    const scope = enterScope(this);
-    const proxy = createProxy(scope, base, void 0);
-    proxy[DRAFT_STATE].isManual_ = true;
-    leaveScope(scope);
-    return proxy;
-  }
-  finishDraft(draft, patchListener) {
-    const state = draft && draft[DRAFT_STATE];
-    if (!state || !state.isManual_)
-      die(9);
-    const { scope_: scope } = state;
-    usePatchesInScope(scope, patchListener);
-    return processResult(void 0, scope);
-  }
-  /**
-   * Pass true to automatically freeze all copies created by Immer.
-   *
-   * By default, auto-freezing is enabled.
-   */
-  setAutoFreeze(value) {
-    this.autoFreeze_ = value;
-  }
-  /**
-   * Pass true to enable strict shallow copy.
-   *
-   * By default, immer does not copy the object descriptors such as getter, setter and non-enumrable properties.
-   */
-  setUseStrictShallowCopy(value) {
-    this.useStrictShallowCopy_ = value;
-  }
-  /**
-   * Pass false to use faster iteration that skips non-enumerable properties
-   * but still handles symbols for compatibility.
-   *
-   * By default, strict iteration is enabled (includes all own properties).
-   */
-  setUseStrictIteration(value) {
-    this.useStrictIteration_ = value;
-  }
-  shouldUseStrictIteration() {
-    return this.useStrictIteration_;
-  }
-  applyPatches(base, patches) {
-    let i;
-    for (i = patches.length - 1; i >= 0; i--) {
-      const patch = patches[i];
-      if (patch.path.length === 0 && patch.op === "replace") {
-        base = patch.value;
-        break;
-      }
-    }
-    if (i > -1) {
-      patches = patches.slice(i + 1);
-    }
-    const applyPatchesImpl = getPlugin(PluginPatches).applyPatches_;
-    if (isDraft(base)) {
-      return applyPatchesImpl(base, patches);
-    }
-    return this.produce(
-      base,
-      (draft) => applyPatchesImpl(draft, patches)
-    );
-  }
-};
-function createProxy(rootScope, value, parent, key) {
-  const [draft, state] = isMap(value) ? getPlugin(PluginMapSet).proxyMap_(value, parent) : isSet(value) ? getPlugin(PluginMapSet).proxySet_(value, parent) : createProxyProxy(value, parent);
-  const scope = parent?.scope_ ?? getCurrentScope();
-  scope.drafts_.push(draft);
-  state.callbacks_ = parent?.callbacks_ ?? [];
-  state.key_ = key;
-  if (parent && key !== void 0) {
-    registerChildFinalizationCallback(parent, state, key);
-  } else {
-    state.callbacks_.push(function rootDraftCleanup(rootScope2) {
-      rootScope2.mapSetPlugin_?.fixSetContents(state);
-      const { patchPlugin_ } = rootScope2;
-      if (state.modified_ && patchPlugin_) {
-        patchPlugin_.generatePatches_(state, [], rootScope2);
-      }
-    });
-  }
-  return draft;
-}
-function current(value) {
-  if (!isDraft(value))
-    die(10, value);
-  return currentImpl(value);
-}
-function currentImpl(value) {
-  if (!isDraftable(value) || isFrozen(value))
-    return value;
-  const state = value[DRAFT_STATE];
-  let copy;
-  let strict = true;
-  if (state) {
-    if (!state.modified_)
-      return state.base_;
-    state.finalized_ = true;
-    copy = shallowCopy(value, state.scope_.immer_.useStrictShallowCopy_);
-    strict = state.scope_.immer_.shouldUseStrictIteration();
-  } else {
-    copy = shallowCopy(value, true);
-  }
-  each(
-    copy,
-    (key, childValue) => {
-      set(copy, key, currentImpl(childValue));
-    },
-    strict
-  );
-  if (state) {
-    state.finalized_ = false;
-  }
-  return copy;
-}
-var immer = new Immer2();
-var produce = immer.produce;
-
-// node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs
-var composeWithDevTools = typeof window !== "undefined" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : function() {
-  if (arguments.length === 0) return void 0;
-  if (typeof arguments[0] === "object") return compose;
-  return compose.apply(null, arguments);
-};
-var devToolsEnhancer = typeof window !== "undefined" && window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__ : function() {
-  return function(noop3) {
-    return noop3;
-  };
-};
-var hasMatchFunction = (v) => {
-  return v && typeof v.match === "function";
-};
-function createAction(type, prepareAction) {
-  function actionCreator(...args) {
-    if (prepareAction) {
-      let prepared = prepareAction(...args);
-      if (!prepared) {
-        throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(0) : "prepareAction did not return an object");
-      }
-      return {
-        type,
-        payload: prepared.payload,
-        ..."meta" in prepared && {
-          meta: prepared.meta
-        },
-        ..."error" in prepared && {
-          error: prepared.error
-        }
-      };
-    }
-    return {
-      type,
-      payload: args[0]
-    };
-  }
-  actionCreator.toString = () => `${type}`;
-  actionCreator.type = type;
-  actionCreator.match = (action) => isAction(action) && action.type === type;
-  return actionCreator;
-}
-function freezeDraftable(val) {
-  return isDraftable(val) ? produce(val, () => {
-  }) : val;
-}
-function getOrInsertComputed(map, key, compute) {
-  if (map.has(key)) return map.get(key);
-  return map.set(key, compute(key)).get(key);
-}
-function executeReducerBuilderCallback(builderCallback) {
-  const actionsMap = {};
-  const actionMatchers = [];
-  let defaultCaseReducer;
-  const builder = {
-    addCase(typeOrActionCreator, reducer) {
-      if (process.env.NODE_ENV !== "production") {
-        if (actionMatchers.length > 0) {
-          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(26) : "`builder.addCase` should only be called before calling `builder.addMatcher`");
-        }
-        if (defaultCaseReducer) {
-          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(27) : "`builder.addCase` should only be called before calling `builder.addDefaultCase`");
-        }
-      }
-      const type = typeof typeOrActionCreator === "string" ? typeOrActionCreator : typeOrActionCreator.type;
-      if (!type) {
-        throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(28) : "`builder.addCase` cannot be called with an empty action type");
-      }
-      if (type in actionsMap) {
-        throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(29) : `\`builder.addCase\` cannot be called with two reducers for the same action type '${type}'`);
-      }
-      actionsMap[type] = reducer;
-      return builder;
-    },
-    addAsyncThunk(asyncThunk, reducers) {
-      if (process.env.NODE_ENV !== "production") {
-        if (defaultCaseReducer) {
-          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(43) : "`builder.addAsyncThunk` should only be called before calling `builder.addDefaultCase`");
-        }
-      }
-      if (reducers.pending) actionsMap[asyncThunk.pending.type] = reducers.pending;
-      if (reducers.rejected) actionsMap[asyncThunk.rejected.type] = reducers.rejected;
-      if (reducers.fulfilled) actionsMap[asyncThunk.fulfilled.type] = reducers.fulfilled;
-      if (reducers.settled) actionMatchers.push({
-        matcher: asyncThunk.settled,
-        reducer: reducers.settled
-      });
-      return builder;
-    },
-    addMatcher(matcher, reducer) {
-      if (process.env.NODE_ENV !== "production") {
-        if (defaultCaseReducer) {
-          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(30) : "`builder.addMatcher` should only be called before calling `builder.addDefaultCase`");
-        }
-      }
-      actionMatchers.push({
-        matcher,
-        reducer
-      });
-      return builder;
-    },
-    addDefaultCase(reducer) {
-      if (process.env.NODE_ENV !== "production") {
-        if (defaultCaseReducer) {
-          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(31) : "`builder.addDefaultCase` can only be called once");
-        }
-      }
-      defaultCaseReducer = reducer;
-      return builder;
-    }
-  };
-  builderCallback(builder);
-  return [actionsMap, actionMatchers, defaultCaseReducer];
-}
-function isStateFunction(x) {
-  return typeof x === "function";
-}
-function createReducer(initialState, mapOrBuilderCallback) {
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof mapOrBuilderCallback === "object") {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(8) : "The object notation for `createReducer` has been removed. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createReducer");
-    }
-  }
-  let [actionsMap, finalActionMatchers, finalDefaultCaseReducer] = executeReducerBuilderCallback(mapOrBuilderCallback);
-  let getInitialState;
-  if (isStateFunction(initialState)) {
-    getInitialState = () => freezeDraftable(initialState());
-  } else {
-    const frozenInitialState = freezeDraftable(initialState);
-    getInitialState = () => frozenInitialState;
-  }
-  function reducer(state = getInitialState(), action) {
-    let caseReducers = [actionsMap[action.type], ...finalActionMatchers.filter(({
-      matcher
-    }) => matcher(action)).map(({
-      reducer: reducer2
-    }) => reducer2)];
-    if (caseReducers.filter((cr) => !!cr).length === 0) {
-      caseReducers = [finalDefaultCaseReducer];
-    }
-    return caseReducers.reduce((previousState, caseReducer) => {
-      if (caseReducer) {
-        if (isDraft(previousState)) {
-          const draft = previousState;
-          const result = caseReducer(draft, action);
-          if (result === void 0) {
-            return previousState;
-          }
-          return result;
-        } else if (!isDraftable(previousState)) {
-          const result = caseReducer(previousState, action);
-          if (result === void 0) {
-            if (previousState === null) {
-              return previousState;
-            }
-            throw Error("A case reducer on a non-draftable value must not return undefined");
-          }
-          return result;
-        } else {
-          return produce(previousState, (draft) => {
-            return caseReducer(draft, action);
-          });
-        }
-      }
-      return previousState;
-    }, state);
-  }
-  reducer.getInitialState = getInitialState;
-  return reducer;
-}
-var matches = (matcher, action) => {
-  if (hasMatchFunction(matcher)) {
-    return matcher.match(action);
-  } else {
-    return matcher(action);
-  }
-};
-function isAnyOf(...matchers) {
-  return (action) => {
-    return matchers.some((matcher) => matches(matcher, action));
-  };
-}
-var urlAlphabet = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW";
-var nanoid = (size = 21) => {
-  let id = "";
-  let i = size;
-  while (i--) {
-    id += urlAlphabet[Math.random() * 64 | 0];
-  }
-  return id;
-};
-var commonProperties = ["name", "message", "stack", "code"];
-var RejectWithValue = class {
-  constructor(payload, meta) {
-    __publicField(this, "payload");
-    __publicField(this, "meta");
-    /*
-    type-only property to distinguish between RejectWithValue and FulfillWithMeta
-    does not exist at runtime
-    */
-    __publicField(this, "_type");
-    this.payload = payload;
-    this.meta = meta;
-  }
-};
-var FulfillWithMeta = class {
-  constructor(payload, meta) {
-    __publicField(this, "payload");
-    __publicField(this, "meta");
-    /*
-    type-only property to distinguish between RejectWithValue and FulfillWithMeta
-    does not exist at runtime
-    */
-    __publicField(this, "_type");
-    this.payload = payload;
-    this.meta = meta;
-  }
-};
-var miniSerializeError = (value) => {
-  if (typeof value === "object" && value !== null) {
-    const simpleError = {};
-    for (const property of commonProperties) {
-      if (typeof value[property] === "string") {
-        simpleError[property] = value[property];
-      }
-    }
-    return simpleError;
-  }
-  return {
-    message: String(value)
-  };
-};
-var externalAbortMessage = "External signal was aborted";
-var createAsyncThunk = /* @__PURE__ */ (() => {
-  function createAsyncThunk2(typePrefix, payloadCreator, options) {
-    const fulfilled = createAction(typePrefix + "/fulfilled", (payload, requestId, arg, meta) => ({
-      payload,
-      meta: {
-        ...meta || {},
-        arg,
-        requestId,
-        requestStatus: "fulfilled"
-      }
-    }));
-    const pending = createAction(typePrefix + "/pending", (requestId, arg, meta) => ({
-      payload: void 0,
-      meta: {
-        ...meta || {},
-        arg,
-        requestId,
-        requestStatus: "pending"
-      }
-    }));
-    const rejected = createAction(typePrefix + "/rejected", (error, requestId, arg, payload, meta) => ({
-      payload,
-      error: (options && options.serializeError || miniSerializeError)(error || "Rejected"),
-      meta: {
-        ...meta || {},
-        arg,
-        requestId,
-        rejectedWithValue: !!payload,
-        requestStatus: "rejected",
-        aborted: error?.name === "AbortError",
-        condition: error?.name === "ConditionError"
-      }
-    }));
-    function actionCreator(arg, {
-      signal
-    } = {}) {
-      return (dispatch, getState, extra) => {
-        const requestId = options?.idGenerator ? options.idGenerator(arg) : nanoid();
-        const abortController = new AbortController();
-        let abortHandler;
-        let abortReason;
-        function abort(reason) {
-          abortReason = reason;
-          abortController.abort();
-        }
-        if (signal) {
-          if (signal.aborted) {
-            abort(externalAbortMessage);
+  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 {
-            signal.addEventListener("abort", () => abort(externalAbortMessage), {
-              once: true
-            });
-          }
-        }
-        const promise = (async function() {
-          let finalAction;
-          try {
-            let conditionResult = options?.condition?.(arg, {
-              getState,
-              extra
-            });
-            if (isThenable(conditionResult)) {
-              conditionResult = await conditionResult;
-            }
-            if (conditionResult === false || abortController.signal.aborted) {
-              throw {
-                name: "ConditionError",
-                message: "Aborted due to condition callback returning false."
-              };
-            }
-            const abortedPromise = new Promise((_, reject) => {
-              abortHandler = () => {
-                reject({
-                  name: "AbortError",
-                  message: abortReason || "Aborted"
-                });
-              };
-              abortController.signal.addEventListener("abort", abortHandler, {
-                once: true
-              });
-            });
-            dispatch(pending(requestId, arg, options?.getPendingMeta?.({
-              requestId,
-              arg
-            }, {
-              getState,
-              extra
-            })));
-            finalAction = await Promise.race([abortedPromise, Promise.resolve(payloadCreator(arg, {
-              dispatch,
-              getState,
-              extra,
-              requestId,
-              signal: abortController.signal,
-              abort,
-              rejectWithValue: ((value, meta) => {
-                return new RejectWithValue(value, meta);
-              }),
-              fulfillWithValue: ((value, meta) => {
-                return new FulfillWithMeta(value, meta);
-              })
-            })).then((result) => {
-              if (result instanceof RejectWithValue) {
-                throw result;
-              }
-              if (result instanceof FulfillWithMeta) {
-                return fulfilled(result.payload, requestId, arg, result.meta);
-              }
-              return fulfilled(result, requestId, arg);
-            })]);
-          } catch (err) {
-            finalAction = err instanceof RejectWithValue ? rejected(null, requestId, arg, err.payload, err.meta) : rejected(err, requestId, arg);
-          } finally {
-            if (abortHandler) {
-              abortController.signal.removeEventListener("abort", abortHandler);
-            }
-          }
-          const skipDispatch = options && !options.dispatchConditionRejection && rejected.match(finalAction) && finalAction.meta.condition;
-          if (!skipDispatch) {
-            dispatch(finalAction);
+            scrollTo?.(target, false);
+            return;
           }
-          return finalAction;
-        })();
-        return Object.assign(promise, {
-          abort,
-          requestId,
-          arg,
-          unwrap() {
-            return promise.then(unwrapResult);
-          }
-        });
-      };
-    }
-    return Object.assign(actionCreator, {
-      pending,
-      rejected,
-      fulfilled,
-      settled: isAnyOf(rejected, fulfilled),
-      typePrefix
-    });
-  }
-  createAsyncThunk2.withTypes = () => createAsyncThunk2;
-  return createAsyncThunk2;
-})();
-function unwrapResult(action) {
-  if (action.meta && action.meta.rejectedWithValue) {
-    throw action.payload;
-  }
-  if (action.error) {
-    throw action.error;
-  }
-  return action.payload;
-}
-function isThenable(value) {
-  return value !== null && typeof value === "object" && typeof value.then === "function";
-}
-var asyncThunkSymbol = /* @__PURE__ */ Symbol.for("rtk-slice-createasyncthunk");
-var asyncThunkCreator = {
-  [asyncThunkSymbol]: createAsyncThunk
-};
-function getType(slice2, actionKey) {
-  return `${slice2}/${actionKey}`;
-}
-function buildCreateSlice({
-  creators
-} = {}) {
-  const cAT = creators?.asyncThunk?.[asyncThunkSymbol];
-  return function createSlice2(options) {
-    const {
-      name,
-      reducerPath = name
-    } = options;
-    if (!name) {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(11) : "`name` is a required option for createSlice");
-    }
-    if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
-      if (options.initialState === void 0) {
-        console.error("You must provide an `initialState` value that is not `undefined`. You may have misspelled `initialState`");
-      }
-    }
-    const reducers = (typeof options.reducers === "function" ? options.reducers(buildReducerCreators()) : options.reducers) || {};
-    const reducerNames = Object.keys(reducers);
-    const context = {
-      sliceCaseReducersByName: {},
-      sliceCaseReducersByType: {},
-      actionCreators: {},
-      sliceMatchers: []
-    };
-    const contextMethods = {
-      addCase(typeOrActionCreator, reducer2) {
-        const type = typeof typeOrActionCreator === "string" ? typeOrActionCreator : typeOrActionCreator.type;
-        if (!type) {
-          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(12) : "`context.addCase` cannot be called with an empty action type");
         }
-        if (type in context.sliceCaseReducersByType) {
-          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(13) : "`context.addCase` cannot be called with two reducers for the same action type: " + type);
-        }
-        context.sliceCaseReducersByType[type] = reducer2;
-        return contextMethods;
-      },
-      addMatcher(matcher, reducer2) {
-        context.sliceMatchers.push({
-          matcher,
-          reducer: reducer2
-        });
-        return contextMethods;
-      },
-      exposeAction(name2, actionCreator) {
-        context.actionCreators[name2] = actionCreator;
-        return contextMethods;
-      },
-      exposeCaseReducer(name2, reducer2) {
-        context.sliceCaseReducersByName[name2] = reducer2;
-        return contextMethods;
       }
-    };
-    reducerNames.forEach((reducerName) => {
-      const reducerDefinition = reducers[reducerName];
-      const reducerDetails = {
-        reducerName,
-        type: getType(name, reducerName),
-        createNotation: typeof options.reducers === "function"
-      };
-      if (isAsyncThunkSliceReducerDefinition(reducerDefinition)) {
-        handleThunkCaseReducerDefinition(reducerDetails, reducerDefinition, contextMethods, cAT);
-      } else {
-        handleNormalReducerDefinition(reducerDetails, reducerDefinition, contextMethods);
+      if (isHorizontal) {
+        scrollPosition.value = x;
+        chipHidden.value = x < chipThreshold ? 1 : 0;
+        return;
       }
-    });
-    function buildReducer() {
-      if (process.env.NODE_ENV !== "production") {
-        if (typeof options.extraReducers === "object") {
-          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(14) : "The object notation for `createSlice.extraReducers` has been removed. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createSlice");
-        }
+      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 [extraReducers = {}, actionMatchers = [], defaultCaseReducer = void 0] = typeof options.extraReducers === "function" ? executeReducerBuilderCallback(options.extraReducers) : [options.extraReducers];
-      const finalCaseReducers = {
-        ...extraReducers,
-        ...context.sliceCaseReducersByType
-      };
-      return createReducer(options.initialState, (builder) => {
-        for (let key in finalCaseReducers) {
-          builder.addCase(key, finalCaseReducers[key]);
-        }
-        for (let sM of context.sliceMatchers) {
-          builder.addMatcher(sM.matcher, sM.reducer);
-        }
-        for (let m of actionMatchers) {
-          builder.addMatcher(m.matcher, m.reducer);
-        }
-        if (defaultCaseReducer) {
-          builder.addDefaultCase(defaultCaseReducer);
-        }
-      });
-    }
-    const selectSelf = (state) => state;
-    const injectedSelectorCache = /* @__PURE__ */ new Map();
-    const injectedStateCache = /* @__PURE__ */ new WeakMap();
-    let _reducer;
-    function reducer(state, action) {
-      if (!_reducer) _reducer = buildReducer();
-      return _reducer(state, action);
-    }
-    function getInitialState() {
-      if (!_reducer) _reducer = buildReducer();
-      return _reducer.getInitialState();
-    }
-    function makeSelectorProps(reducerPath2, injected = false) {
-      function selectSlice(state) {
-        let sliceState = state[reducerPath2];
-        if (typeof sliceState === "undefined") {
-          if (injected) {
-            sliceState = getOrInsertComputed(injectedStateCache, selectSlice, getInitialState);
-          } else if (process.env.NODE_ENV !== "production") {
-            throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(15) : "selectSlice returned undefined for an uninjected slice reducer");
+      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));
           }
-        }
-        return sliceState;
-      }
-      function getSelectors(selectState = selectSelf) {
-        const selectorCache = getOrInsertComputed(injectedSelectorCache, injected, () => /* @__PURE__ */ new WeakMap());
-        return getOrInsertComputed(selectorCache, selectState, () => {
-          const map = {};
-          for (const [name2, selector] of Object.entries(options.selectors ?? {})) {
-            map[name2] = wrapSelector(selector, selectState, () => getOrInsertComputed(injectedStateCache, selectState, getInitialState), injected);
+        } 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 });
           }
-          return map;
-        });
-      }
-      return {
-        reducerPath: reducerPath2,
-        getSelectors,
-        get selectors() {
-          return getSelectors(selectSlice);
-        },
-        selectSlice
-      };
-    }
-    const slice2 = {
-      name,
-      reducer,
-      actions: context.actionCreators,
-      caseReducers: context.sliceCaseReducersByName,
-      getInitialState,
-      ...makeSelectorProps(reducerPath),
-      injectInto(injectable, {
-        reducerPath: pathOpt,
-        ...config
-      } = {}) {
-        const newReducerPath = pathOpt ?? reducerPath;
-        injectable.inject({
-          reducerPath: newReducerPath,
-          reducer
-        }, config);
-        return {
-          ...slice2,
-          ...makeSelectorProps(newReducerPath, true)
-        };
+        }
       }
-    };
-    return slice2;
-  };
-}
-function wrapSelector(selector, selectState, getInitialState, injected) {
-  function wrapper(rootState, ...args) {
-    let sliceState = selectState(rootState);
-    if (typeof sliceState === "undefined") {
-      if (injected) {
-        sliceState = getInitialState();
-      } else if (process.env.NODE_ENV !== "production") {
-        throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(16) : "selectState returned undefined for an uninjected slice reducer");
+    },
+    [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;
       }
-    }
-    return selector(sliceState, ...args);
-  }
-  wrapper.unwrapped = selector;
-  return wrapper;
+    },
+    [isHorizontal]
+  );
+  const onMomentumScrollEnd = (0, import_react8.useCallback)(() => {
+    fromBottomBounce.current = false;
+    snapUpAccum.current = 0;
+  }, []);
+  return { onMomentumScrollBegin, onMomentumScrollEnd, onScroll, onScrollBeginDrag, onScrollEndDrag };
 }
-var createSlice = /* @__PURE__ */ buildCreateSlice();
-function buildReducerCreators() {
-  function asyncThunk(payloadCreator, config) {
-    return {
-      _reducerDefinitionType: "asyncThunk",
-      payloadCreator,
-      ...config
-    };
-  }
-  asyncThunk.withTypes = () => asyncThunk;
-  return {
-    reducer(caseReducer) {
-      return Object.assign({
-        // hack so the wrapping function has the same name as the original
-        // we need to create a wrapper so the `reducerDefinitionType` is not assigned to the original
-        [caseReducer.name](...args) {
-          return caseReducer(...args);
-        }
-      }[caseReducer.name], {
-        _reducerDefinitionType: "reducer"
-        /* reducer */
-      });
+
+// src/FlatList.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+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(":");
     },
-    preparedReducer(prepare, reducer) {
-      return {
-        _reducerDefinitionType: "reducerWithPrepare",
-        prepare,
-        reducer
-      };
+    [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)) });
     },
-    asyncThunk
-  };
-}
-function handleNormalReducerDefinition({
-  type,
-  reducerName,
-  createNotation
-}, maybeReducerWithPrepare, context) {
-  let caseReducer;
-  let prepareCallback;
-  if ("reducer" in maybeReducerWithPrepare) {
-    if (createNotation && !isCaseReducerWithPrepareDefinition(maybeReducerWithPrepare)) {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(17) : "Please use the `create.preparedReducer` notation for prepared action creators with the `create` notation.");
-    }
-    caseReducer = maybeReducerWithPrepare.reducer;
-    prepareCallback = maybeReducerWithPrepare.prepare;
-  } else {
-    caseReducer = maybeReducerWithPrepare;
-  }
-  context.addCase(type, caseReducer).exposeCaseReducer(reducerName, caseReducer).exposeAction(reducerName, prepareCallback ? createAction(type, prepareCallback) : createAction(type));
-}
-function isAsyncThunkSliceReducerDefinition(reducerDefinition) {
-  return reducerDefinition._reducerDefinitionType === "asyncThunk";
-}
-function isCaseReducerWithPrepareDefinition(reducerDefinition) {
-  return reducerDefinition._reducerDefinitionType === "reducerWithPrepare";
-}
-function handleThunkCaseReducerDefinition({
-  type,
-  reducerName
-}, reducerDefinition, context, cAT) {
-  if (!cAT) {
-    throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(18) : "Cannot use `create.asyncThunk` in the built-in `createSlice`. Use `buildCreateSlice({ creators: { asyncThunk: asyncThunkCreator } })` to create a customised version of `createSlice`.");
-  }
+    [cols, columnWrapperStyle, renderItem]
+  );
+  const { chipHidden, chipStyle, containerStyle, contentInset, contentOffset, footerFixed, headerFixed } = useScrollList({ footerFixed: footerFixedProp, headerFixed: headerFixedProp, isHorizontal, keyboardAware, pullSearchHeight, style });
+  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 {
-    payloadCreator,
-    fulfilled,
-    pending,
-    rejected,
-    settled,
-    options
-  } = reducerDefinition;
-  const thunk = cAT(type, payloadCreator, options);
-  context.exposeAction(reducerName, thunk);
-  if (fulfilled) {
-    context.addCase(thunk.fulfilled, fulfilled);
-  }
-  if (pending) {
-    context.addCase(thunk.pending, pending);
-  }
-  if (rejected) {
-    context.addCase(thunk.rejected, rejected);
-  }
-  if (settled) {
-    context.addMatcher(thunk.settled, settled);
-  }
-  context.exposeCaseReducer(reducerName, {
-    fulfilled: fulfilled || noop,
-    pending: pending || noop,
-    rejected: rejected || noop,
-    settled: settled || noop
+    activeListHeader: pullSearchHeader,
+    handleMomentumScrollEnd,
+    handleScrollBeginDrag,
+    handleScrollEndDrag,
+    hiddenHeader,
+    pullSearchMinHeight,
+    remountTarget
+  } = useScrollInit({
+    listHeaderComponent: externalListHeaderComponent,
+    onMomentumScrollEnd: externalMomentumScrollEnd,
+    onRefresh: pullSearchHeight ? onRefresh : void 0,
+    onScrollBeginDrag: externalScrollBeginDrag,
+    onScrollEndDrag: externalScrollEndDrag,
+    pullSearchHeight,
+    scrollTo
   });
-}
-function noop() {
-}
-var listener = "listener";
-var completed = "completed";
-var cancelled = "cancelled";
-var taskCancelled = `task-${cancelled}`;
-var taskCompleted = `task-${completed}`;
-var listenerCancelled = `${listener}-${cancelled}`;
-var listenerCompleted = `${listener}-${completed}`;
-var {
-  assign
-} = Object;
-var alm = "listenerMiddleware";
-var addListener = /* @__PURE__ */ assign(/* @__PURE__ */ createAction(`${alm}/add`), {
-  withTypes: () => addListener
+  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: [
+      Inner ? typeof Inner === "function" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Inner, {}) : Inner : null,
+      renderFilters
+    ] });
+  }, [pullSearchHeader, renderFilters]);
+  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;
+    }
+    const offset = pullSearchHeight ? -contentInset.top + pullSearchHeight : -contentInset.top;
+    scrollView.current?.scrollToOffset({ offset, animated: true });
+  }, [isHorizontal, contentInset.top, pullSearchHeight]);
+  const handleContentSizeChange = (0, import_react9.useCallback)(
+    (w, h) => {
+      if (onContentSizeChange) onContentSizeChange(w, h);
+    },
+    [onContentSizeChange]
+  );
+  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_native6.FlatList,
+      {
+        ...props,
+        contentContainerStyle,
+        contentInset,
+        contentInsetAdjustmentBehavior: "never",
+        contentOffset,
+        data: cols > 1 ? rowData : data,
+        horizontal: isHorizontal,
+        initialNumToRender,
+        keyExtractor: cols > 1 ? rowKeyExtractor : keyExtractor,
+        ListHeaderComponent: activeListHeader,
+        maxToRenderPerBatch,
+        onContentSizeChange: handleContentSizeChange,
+        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;
+        },
+        refreshControl,
+        removeClippedSubviews,
+        scrollEventThrottle: 16,
+        showsHorizontalScrollIndicator: showsHorizontalScrollIndicator ?? isHorizontal,
+        showsVerticalScrollIndicator: showsVerticalScrollIndicator ?? !isHorizontal,
+        windowSize
+      }
+    ),
+    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, { 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 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_react10 = require("react");
+var import_react_native7 = require("react-native");
+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_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_react10.useImperativeHandle)(ref, () => ({
+    blur: () => inputRef.current?.blur(),
+    focus: () => inputRef.current?.focus()
+  }));
+  const blurInput = (0, import_react10.useCallback)(() => inputRef.current?.blur(), []);
+  (0, import_react_native_reanimated9.useAnimatedReaction)(
+    () => {
+      if (barHeight === 0) return false;
+      return scrollPosition.value >= -(headerHeight ?? 0) + barHeight;
+    },
+    (isHidden, wasHidden) => {
+      if (isHidden && !wasHidden) (0, import_react_native_reanimated9.runOnJS)(blurInput)();
+    },
+    [barHeight, headerHeight, blurInput]
+  );
+  const handleClear = (0, import_react10.useCallback)(() => {
+    setValue("");
+    onChangeText("");
+  }, [onChangeText]);
+  const handleLayout = (0, import_react10.useCallback)(
+    ({
+      nativeEvent: {
+        layout: { height }
+      }
+    }) => {
+      setBarHeight(height);
+      onHeightChange(height);
+    },
+    [onHeightChange]
+  );
+  (0, import_react10.useEffect)(() => {
+    const normalizedValue = value.trim();
+    if (debounce) {
+      const timeout = setTimeout(() => onChangeText(normalizedValue), 500);
+      return () => clearTimeout(timeout);
+    }
+    onChangeText(normalizedValue);
+  }, [debounce, onChangeText, value]);
+  const animatedStyle = (0, import_react_native_reanimated9.useAnimatedStyle)(() => {
+    if (barHeight === 0) return { opacity: 0 };
+    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_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 clearAllListeners = /* @__PURE__ */ createAction(`${alm}/removeAll`);
-var removeListener = /* @__PURE__ */ assign(/* @__PURE__ */ createAction(`${alm}/remove`), {
-  withTypes: () => removeListener
+var styles5 = import_react_native7.StyleSheet.create({
+  container: { paddingVertical: 8 },
+  input: { margin: 0 }
 });
-function formatProdErrorMessage(code) {
-  return `Minified Redux Toolkit error #${code}; visit https://redux-toolkit.js.org/Errors?code=${code} for the full message or use the non-minified dev environment for full errors. `;
-}
 
 // 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: () => {
   }
 });
 
 // src/redux/scrollViewSlice.ts
-var slice = createSlice({
-  name: "scrollView",
-  initialState: defaultScrollViewSettings,
-  reducers: {
-    initialize: (_state, action) => action.payload
-  }
-});
-var scrollViewActions = slice.actions;
-var scrollViewReducer = slice.reducer;
+var createAction = (type) => {
+  const actionCreator = (payload) => ({ payload, type });
+  actionCreator.type = type;
+  actionCreator.match = (action) => action.type === type;
+  return actionCreator;
+};
+var initialize = createAction("scrollView/initialize");
+var scrollViewActions = { initialize };
+var scrollViewReducer = (state = defaultScrollViewSettings, action) => {
+  if (initialize.match(action)) return action.payload;
+  return state;
+};
 
 // 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 = ({ 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_react11.useRef)(null);
+  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({
@@ -2234,12 +976,8 @@ var ScrollViewInner = ({ chipProps, chipThreshold, children, footerFixed: footer
     pullSearchHeight,
     scrollTo
   });
-  const onPullSearchZoneEnter = (0, import_react11.useCallback)(() => {
-    if (!pullSearchHeight) return;
-    scrollTo(-contentInset.top + pullSearchHeight, true);
-  }, [contentInset.top, pullSearchHeight, scrollTo]);
-  const handleScroll = useScrollHandler({ chipHidden, chipThreshold, 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;
@@ -2247,13 +985,13 @@ var ScrollViewInner = ({ chipProps, chipThreshold, children, footerFixed: footer
     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,
@@ -2275,19 +1013,19 @@ var ScrollViewInner = ({ chipProps, chipThreshold, children, footerFixed: footer
   ] });
   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_paper3 = require("@rific/auto-paper");
-var import_react12 = require("react");
+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);
     },
@@ -2300,14 +1038,14 @@ 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: [
+  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 })
   ] });
@@ -2319,16 +1057,16 @@ var styles6 = import_react_native9.StyleSheet.create({
 
 // src/ScrollViewHeader.tsx
 var import_auto_paper4 = require("@rific/auto-paper");
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_react_native10 = require("react-native");
 var import_react_native_paper3 = require("react-native-paper");
-var import_react_native_reanimated10 = __toESM(require("react-native-reanimated"));
+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_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_paper3.useTheme)();
@@ -2340,23 +1078,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;
@@ -2366,12 +1106,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_paper4.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 })
@@ -2379,18 +1118,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_paper3.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_paper3.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.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_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
     ] }))
@@ -2414,62 +1153,77 @@ var styles7 = import_react_native10.StyleSheet.create({
 
 // src/ScrollViewProvider.tsx
 var import_auto_paper5 = require("@rific/auto-paper");
-var import_react14 = require("react");
+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 { 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, initialValue }) => {
-  const [settings, setSettings] = (0, import_react15.useState)(() => ({
+  const [settings, setSettings] = (0, import_react16.useState)(() => ({
     ...defaultScrollViewSettings,
     ...initialValue
   }));
-  const set2 = (0, import_react15.useCallback)(
+  const set = (0, import_react16.useCallback)(
     (patch) => {
       setSettings((prev) => {
         const next = { ...prev, ...patch };
@@ -2479,33 +1233,33 @@ var ScrollViewSettingsProvider = ({ children, onChange, initialValue }) => {
     },
     [onChange]
   );
-  const ctx = (0, import_react15.useMemo)(() => ({ settings, set: set2 }), [settings, set2]);
+  const ctx = (0, import_react16.useMemo)(() => ({ settings, set }), [settings, set]);
   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;
@@ -2530,11 +1284,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;
@@ -2548,7 +1302,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;
@@ -2576,7 +1330,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;
@@ -2586,7 +1340,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();
@@ -2600,18 +1354,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 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_react17.useRef)(null);
+  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);
@@ -2632,7 +1395,8 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
       );
     };
   }, [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 {
@@ -2650,7 +1414,7 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
     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: [
@@ -2658,8 +1422,8 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
       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(() => {
@@ -2671,25 +1435,21 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
     });
     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, chipThreshold, 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)(
@@ -2720,11 +1480,11 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
         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, { chipProps, onChipPress, 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] }) }) })
+    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;
 };
@@ -2733,18 +1493,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,