@papyrus-sdk/ui-react-native 0.2.27 → 0.2.29

package/dist/index.mjs

@@ -26956,6 +26956,17 @@ var Viewer = ({
     },
     [scaledListLayoutMetrics]
   );
+  const scrollToPendingTarget = useCallback3(
+    (animated) => {
+      const target = pendingScrollTargetRef.current;
+      if (target === null || listRef.current === null) return;
+      listRef.current.scrollToOffset({
+        offset: Math.max(0, getFallbackOffsetForIndex(target.listIndex)),
+        animated
+      });
+    },
+    [getFallbackOffsetForIndex]
+  );
   const restoreOrientationScrollOffset = useCallback3(() => {
     if (pendingOrientationRestoreWidthRef.current !== windowWidth || pageCount <= 0 || isSingle || isWebView) {
       return;
@@ -26986,6 +26997,11 @@ var Viewer = ({
     }
     restoreOrientationScrollOffset();
   }, [restoreOrientationScrollOffset, windowWidth]);
+  useEffect4(() => {
+    if (pendingScrollTargetRef.current !== null) {
+      scrollToPendingTarget(false);
+    }
+  }, [layoutRevision, scrollToPendingTarget]);
   const getItemLayout = useCallback3(
     (_, index) => {
       if (scaledListLayoutMetrics.itemCount === 0) {
@@ -27056,15 +27072,12 @@ var Viewer = ({
       },
       "scrollToPageSignal.flatList"
     );
-    listRef.current?.scrollToIndex({
-      index: target.listIndex,
-      animated: true,
-      viewPosition: 0
-    });
+    scrollToPendingTarget(true);
   }, [
     clearPendingScrollRetry,
     clearPendingScrollTarget,
     ensurePageDimensions,
+    scrollToPendingTarget,
     scrollToPageSignal,
     pageCount,
     setDocumentStateTracked,
@@ -27456,9 +27469,11 @@ var Viewer = ({
               onLayout: () => {
                 captureViewerFrame(listRef.current);
                 restoreOrientationScrollOffset();
+                scrollToPendingTarget(false);
               },
               onContentSizeChange: (_, height) => {
                 viewerContentHeightRef.current = height;
+                scrollToPendingTarget(false);
               },
               onScrollToIndexFailed: ({ index, averageItemLength }) => {
                 const dataLength = isDouble ? rows.length : pages.length;
@@ -27547,13 +27562,13 @@ var styles4 = StyleSheet4.create({
 var Viewer_default = Viewer;
 
 // components/Topbar.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 import {
   View as View7,
   Text as Text3,
   Pressable as Pressable5,
   StyleSheet as StyleSheet7,
-  useWindowDimensions as useWindowDimensions3
+  useWindowDimensions as useWindowDimensions4
 } from "react-native";
 import { useViewerStore as useViewerStore5 } from "@papyrus-sdk/core";
 
@@ -27587,7 +27602,7 @@ var resolveMobileChromeOffsets = (insets) => ({
 });
 
 // components/PageJumpModal.tsx
-import { useEffect as useEffect5, useState as useState5 } from "react";
+import { useEffect as useEffect6, useState as useState6 } from "react";
 import { Pressable as Pressable4, StyleSheet as StyleSheet6, Text as Text2, TextInput, View as View6 } from "react-native";
 
 // components/pageJumpModel.ts
@@ -27599,15 +27614,17 @@ var resolvePageJumpTarget = (value, pageCount) => {
 };
 
 // components/NativeSheet.tsx
-import React7 from "react";
+import React7, { useEffect as useEffect5, useRef as useRef5, useState as useState5 } from "react";
 import {
+  Animated as Animated2,
   FlatList as FlatList2,
   Modal,
   Pressable as Pressable3,
   ScrollView as ScrollView2,
   StyleSheet as StyleSheet5,
   Text,
-  View as View5
+  View as View5,
+  useWindowDimensions as useWindowDimensions3
 } from "react-native";
 
 // components/nativeSheetLayout.ts
@@ -27697,25 +27714,73 @@ function NativeSheet({
 }) {
   const insets = usePapyrusSafeAreaInsets();
   const palette = getNativeSheetPalette(Boolean(isDark));
+  const { height: windowHeight } = useWindowDimensions3();
+  const [rendered, setRendered] = useState5(visible);
+  const renderedRef = useRef5(visible);
+  const motion = useRef5(new Animated2.Value(visible ? 0 : 1)).current;
+  const backdropOpacity = useRef5(new Animated2.Value(visible ? 1 : 0)).current;
+  useEffect5(() => {
+    motion.stopAnimation();
+    backdropOpacity.stopAnimation();
+    if (visible) {
+      renderedRef.current = true;
+      setRendered(true);
+      motion.setValue(1);
+      backdropOpacity.setValue(0);
+      Animated2.parallel([
+        Animated2.spring(motion, {
+          toValue: 0,
+          damping: 22,
+          stiffness: 220,
+          mass: 0.8,
+          useNativeDriver: true
+        }),
+        Animated2.timing(backdropOpacity, {
+          toValue: 1,
+          duration: 180,
+          useNativeDriver: true
+        })
+      ]).start();
+      return;
+    }
+    if (!renderedRef.current) return;
+    Animated2.parallel([
+      Animated2.timing(motion, {
+        toValue: 1,
+        duration: 180,
+        useNativeDriver: true
+      }),
+      Animated2.timing(backdropOpacity, {
+        toValue: 0,
+        duration: 140,
+        useNativeDriver: true
+      })
+    ]).start(({ finished }) => {
+      if (!finished) return;
+      renderedRef.current = false;
+      setRendered(false);
+    });
+  }, [backdropOpacity, motion, visible]);
+  if (!rendered) return null;
   return /* @__PURE__ */ jsx8(
     Modal,
     {
-      animationType: "fade",
+      animationType: "none",
       transparent: true,
-      visible,
+      visible: rendered,
       onRequestClose: onClose,
       children: /* @__PURE__ */ jsxs6(View5, { style: styles5.root, children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx8(Animated2.View, { style: [styles5.backdrop, { opacity: backdropOpacity }], children: /* @__PURE__ */ jsx8(
           Pressable3,
           {
             accessibilityRole: "button",
             accessibilityLabel: closeAccessibilityLabel,
-            style: styles5.backdrop,
+            style: StyleSheet5.absoluteFill,
             onPress: onClose
           }
-        ),
+        ) }),
         /* @__PURE__ */ jsxs6(
-          View5,
+          Animated2.View,
           {
             style: [
               styles5.sheet,
@@ -27726,7 +27791,17 @@ function NativeSheet({
                 backgroundColor: palette.backgroundColor,
                 borderTopColor: palette.borderColor
               },
-              sheetStyle
+              sheetStyle,
+              {
+                transform: [
+                  {
+                    translateY: motion.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [0, windowHeight]
+                    })
+                  }
+                ]
+              }
             ],
             children: [
               showHeader ? /* @__PURE__ */ jsxs6(View5, { style: styles5.header, children: [
@@ -27834,9 +27909,9 @@ function PageJumpModal({
   onClose,
   onConfirm
 }) {
-  const [value, setValue] = useState5(`${currentPage}`);
+  const [value, setValue] = useState6(`${currentPage}`);
   const palette = getReaderSheetPalette(isDark);
-  useEffect5(() => {
+  useEffect6(() => {
     if (visible) setValue(`${currentPage}`);
   }, [currentPage, visible]);
   const confirmJump = () => {
@@ -27954,10 +28029,10 @@ var Topbar = ({
     accentColor,
     mobileChromeVisible
   } = useViewerStore5();
-  const [jumpModalOpen, setJumpModalOpen] = useState6(false);
+  const [jumpModalOpen, setJumpModalOpen] = useState7(false);
   const isDark = uiTheme === "dark";
   const navIconColor = isDark ? "#e5e7eb" : "#111827";
-  const { width, height } = useWindowDimensions3();
+  const { width, height } = useWindowDimensions4();
   const isLandscape = width > height;
   const insets = usePapyrusSafeAreaInsets();
   const navigateToPage = (targetPage) => {
@@ -28278,14 +28353,14 @@ var styles7 = StyleSheet7.create({
 var Topbar_default = Topbar;
 
 // components/ToolDock.tsx
-import React10, { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef5, useState as useState7 } from "react";
+import React10, { useEffect as useEffect7, useMemo as useMemo4, useRef as useRef6, useState as useState8 } from "react";
 import {
   View as View8,
   Text as Text4,
   Pressable as Pressable6,
   StyleSheet as StyleSheet8,
   ScrollView as ScrollView3,
-  useWindowDimensions as useWindowDimensions4
+  useWindowDimensions as useWindowDimensions5
 } from "react-native";
 import { useViewerStore as useViewerStore6 } from "@papyrus-sdk/core";
 
@@ -28518,18 +28593,18 @@ var OpacitySlider = React10.memo(function OpacitySlider2({
   isDark,
   onCommit
 }) {
-  const [trackWidth, setTrackWidth] = useState7(0);
-  const [draftValue, setDraftValue] = useState7(value);
-  const dragValueRef = useRef5(draftValue);
-  const isDraggingRef = useRef5(false);
-  const frameRef = useRef5(null);
-  useEffect6(() => {
+  const [trackWidth, setTrackWidth] = useState8(0);
+  const [draftValue, setDraftValue] = useState8(value);
+  const dragValueRef = useRef6(draftValue);
+  const isDraggingRef = useRef6(false);
+  const frameRef = useRef6(null);
+  useEffect7(() => {
     if (!isDraggingRef.current) {
       dragValueRef.current = value;
       setDraftValue(value);
     }
   }, [value]);
-  useEffect6(() => {
+  useEffect7(() => {
     return () => {
       if (frameRef.current !== null) {
         cancelAnimationFrame(frameRef.current);
@@ -28628,10 +28703,10 @@ var ToolDock = () => {
     undoAnnotations,
     redoAnnotations
   } = useViewerStore6();
-  const [paletteExpanded, setPaletteExpanded] = useState7(false);
-  const [extrasExpanded, setExtrasExpanded] = useState7(false);
+  const [paletteExpanded, setPaletteExpanded] = useState8(false);
+  const [extrasExpanded, setExtrasExpanded] = useState8(false);
   const isDark = uiTheme === "dark";
-  const { width: windowWidth } = useWindowDimensions4();
+  const { width: windowWidth } = useWindowDimensions5();
   const t = getStrings(locale);
   const panelColor = isDark ? "rgba(24,24,27,0.92)" : "rgba(255,255,255,0.96)";
   const borderColor = isDark ? "rgba(71,85,105,0.48)" : "rgba(229,231,235,0.88)";
@@ -29354,10 +29429,10 @@ var ToolDock_default = ToolDock;
 // components/RightSheet.tsx
 import {
   useCallback as useCallback4,
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useMemo as useMemo5,
-  useRef as useRef6,
-  useState as useState8
+  useRef as useRef7,
+  useState as useState9
 } from "react";
 import {
   Dimensions,
@@ -29420,10 +29495,10 @@ var PageThumbnail = ({
   shouldRenderPreview,
   onPress
 }) => {
-  const viewRef = useRef6(null);
-  const [layoutReady, setLayoutReady] = useState8(false);
-  const [previewUri, setPreviewUri] = useState8(null);
-  useEffect7(() => {
+  const viewRef = useRef7(null);
+  const [layoutReady, setLayoutReady] = useState9(false);
+  const [previewUri, setPreviewUri] = useState9(null);
+  useEffect8(() => {
     if (!layoutReady || !useNativePreview || !shouldRenderPreview) return;
     const viewTag = findNodeHandle2(viewRef.current);
     if (!viewTag) return;
@@ -29438,7 +29513,7 @@ var PageThumbnail = ({
     useNativePreview,
     zoom
   ]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!useImagePreview || !shouldRenderPreview) {
       setPreviewUri(null);
       return;
@@ -29568,10 +29643,10 @@ var RightSheet = ({
     locale,
     accentColor
   } = useViewerStore7();
-  const [pagesMode, setPagesMode] = useState8(
+  const [pagesMode, setPagesMode] = useState9(
     documentType === "pdf" || documentType === "comic" ? "thumbnails" : "summary"
   );
-  useEffect7(() => {
+  useEffect8(() => {
     setPagesMode(
       documentType === "pdf" || documentType === "comic" ? "thumbnails" : "summary"
     );
@@ -29595,11 +29670,11 @@ var RightSheet = ({
   );
   const useNativePreview = renderTarget !== "webview" && hasNativePageView;
   const useImagePreview = documentType === "comic" && renderTarget === "webview" && typeof engine.getPagePreview === "function";
-  const thumbnailDimensionsCacheRef = useRef6(/* @__PURE__ */ new Map());
-  const thumbnailDimensionsPendingRef = useRef6(/* @__PURE__ */ new Set());
-  const thumbnailRefreshTimeoutRef = useRef6(null);
-  const [thumbnailLayoutRevision, setThumbnailLayoutRevision] = useState8(0);
-  const [visibleThumbnailPages, setVisibleThumbnailPages] = useState8(() => /* @__PURE__ */ new Set());
+  const thumbnailDimensionsCacheRef = useRef7(/* @__PURE__ */ new Map());
+  const thumbnailDimensionsPendingRef = useRef7(/* @__PURE__ */ new Set());
+  const thumbnailRefreshTimeoutRef = useRef7(null);
+  const [thumbnailLayoutRevision, setThumbnailLayoutRevision] = useState9(0);
+  const [visibleThumbnailPages, setVisibleThumbnailPages] = useState9(() => /* @__PURE__ */ new Set());
   const resolvedThumbsInitialCount = useMemo5(
     () => resolvePositiveInt2(
       thumbsInitialCount,
@@ -29669,7 +29744,7 @@ var RightSheet = ({
     },
     [frameWidth, thumbnailLayoutRevision]
   );
-  useEffect7(
+  useEffect8(
     () => () => {
       if (thumbnailRefreshTimeoutRef.current) {
         clearTimeout(thumbnailRefreshTimeoutRef.current);
@@ -29677,11 +29752,11 @@ var RightSheet = ({
     },
     []
   );
-  useEffect7(() => {
+  useEffect8(() => {
     if (sidebarRightOpen) return;
     setVisibleThumbnailPages(/* @__PURE__ */ new Set());
   }, [sidebarRightOpen]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!sidebarRightOpen || sidebarRightTab !== "pages") return;
     if (activeMobileDestination === "pages") {
       setPagesMode("thumbnails");
@@ -29689,7 +29764,7 @@ var RightSheet = ({
     }
     setPagesMode("summary");
   }, [activeMobileDestination, sidebarRightOpen, sidebarRightTab]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!sidebarRightOpen || sidebarRightTab !== "pages") return;
     if (pagesMode !== "thumbnails" || !supportsThumbnails) return;
     if (pageCount <= 0) return;
@@ -30305,7 +30380,7 @@ var styles9 = StyleSheet9.create({
 var RightSheet_default = RightSheet;
 
 // components/AnnotationEditor.tsx
-import { useEffect as useEffect8, useState as useState9 } from "react";
+import { useEffect as useEffect9, useState as useState10 } from "react";
 import {
   Modal as Modal2,
   View as View10,
@@ -30328,10 +30403,10 @@ var AnnotationEditor = () => {
   } = useViewerStore8();
   const annotation = annotations.find((ann) => ann.id === selectedAnnotationId);
   const isEditable = annotation && (annotation.type === "text" || annotation.type === "comment");
-  const [draft, setDraft] = useState9("");
+  const [draft, setDraft] = useState10("");
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isEditable) {
       setDraft(annotation?.content ?? "");
     }
@@ -30458,7 +30533,7 @@ var styles10 = StyleSheet10.create({
 var AnnotationEditor_default = AnnotationEditor;
 
 // components/BottomBar.tsx
-import { View as View11, Pressable as Pressable9, StyleSheet as StyleSheet11, useWindowDimensions as useWindowDimensions5 } from "react-native";
+import { View as View11, Pressable as Pressable9, StyleSheet as StyleSheet11, useWindowDimensions as useWindowDimensions6 } from "react-native";
 import { useViewerStore as useViewerStore9 } from "@papyrus-sdk/core";
 
 // components/bottomBarModel.ts
@@ -30526,7 +30601,7 @@ var BottomBar = ({
   } = useViewerStore9();
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
-  const { width, height } = useWindowDimensions5();
+  const { width, height } = useWindowDimensions6();
   const isLandscape = width > height;
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
   const iconColor = (active) => {
@@ -31314,7 +31389,7 @@ var styles12 = StyleSheet12.create({
 var SettingsSheet_default = SettingsSheet;
 
 // components/CoverPreview.tsx
-import { useEffect as useEffect9, useMemo as useMemo6, useRef as useRef7, useState as useState10 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo6, useRef as useRef8, useState as useState11 } from "react";
 import {
   ActivityIndicator,
   StyleSheet as StyleSheet13,
@@ -31372,18 +31447,18 @@ var CoverPreview = ({
   onLoadEnd,
   onError
 }) => {
-  const [engine, setEngine] = useState10(null);
-  const [layoutReady, setLayoutReady] = useState10(false);
-  const [loaded, setLoaded] = useState10(false);
-  const [loading, setLoading] = useState10(false);
-  const [error, setError] = useState10(null);
-  const viewRef = useRef7(null);
+  const [engine, setEngine] = useState11(null);
+  const [layoutReady, setLayoutReady] = useState11(false);
+  const [loaded, setLoaded] = useState11(false);
+  const [loading, setLoading] = useState11(false);
+  const [error, setError] = useState11(null);
+  const viewRef = useRef8(null);
   const resolvedType = useMemo6(() => inferDocumentType(source, type), [source, type]);
   const isPdf = resolvedType === "pdf";
   const hasNativePageView = Boolean(UIManager2.getViewManagerConfig?.("PapyrusPageView"));
   const canRender = !isPdf || hasNativePageView;
   const shouldRender = Boolean(visible);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!shouldRender) {
       if (!keepAlive) {
         setEngine(null);
@@ -31396,7 +31471,7 @@ var CoverPreview = ({
       setEngine(new MobileDocumentEngine());
     }
   }, [shouldRender, keepAlive, engine, canRender]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!engine || !shouldRender || !canRender) return;
     let active = true;
     setLoading(true);
@@ -31423,13 +31498,13 @@ var CoverPreview = ({
       active = false;
     };
   }, [engine, shouldRender, canRender, source, type, pageIndex, isPdf, onLoadStart, onLoadEnd, onError]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!engine || !isPdf || !loaded || !layoutReady || !shouldRender || !canRender) return;
     const viewTag = findNodeHandle3(viewRef.current);
     if (!viewTag) return;
     engine.renderPage(pageIndex, viewTag, renderScale);
   }, [engine, isPdf, loaded, layoutReady, shouldRender, canRender, pageIndex, renderScale]);
-  useEffect9(() => {
+  useEffect10(() => {
     return () => {
       engine?.destroy();
     };
@@ -31496,7 +31571,7 @@ var styles13 = StyleSheet13.create({
 var CoverPreview_default = CoverPreview;
 
 // components/ReadingShell.tsx
-import React16, { useState as useState13 } from "react";
+import React16, { useState as useState14 } from "react";
 import { Keyboard as Keyboard2, View as View19, StyleSheet as StyleSheet20 } from "react-native";
 import { useViewerStore as useViewerStore17 } from "@papyrus-sdk/core";
 
@@ -31860,14 +31935,14 @@ var styles16 = StyleSheet16.create({
 });
 
 // components/ProgressPill.tsx
-import { useEffect as useEffect10, useMemo as useMemo7, useRef as useRef8, useState as useState11 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo7, useRef as useRef9, useState as useState12 } from "react";
 import {
-  Animated as Animated2,
+  Animated as Animated3,
   PanResponder as PanResponder2,
   StyleSheet as StyleSheet17,
   Text as Text12,
   View as View17,
-  useWindowDimensions as useWindowDimensions6
+  useWindowDimensions as useWindowDimensions7
 } from "react-native";
 import { useViewerStore as useViewerStore14 } from "@papyrus-sdk/core";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -31889,35 +31964,35 @@ function ProgressPill({
   } = useViewerStore14();
   const isDark = uiTheme === "dark";
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
-  const { height: windowHeight } = useWindowDimensions6();
+  const { height: windowHeight } = useWindowDimensions7();
   const trackHeight = Math.max(
     180,
     Math.min(520, windowHeight - offsets.progress - offsets.bottom - 132)
   );
   const thumbHeight = 44;
-  const trackYRef = useRef8(0);
-  const scrubberRef = useRef8(null);
-  const currentPageRef = useRef8(currentPage);
+  const trackYRef = useRef9(0);
+  const scrubberRef = useRef9(null);
+  const currentPageRef = useRef9(currentPage);
   currentPageRef.current = currentPage;
-  const isScrubbingRef = useRef8(false);
-  const hasMovedRef = useRef8(false);
-  const longPressTriggeredRef = useRef8(false);
-  const longPressTimerRef = useRef8(null);
-  const pendingReleasedScrubPageRef = useRef8(null);
-  const [scrubPreviewPage, setScrubPreviewPage] = useState11(null);
-  const onNavigateToPageRef = useRef8(onNavigateToPage);
-  const onPressRef = useRef8(onPress);
-  const onOpenPageJumpRef = useRef8(onOpenPageJump);
-  const onScrubbingChangeRef = useRef8(onScrubbingChange);
+  const isScrubbingRef = useRef9(false);
+  const hasMovedRef = useRef9(false);
+  const longPressTriggeredRef = useRef9(false);
+  const longPressTimerRef = useRef9(null);
+  const pendingReleasedScrubPageRef = useRef9(null);
+  const [scrubPreviewPage, setScrubPreviewPage] = useState12(null);
+  const onNavigateToPageRef = useRef9(onNavigateToPage);
+  const onPressRef = useRef9(onPress);
+  const onOpenPageJumpRef = useRef9(onOpenPageJump);
+  const onScrubbingChangeRef = useRef9(onScrubbingChange);
   onScrubbingChangeRef.current = onScrubbingChange;
-  const scrubToPositionRef = useRef8(() => {
+  const scrubToPositionRef = useRef9(() => {
   });
-  const scrubNavigationControllerRef = useRef8(
+  const scrubNavigationControllerRef = useRef9(
     createPageScrubberNavigationController((page) => {
       onNavigateToPageRef.current?.(page);
     })
   );
-  const scrubberResponderRef = useRef8(null);
+  const scrubberResponderRef = useRef9(null);
   const touchPolicy = resolvePageScrubberTouchPolicy();
   const displayedPage = scrubPreviewPage ?? currentPage;
   const label = useMemo7(() => {
@@ -31937,31 +32012,31 @@ function ProgressPill({
     thumbHeight,
     pageCount
   });
-  const thumbTopRef = useRef8(new Animated2.Value(thumbTop));
-  const thumbTopSnapshotRef = useRef8(thumbTop);
+  const thumbTopRef = useRef9(new Animated3.Value(thumbTop));
+  const thumbTopSnapshotRef = useRef9(thumbTop);
   thumbTopSnapshotRef.current = thumbTop;
-  const scrubberMetricsRef = useRef8({ trackHeight, thumbHeight, pageCount });
+  const scrubberMetricsRef = useRef9({ trackHeight, thumbHeight, pageCount });
   scrubberMetricsRef.current = { trackHeight, thumbHeight, pageCount };
-  useEffect10(() => {
+  useEffect11(() => {
     onNavigateToPageRef.current = onNavigateToPage;
   }, [onNavigateToPage]);
-  useEffect10(() => {
+  useEffect11(() => {
     onPressRef.current = onPress;
     onOpenPageJumpRef.current = onOpenPageJump;
   }, [onOpenPageJump, onPress]);
-  useEffect10(() => {
+  useEffect11(() => {
     const pendingPage = pendingReleasedScrubPageRef.current;
     if (pendingPage !== null && currentPage === pendingPage) {
       pendingReleasedScrubPageRef.current = null;
       setScrubPreviewPage(null);
     }
   }, [currentPage]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!isScrubbingRef.current) {
       thumbTopRef.current.setValue(thumbTop);
     }
   }, [thumbTop, thumbTopRef]);
-  useEffect10(
+  useEffect11(
     () => () => {
       if (longPressTimerRef.current !== null) {
         clearTimeout(longPressTimerRef.current);
@@ -32100,7 +32175,7 @@ function ProgressPill({
           },
           children: [
             /* @__PURE__ */ jsx20(View17, { style: [styles17.track, isDark && styles17.trackDark] }),
-            /* @__PURE__ */ jsx20(Animated2.View, { style: [styles17.thumb, { top: thumbTopRef.current }], children: /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsx20(Animated3.View, { style: [styles17.thumb, { top: thumbTopRef.current }], children: /* @__PURE__ */ jsxs17(
               View17,
               {
                 style: [
@@ -32199,7 +32274,7 @@ var styles17 = StyleSheet17.create({
 });
 
 // components/SearchOverlay.tsx
-import React15, { useEffect as useEffect11, useMemo as useMemo8, useState as useState12 } from "react";
+import React15, { useEffect as useEffect12, useMemo as useMemo8, useState as useState13 } from "react";
 import {
   Keyboard,
   Pressable as Pressable12,
@@ -32230,19 +32305,19 @@ function SearchOverlay({
     uiTheme,
     accentColor
   } = useViewerStore15();
-  const [draft, setDraft] = useState12(searchQuery);
-  const [isSearching, setIsSearching] = useState12(false);
+  const [draft, setDraft] = useState13(searchQuery);
+  const [isSearching, setIsSearching] = useState13(false);
   const searchRequestIdRef = React15.useRef(0);
   const isDark = uiTheme === "dark";
   const offsets = resolveMobileChromeOffsets(usePapyrusSafeAreaInsets());
   const t = getStrings(locale);
   const searchService = useMemo8(() => new SearchService(engine), [engine]);
-  useEffect11(() => {
+  useEffect12(() => {
     searchService.clearCache();
   }, [isLoaded, pageCount, searchService]);
   const currentCount = searchResults.length > 0 && activeSearchIndex >= 0 ? activeSearchIndex + 1 : 0;
   const targetLabel = documentType === "pdf" ? t.page : documentType === "epub" ? t.contents : t.progress;
-  useEffect11(() => {
+  useEffect12(() => {
     if (!visible) return;
     setDraft(searchQuery);
   }, [searchQuery, visible]);
@@ -32636,13 +32711,13 @@ function ReadingShell({
     uiTheme,
     accentColor
   } = useViewerStore17();
-  const [overflowOpen, setOverflowOpen] = useState13(false);
-  const [infoOpen, setInfoOpen] = useState13(false);
-  const [actionsOpen, setActionsOpen] = useState13(false);
-  const [settingsOpen, setSettingsOpen] = useState13(false);
-  const [searchResultsOpen, setSearchResultsOpen] = useState13(false);
-  const [pageJumpOpen, setPageJumpOpen] = useState13(false);
-  const [pageScrubActive, setPageScrubActive] = useState13(false);
+  const [overflowOpen, setOverflowOpen] = useState14(false);
+  const [infoOpen, setInfoOpen] = useState14(false);
+  const [actionsOpen, setActionsOpen] = useState14(false);
+  const [settingsOpen, setSettingsOpen] = useState14(false);
+  const [searchResultsOpen, setSearchResultsOpen] = useState14(false);
+  const [pageJumpOpen, setPageJumpOpen] = useState14(false);
+  const [pageScrubActive, setPageScrubActive] = useState14(false);
   const isDark = uiTheme === "dark";
   React16.useEffect(() => {
     const showSubscription = Keyboard2.addListener("keyboardDidShow", () => {
@@ -32758,7 +32833,11 @@ function ReadingShell({
           setSearchResultsOpen(false);
           closeMobileDestination();
         },
-        onOpenResults: () => setSearchResultsOpen(true)
+        onOpenResults: () => {
+          Keyboard2.dismiss();
+          setSearchResultsOpen(true);
+          closeMobileDestination();
+        }
       }
     ),
     /* @__PURE__ */ jsx23(
@@ -32853,6 +32932,7 @@ export {
   BottomBar_default as BottomBar,
   CoverPreview_default as CoverPreview,
   DocumentActionsSheet,
+  IconPageNav,
   InfoSheet,
   MOBILE_CHROME_METRICS,
   MobilePerfProvider,