@papyrus-sdk/ui-react-native 0.2.18-beta.8 → 0.2.18

package/dist/index.mjs

@@ -27041,18 +27041,13 @@ import { useCallback as useCallback4, useEffect as useEffect7, useMemo as useMem
 import {
   Dimensions,
   Platform as Platform3,
-  Pressable as Pressable6,
-  StyleSheet as StyleSheet8,
-  Text as Text4,
+  Pressable as Pressable7,
+  StyleSheet as StyleSheet9,
+  Text as Text5,
   UIManager,
-  View as View8,
+  View as View9,
   findNodeHandle as findNodeHandle2
 } from "react-native";
-import BottomSheet, {
-  BottomSheetBackdrop,
-  BottomSheetFlatList,
-  BottomSheetScrollView
-} from "@gorhom/bottom-sheet";
 import { useViewerStore as useViewerStore7 } from "@papyrus-sdk/core";
 import { PapyrusPageView as PapyrusPageView2 } from "@papyrus-sdk/engine-native";
 
@@ -27062,8 +27057,150 @@ var resolveRightSheetHeight = ({
   showingNotes
 }) => showingNotes ? Math.min(440, windowHeight * 0.56) : Math.min(640, windowHeight * 0.72);
 
-// components/RightSheet.tsx
+// components/NativeSheet.tsx
+import {
+  FlatList as FlatList2,
+  Modal as Modal2,
+  Pressable as Pressable6,
+  ScrollView as ScrollView3,
+  StyleSheet as StyleSheet8,
+  Text as Text4,
+  View as View8
+} from "react-native";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function NativeSheet({
+  visible,
+  onClose,
+  children,
+  isDark,
+  maxHeight,
+  title,
+  closeAccessibilityLabel = "Close sheet",
+  showHeader = false,
+  sheetStyle
+}) {
+  return /* @__PURE__ */ jsx9(
+    Modal2,
+    {
+      animationType: "fade",
+      transparent: true,
+      visible,
+      onRequestClose: onClose,
+      children: /* @__PURE__ */ jsxs9(View8, { style: styles8.root, children: [
+        /* @__PURE__ */ jsx9(
+          Pressable6,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: closeAccessibilityLabel,
+            style: styles8.backdrop,
+            onPress: onClose
+          }
+        ),
+        /* @__PURE__ */ jsxs9(
+          View8,
+          {
+            style: [
+              styles8.sheet,
+              isDark && styles8.sheetDark,
+              maxHeight ? { maxHeight } : null,
+              sheetStyle
+            ],
+            children: [
+              showHeader ? /* @__PURE__ */ jsxs9(View8, { style: styles8.header, children: [
+                /* @__PURE__ */ jsx9(
+                  Pressable6,
+                  {
+                    onPress: onClose,
+                    style: [
+                      styles8.closeButton,
+                      isDark && styles8.closeButtonDark
+                    ],
+                    accessibilityLabel: closeAccessibilityLabel,
+                    children: /* @__PURE__ */ jsx9(IconClose, { size: 18, color: isDark ? "#f8fafc" : "#111827" })
+                  }
+                ),
+                /* @__PURE__ */ jsx9(
+                  Text4,
+                  {
+                    style: [styles8.title, isDark && styles8.titleDark],
+                    numberOfLines: 1,
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ jsx9(View8, { style: styles8.headerSpacer })
+              ] }) : null,
+              children
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function NativeSheetScrollView(props) {
+  return /* @__PURE__ */ jsx9(ScrollView3, { ...props });
+}
+function NativeSheetFlatList(props) {
+  return /* @__PURE__ */ jsx9(FlatList2, { ...props });
+}
+var styles8 = StyleSheet8.create({
+  root: {
+    flex: 1,
+    justifyContent: "flex-end"
+  },
+  backdrop: {
+    ...StyleSheet8.absoluteFillObject,
+    backgroundColor: "rgba(0, 0, 0, 0.4)"
+  },
+  sheet: {
+    maxHeight: "78%",
+    width: "100%",
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    borderTopWidth: 1,
+    borderTopColor: "#e5e7eb",
+    backgroundColor: "#ffffff"
+  },
+  sheetDark: {
+    borderTopColor: "#1f2937",
+    backgroundColor: "#0f1115"
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingTop: 16,
+    paddingBottom: 14
+  },
+  headerSpacer: {
+    width: 42
+  },
+  closeButton: {
+    width: 42,
+    height: 42,
+    borderRadius: 21,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#f1f5f9"
+  },
+  closeButtonDark: {
+    backgroundColor: "#111827"
+  },
+  title: {
+    flex: 1,
+    textAlign: "center",
+    fontSize: 18,
+    fontWeight: "800",
+    color: "#111827"
+  },
+  titleDark: {
+    color: "#f8fafc"
+  }
+});
+
+// components/RightSheet.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var THUMBNAILS_INITIAL_NUM_TO_RENDER = 4;
 var THUMBNAILS_WINDOW_SIZE = 5;
 var THUMBNAILS_MAX_TO_RENDER_PER_BATCH = 6;
@@ -27118,36 +27255,36 @@ var PageThumbnail = ({
       setLayoutReady(true);
     }
   };
-  return /* @__PURE__ */ jsxs9(
-    Pressable6,
+  return /* @__PURE__ */ jsxs10(
+    Pressable7,
     {
       onPress,
       style: [
-        styles8.thumbCard,
+        styles9.thumbCard,
         { width: cardWidth },
-        isDark && styles8.thumbCardDark,
-        isActive && styles8.thumbCardActive,
+        isDark && styles9.thumbCardDark,
+        isActive && styles9.thumbCardActive,
         isActive && { borderColor: accentColor }
       ],
       children: [
-        /* @__PURE__ */ jsx9(
-          View8,
+        /* @__PURE__ */ jsx10(
+          View9,
           {
             onLayout: handleLayout,
-            style: [styles8.thumbFrame, { width: frameWidth, height: frameHeight }],
-            children: useNativePreview && shouldRenderPreview ? /* @__PURE__ */ jsx9(PapyrusPageView2, { ref: viewRef, style: styles8.thumbView }) : /* @__PURE__ */ jsx9(View8, { style: [styles8.thumbFallback, isDark && styles8.thumbFallbackDark], children: /* @__PURE__ */ jsx9(
-              Text4,
+            style: [styles9.thumbFrame, { width: frameWidth, height: frameHeight }],
+            children: useNativePreview && shouldRenderPreview ? /* @__PURE__ */ jsx10(PapyrusPageView2, { ref: viewRef, style: styles9.thumbView }) : /* @__PURE__ */ jsx10(View9, { style: [styles9.thumbFallback, isDark && styles9.thumbFallbackDark], children: /* @__PURE__ */ jsx10(
+              Text5,
               {
                 style: [
-                  styles8.thumbFallbackText,
-                  isDark && styles8.thumbFallbackTextDark
+                  styles9.thumbFallbackText,
+                  isDark && styles9.thumbFallbackTextDark
                 ],
                 children: pageIndex + 1
               }
             ) })
           }
         ),
-        /* @__PURE__ */ jsx9(Text4, { style: [styles8.thumbLabel, isDark && styles8.thumbLabelDark], children: pageIndex + 1 })
+        /* @__PURE__ */ jsx10(Text5, { style: [styles9.thumbLabel, isDark && styles9.thumbLabelDark], children: pageIndex + 1 })
       ]
     }
   );
@@ -27155,21 +27292,21 @@ var PageThumbnail = ({
 var OutlineNode = ({ item, depth = 0, isDark, onSelect, untitledLabel }) => {
   const hasChildren = item.children && item.children.length > 0;
   const isClickable = item.pageIndex >= 0;
-  return /* @__PURE__ */ jsxs9(View8, { children: [
-    /* @__PURE__ */ jsx9(
-      Pressable6,
+  return /* @__PURE__ */ jsxs10(View9, { children: [
+    /* @__PURE__ */ jsx10(
+      Pressable7,
       {
         onPress: () => {
           if (isClickable) onSelect(item.pageIndex);
         },
-        style: [styles8.outlineRow, { paddingLeft: 12 + depth * 12 }],
-        children: /* @__PURE__ */ jsx9(
-          Text4,
+        style: [styles9.outlineRow, { paddingLeft: 12 + depth * 12 }],
+        children: /* @__PURE__ */ jsx10(
+          Text5,
           {
             style: [
-              styles8.outlineText,
-              isDark && styles8.outlineTextDark,
-              !isClickable && styles8.outlineTextMuted
+              styles9.outlineText,
+              isDark && styles9.outlineTextDark,
+              !isClickable && styles9.outlineTextMuted
             ],
             numberOfLines: 2,
             children: item.title || untitledLabel
@@ -27177,7 +27314,7 @@ var OutlineNode = ({ item, depth = 0, isDark, onSelect, untitledLabel }) => {
         )
       }
     ),
-    hasChildren ? item.children.map((child, index) => /* @__PURE__ */ jsx9(
+    hasChildren ? item.children.map((child, index) => /* @__PURE__ */ jsx10(
       OutlineNode,
       {
         item: child,
@@ -27222,7 +27359,6 @@ var RightSheet = ({
     windowHeight: Dimensions.get("window").height,
     showingNotes
   });
-  const snapPoints = useMemo5(() => [sheetHeight], [sheetHeight]);
   const windowWidth = Dimensions.get("window").width;
   const gridGutter = 12;
   const gridPadding = 16;
@@ -27390,7 +27526,7 @@ var RightSheet = ({
   const renderThumbnailItem = useCallback4(
     ({ item }) => {
       const shouldRenderPreview = useNativePreview && (visibleThumbnailPages.has(item) || item < resolvedThumbsPrewarmCount || Math.abs(item + 1 - currentPage) <= 1);
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         PageThumbnail,
         {
           engine,
@@ -27423,89 +27559,72 @@ var RightSheet = ({
       zoom
     ]
   );
-  const renderBackdrop = useCallback4(
-    (props) => /* @__PURE__ */ jsx9(
-      BottomSheetBackdrop,
-      {
-        ...props,
-        appearsOnIndex: 0,
-        disappearsOnIndex: -1,
-        opacity: 0.4,
-        pressBehavior: "close"
-      }
-    ),
-    []
-  );
   if (!sidebarRightOpen) return null;
-  return /* @__PURE__ */ jsx9(View8, { style: styles8.modalRoot, pointerEvents: "box-none", children: /* @__PURE__ */ jsx9(
-    BottomSheet,
+  return /* @__PURE__ */ jsx10(
+    NativeSheet,
     {
-      index: 0,
-      snapPoints,
-      enablePanDownToClose: true,
+      visible: sidebarRightOpen,
       onClose: closeSheet,
-      backdropComponent: renderBackdrop,
-      backgroundStyle: [styles8.sheetBackground, isDark && styles8.sheetDark],
-      handleIndicatorStyle: [styles8.handle, isDark && styles8.handleDark],
-      handleStyle: styles8.handleContainer,
-      children: /* @__PURE__ */ jsxs9(View8, { style: styles8.sheet, children: [
-        /* @__PURE__ */ jsxs9(View8, { style: styles8.header, children: [
-          /* @__PURE__ */ jsx9(Text4, { style: [styles8.sheetTitle, isDark && styles8.sheetTitleDark], children: showingNotes ? t.notes : navigationTitle }),
-          !showingNotes ? /* @__PURE__ */ jsx9(
-            Pressable6,
+      isDark,
+      maxHeight: sheetHeight,
+      children: /* @__PURE__ */ jsxs10(View9, { style: styles9.sheet, children: [
+        /* @__PURE__ */ jsxs10(View9, { style: styles9.header, children: [
+          /* @__PURE__ */ jsx10(Text5, { style: [styles9.sheetTitle, isDark && styles9.sheetTitleDark], children: showingNotes ? t.notes : navigationTitle }),
+          !showingNotes ? /* @__PURE__ */ jsx10(
+            Pressable7,
             {
               onPress: showingProgress ? void 0 : onOpenPageJump,
               disabled: showingProgress || pageCount <= 0,
-              style: styles8.pageStatusHit,
+              style: styles9.pageStatusHit,
               accessibilityLabel: "Open page jump",
-              children: /* @__PURE__ */ jsx9(Text4, { style: [styles8.pageStatus, isDark && styles8.pageStatusDark], children: showingProgress ? `${Math.round(currentPage / Math.max(pageCount, 1) * 100)}%` : `${currentPage}/${pageCount}` })
+              children: /* @__PURE__ */ jsx10(Text5, { style: [styles9.pageStatus, isDark && styles9.pageStatusDark], children: showingProgress ? `${Math.round(currentPage / Math.max(pageCount, 1) * 100)}%` : `${currentPage}/${pageCount}` })
             }
           ) : null
         ] }),
-        !showingNotes ? /* @__PURE__ */ jsxs9(View8, { style: styles8.pagesContent, children: [
-          !showingProgress ? /* @__PURE__ */ jsx9(View8, { style: styles8.pageHeader, children: /* @__PURE__ */ jsxs9(View8, { style: [styles8.segmented, isDark && styles8.segmentedDark], children: [
-            supportsThumbnails ? /* @__PURE__ */ jsx9(
-              Pressable6,
+        !showingNotes ? /* @__PURE__ */ jsxs10(View9, { style: styles9.pagesContent, children: [
+          !showingProgress ? /* @__PURE__ */ jsx10(View9, { style: styles9.pageHeader, children: /* @__PURE__ */ jsxs10(View9, { style: [styles9.segmented, isDark && styles9.segmentedDark], children: [
+            supportsThumbnails ? /* @__PURE__ */ jsx10(
+              Pressable7,
               {
                 onPress: () => setPagesMode("thumbnails"),
                 style: [
-                  styles8.segmentButton,
-                  pagesMode === "thumbnails" && styles8.segmentButtonActive,
+                  styles9.segmentButton,
+                  pagesMode === "thumbnails" && styles9.segmentButtonActive,
                   pagesMode === "thumbnails" && {
                     backgroundColor: accentColor
                   }
                 ],
-                children: /* @__PURE__ */ jsx9(
-                  Text4,
+                children: /* @__PURE__ */ jsx10(
+                  Text5,
                   {
                     style: [
-                      styles8.segmentText,
-                      isDark && styles8.segmentTextDark,
-                      pagesMode === "thumbnails" && styles8.segmentTextActive
+                      styles9.segmentText,
+                      isDark && styles9.segmentTextDark,
+                      pagesMode === "thumbnails" && styles9.segmentTextActive
                     ],
                     children: thumbnailLabel
                   }
                 )
               }
             ) : null,
-            /* @__PURE__ */ jsx9(
-              Pressable6,
+            /* @__PURE__ */ jsx10(
+              Pressable7,
               {
                 onPress: () => setPagesMode("summary"),
                 style: [
-                  styles8.segmentButton,
-                  pagesMode === "summary" && styles8.segmentButtonActive,
+                  styles9.segmentButton,
+                  pagesMode === "summary" && styles9.segmentButtonActive,
                   pagesMode === "summary" && {
                     backgroundColor: accentColor
                   }
                 ],
-                children: /* @__PURE__ */ jsx9(
-                  Text4,
+                children: /* @__PURE__ */ jsx10(
+                  Text5,
                   {
                     style: [
-                      styles8.segmentText,
-                      isDark && styles8.segmentTextDark,
-                      pagesMode === "summary" && styles8.segmentTextActive
+                      styles9.segmentText,
+                      isDark && styles9.segmentTextDark,
+                      pagesMode === "summary" && styles9.segmentTextActive
                     ],
                     children: summaryLabel
                   }
@@ -27513,14 +27632,14 @@ var RightSheet = ({
               }
             )
           ] }) }) : null,
-          supportsThumbnails && !showingProgress && pagesMode === "thumbnails" ? /* @__PURE__ */ jsx9(
-            BottomSheetFlatList,
+          supportsThumbnails && !showingProgress && pagesMode === "thumbnails" ? /* @__PURE__ */ jsx10(
+            NativeSheetFlatList,
             {
               data: pages,
               keyExtractor: (item) => `thumb-${item}`,
               numColumns: 2,
-              contentContainerStyle: styles8.thumbGrid,
-              columnWrapperStyle: styles8.thumbRow,
+              contentContainerStyle: styles9.thumbGrid,
+              columnWrapperStyle: styles9.thumbRow,
               showsVerticalScrollIndicator: false,
               initialNumToRender: normalizedThumbsInitialCount,
               windowSize: THUMBNAILS_WINDOW_SIZE,
@@ -27531,29 +27650,29 @@ var RightSheet = ({
               onViewableItemsChanged: onThumbnailsViewableItemsChanged,
               renderItem: renderThumbnailItem
             }
-          ) : showingProgress ? /* @__PURE__ */ jsx9(
-            BottomSheetScrollView,
+          ) : showingProgress ? /* @__PURE__ */ jsx10(
+            NativeSheetScrollView,
             {
-              contentContainerStyle: styles8.summaryContent,
+              contentContainerStyle: styles9.summaryContent,
               showsVerticalScrollIndicator: false,
               children: progressEntries.map((entry) => {
                 const isActive = entry.pageIndex + 1 === currentPage;
-                return /* @__PURE__ */ jsxs9(
-                  Pressable6,
+                return /* @__PURE__ */ jsxs10(
+                  Pressable7,
                   {
                     onPress: () => jumpToPage(entry.pageIndex),
                     style: [
-                      styles8.progressRow,
-                      isDark && styles8.progressRowDark,
+                      styles9.progressRow,
+                      isDark && styles9.progressRowDark,
                       isActive && { borderColor: accentColor }
                     ],
                     children: [
-                      /* @__PURE__ */ jsxs9(
-                        Text4,
+                      /* @__PURE__ */ jsxs10(
+                        Text5,
                         {
                           style: [
-                            styles8.progressLabel,
-                            isDark && styles8.progressLabelDark
+                            styles9.progressLabel,
+                            isDark && styles9.progressLabelDark
                           ],
                           children: [
                             entry.percent,
@@ -27561,12 +27680,12 @@ var RightSheet = ({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxs9(
-                        Text4,
+                      /* @__PURE__ */ jsxs10(
+                        Text5,
                         {
                           style: [
-                            styles8.progressMeta,
-                            isDark && styles8.progressMetaDark
+                            styles9.progressMeta,
+                            isDark && styles9.progressMetaDark
                           ],
                           children: [
                             t.page,
@@ -27581,12 +27700,12 @@ var RightSheet = ({
                 );
               })
             }
-          ) : /* @__PURE__ */ jsx9(
-            BottomSheetScrollView,
+          ) : /* @__PURE__ */ jsx10(
+            NativeSheetScrollView,
             {
-              contentContainerStyle: styles8.summaryContent,
+              contentContainerStyle: styles9.summaryContent,
               showsVerticalScrollIndicator: false,
-              children: outline.length === 0 ? /* @__PURE__ */ jsx9(Text4, { style: [styles8.emptyText, isDark && styles8.emptyTextDark], children: t.noSummary }) : outline.map((item, index) => /* @__PURE__ */ jsx9(
+              children: outline.length === 0 ? /* @__PURE__ */ jsx10(Text5, { style: [styles9.emptyText, isDark && styles9.emptyTextDark], children: t.noSummary }) : outline.map((item, index) => /* @__PURE__ */ jsx10(
                 OutlineNode,
                 {
                   item,
@@ -27598,32 +27717,32 @@ var RightSheet = ({
               ))
             }
           )
-        ] }) : /* @__PURE__ */ jsx9(
-          BottomSheetScrollView,
+        ] }) : /* @__PURE__ */ jsx10(
+          NativeSheetScrollView,
           {
-            contentContainerStyle: styles8.content,
+            contentContainerStyle: styles9.content,
             showsVerticalScrollIndicator: false,
-            children: annotations.length === 0 ? /* @__PURE__ */ jsx9(Text4, { style: [styles8.emptyText, isDark && styles8.emptyTextDark], children: t.noAnnotations }) : /* @__PURE__ */ jsx9(View8, { children: annotations.map((ann) => /* @__PURE__ */ jsxs9(
-              Pressable6,
+            children: annotations.length === 0 ? /* @__PURE__ */ jsx10(Text5, { style: [styles9.emptyText, isDark && styles9.emptyTextDark], children: t.noAnnotations }) : /* @__PURE__ */ jsx10(View9, { children: annotations.map((ann) => /* @__PURE__ */ jsxs10(
+              Pressable7,
               {
                 onPress: () => {
                   setSelectedAnnotation(ann.id);
                   triggerScrollToPage(ann.pageIndex);
                   closeSheet();
                 },
-                style: [styles8.noteCard, isDark && styles8.noteCardDark],
+                style: [styles9.noteCard, isDark && styles9.noteCardDark],
                 children: [
-                  /* @__PURE__ */ jsxs9(View8, { style: styles8.noteHeader, children: [
-                    /* @__PURE__ */ jsx9(
-                      View8,
+                  /* @__PURE__ */ jsxs10(View9, { style: styles9.noteHeader, children: [
+                    /* @__PURE__ */ jsx10(
+                      View9,
                       {
-                        style: [styles8.noteDot, { backgroundColor: ann.color }]
+                        style: [styles9.noteDot, { backgroundColor: ann.color }]
                       }
                     ),
-                    /* @__PURE__ */ jsxs9(
-                      Text4,
+                    /* @__PURE__ */ jsxs10(
+                      Text5,
                       {
-                        style: [styles8.noteTitle, isDark && styles8.noteTitleDark],
+                        style: [styles9.noteTitle, isDark && styles9.noteTitleDark],
                         children: [
                           t.page,
                           " ",
@@ -27632,23 +27751,23 @@ var RightSheet = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx9(
-                    Text4,
+                  /* @__PURE__ */ jsx10(
+                    Text5,
                     {
                       style: [
-                        styles8.noteType,
-                        isDark && styles8.noteTypeDark,
+                        styles9.noteType,
+                        isDark && styles9.noteTypeDark,
                         { color: accentColor }
                       ],
                       children: ann.type === "comment" || ann.type === "text" ? t.note.toUpperCase() : ann.type.toUpperCase()
                     }
                   ),
-                  ann.content ? /* @__PURE__ */ jsx9(
-                    Text4,
+                  ann.content ? /* @__PURE__ */ jsx10(
+                    Text5,
                     {
                       style: [
-                        styles8.noteContent,
-                        isDark && styles8.noteContentDark
+                        styles9.noteContent,
+                        isDark && styles9.noteContentDark
                       ],
                       children: ann.content
                     }
@@ -27661,41 +27780,13 @@ var RightSheet = ({
         )
       ] })
     }
-  ) });
+  );
 };
-var styles8 = StyleSheet8.create({
-  modalRoot: {
-    ...StyleSheet8.absoluteFillObject,
-    zIndex: 30
-  },
+var styles9 = StyleSheet9.create({
   sheet: {
-    flex: 1,
+    maxHeight: "100%",
     paddingBottom: 16
   },
-  sheetBackground: {
-    backgroundColor: "#ffffff",
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-    borderTopWidth: 1,
-    borderTopColor: "#e5e7eb"
-  },
-  sheetDark: {
-    backgroundColor: "#0f1115",
-    borderTopColor: "#1f2937"
-  },
-  handleContainer: {
-    paddingTop: 10,
-    paddingBottom: 12
-  },
-  handle: {
-    width: 44,
-    height: 4,
-    borderRadius: 999,
-    backgroundColor: "#cbd5f5"
-  },
-  handleDark: {
-    backgroundColor: "#374151"
-  },
   header: {
     paddingHorizontal: 16,
     marginBottom: 10,
@@ -27937,15 +28028,15 @@ var RightSheet_default = RightSheet;
 // components/AnnotationEditor.tsx
 import { useEffect as useEffect8, useState as useState8 } from "react";
 import {
-  Modal as Modal2,
-  View as View9,
-  Text as Text5,
+  Modal as Modal3,
+  View as View10,
+  Text as Text6,
   TextInput as TextInput2,
-  Pressable as Pressable7,
-  StyleSheet as StyleSheet9
+  Pressable as Pressable8,
+  StyleSheet as StyleSheet10
 } from "react-native";
 import { useViewerStore as useViewerStore8 } from "@papyrus-sdk/core";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var AnnotationEditor = () => {
   const {
     annotations,
@@ -27972,19 +28063,19 @@ var AnnotationEditor = () => {
     updateAnnotation(annotation.id, { content: draft });
     setSelectedAnnotation(null);
   };
-  return /* @__PURE__ */ jsx10(
-    Modal2,
+  return /* @__PURE__ */ jsx11(
+    Modal3,
     {
       visible: true,
       transparent: true,
       animationType: "fade",
       onRequestClose: handleClose,
-      children: /* @__PURE__ */ jsx10(View9, { style: styles9.overlay, children: /* @__PURE__ */ jsxs10(View9, { style: [styles9.card, isDark && styles9.cardDark], children: [
-        /* @__PURE__ */ jsx10(Text5, { style: [styles9.title, isDark && styles9.titleDark], children: t.editNote }),
-        /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsx11(View10, { style: styles10.overlay, children: /* @__PURE__ */ jsxs11(View10, { style: [styles10.card, isDark && styles10.cardDark], children: [
+        /* @__PURE__ */ jsx11(Text6, { style: [styles10.title, isDark && styles10.titleDark], children: t.editNote }),
+        /* @__PURE__ */ jsx11(
           TextInput2,
           {
-            style: [styles9.input, isDark && styles9.inputDark],
+            style: [styles10.input, isDark && styles10.inputDark],
             value: draft,
             onChangeText: setDraft,
             placeholder: t.notePlaceholder,
@@ -27992,25 +28083,25 @@ var AnnotationEditor = () => {
             multiline: true
           }
         ),
-        /* @__PURE__ */ jsxs10(View9, { style: styles9.actions, children: [
-          /* @__PURE__ */ jsx10(
-            Pressable7,
+        /* @__PURE__ */ jsxs11(View10, { style: styles10.actions, children: [
+          /* @__PURE__ */ jsx11(
+            Pressable8,
             {
               onPress: handleClose,
-              style: [styles9.actionButton, styles9.actionCancel],
-              children: /* @__PURE__ */ jsx10(Text5, { style: styles9.actionText, children: t.cancel })
+              style: [styles10.actionButton, styles10.actionCancel],
+              children: /* @__PURE__ */ jsx11(Text6, { style: styles10.actionText, children: t.cancel })
             }
           ),
-          /* @__PURE__ */ jsx10(
-            Pressable7,
+          /* @__PURE__ */ jsx11(
+            Pressable8,
             {
               onPress: handleSave,
               style: [
-                styles9.actionButton,
-                styles9.actionSave,
+                styles10.actionButton,
+                styles10.actionSave,
                 { backgroundColor: accentColor }
               ],
-              children: /* @__PURE__ */ jsx10(Text5, { style: [styles9.actionText, styles9.actionTextLight], children: t.save })
+              children: /* @__PURE__ */ jsx11(Text6, { style: [styles10.actionText, styles10.actionTextLight], children: t.save })
             }
           )
         ] })
@@ -28018,7 +28109,7 @@ var AnnotationEditor = () => {
     }
   );
 };
-var styles9 = StyleSheet9.create({
+var styles10 = StyleSheet10.create({
   overlay: {
     flex: 1,
     alignItems: "center",
@@ -28088,7 +28179,7 @@ var styles9 = StyleSheet9.create({
 var AnnotationEditor_default = AnnotationEditor;
 
 // components/BottomBar.tsx
-import { View as View10, Pressable as Pressable8, StyleSheet as StyleSheet10, useWindowDimensions as useWindowDimensions5 } from "react-native";
+import { View as View11, Pressable as Pressable9, StyleSheet as StyleSheet11, useWindowDimensions as useWindowDimensions5 } from "react-native";
 import { useViewerStore as useViewerStore9 } from "@papyrus-sdk/core";
 
 // components/bottomBarModel.ts
@@ -28135,7 +28226,7 @@ function createOpenDestinationHandler(onOpenDestination, destination) {
 }
 
 // components/BottomBar.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var BottomBar = ({
   documentType,
   onOpenInfo,
@@ -28208,37 +28299,37 @@ var BottomBar = ({
     }
   };
   if (!mobileChromeVisible || !mobileDockVisible) return null;
-  return /* @__PURE__ */ jsx11(View10, { pointerEvents: "box-none", style: styles10.frame, children: /* @__PURE__ */ jsxs11(View10, { style: [styles10.row, isLandscape && styles10.rowLandscape], children: [
-    layout.leftSlots.length > 0 ? /* @__PURE__ */ jsx11(
-      View10,
+  return /* @__PURE__ */ jsx12(View11, { pointerEvents: "box-none", style: styles11.frame, children: /* @__PURE__ */ jsxs12(View11, { style: [styles11.row, isLandscape && styles11.rowLandscape], children: [
+    layout.leftSlots.length > 0 ? /* @__PURE__ */ jsx12(
+      View11,
       {
         style: [
-          styles10.island,
-          styles10.editIsland,
-          isDark && styles10.islandDark
+          styles11.island,
+          styles11.editIsland,
+          isDark && styles11.islandDark
         ],
         testID: "papyrus-floating-bottom-dock-edit",
         children: layout.leftSlots.map((slot) => {
           const meta = slotMeta[slot.key];
           const Icon = meta.icon;
-          return /* @__PURE__ */ jsx11(
-            Pressable8,
+          return /* @__PURE__ */ jsx12(
+            Pressable9,
             {
               onPress: meta.onPress,
               style: [
-                styles10.iconOnlyItem,
-                slot.active && styles10.itemActive
+                styles11.iconOnlyItem,
+                slot.active && styles11.itemActive
               ],
               accessibilityLabel: meta.label,
-              children: /* @__PURE__ */ jsx11(
-                View10,
+              children: /* @__PURE__ */ jsx12(
+                View11,
                 {
                   style: [
-                    styles10.itemIcon,
-                    isDark && styles10.itemIconDark,
-                    slot.active && styles10.itemIconActive
+                    styles11.itemIcon,
+                    isDark && styles11.itemIconDark,
+                    slot.active && styles11.itemIconActive
                   ],
-                  children: /* @__PURE__ */ jsx11(
+                  children: /* @__PURE__ */ jsx12(
                     Icon,
                     {
                       size: MOBILE_CHROME_METRICS.iconSize,
@@ -28253,33 +28344,33 @@ var BottomBar = ({
         })
       }
     ) : null,
-    /* @__PURE__ */ jsx11(
-      View10,
+    /* @__PURE__ */ jsx12(
+      View11,
       {
         style: [
-          styles10.island,
-          styles10.utilityIsland,
-          isDark && styles10.islandDark
+          styles11.island,
+          styles11.utilityIsland,
+          isDark && styles11.islandDark
         ],
         testID: "papyrus-floating-bottom-dock",
         children: layout.rightSlots.map((slot) => {
           const meta = slotMeta[slot.key];
           const Icon = meta.icon;
-          return /* @__PURE__ */ jsx11(
-            Pressable8,
+          return /* @__PURE__ */ jsx12(
+            Pressable9,
             {
               onPress: meta.onPress,
-              style: [styles10.iconOnlyItem, slot.active && styles10.itemActive],
+              style: [styles11.iconOnlyItem, slot.active && styles11.itemActive],
               accessibilityLabel: meta.label,
-              children: /* @__PURE__ */ jsx11(
-                View10,
+              children: /* @__PURE__ */ jsx12(
+                View11,
                 {
                   style: [
-                    styles10.itemIcon,
-                    isDark && styles10.itemIconDark,
-                    slot.active && styles10.itemIconActive
+                    styles11.itemIcon,
+                    isDark && styles11.itemIconDark,
+                    slot.active && styles11.itemIconActive
                   ],
-                  children: /* @__PURE__ */ jsx11(
+                  children: /* @__PURE__ */ jsx12(
                     Icon,
                     {
                       size: MOBILE_CHROME_METRICS.iconSize,
@@ -28296,7 +28387,7 @@ var BottomBar = ({
     )
   ] }) });
 };
-var styles10 = StyleSheet10.create({
+var styles11 = StyleSheet11.create({
   frame: {
     position: "absolute",
     left: 0,
@@ -28376,14 +28467,9 @@ var styles10 = StyleSheet10.create({
 var BottomBar_default = BottomBar;
 
 // components/SettingsSheet.tsx
-import { useCallback as useCallback5, useMemo as useMemo6 } from "react";
-import { Dimensions as Dimensions2, View as View11, Text as Text6, Pressable as Pressable9, StyleSheet as StyleSheet11 } from "react-native";
-import BottomSheet2, {
-  BottomSheetBackdrop as BottomSheetBackdrop2,
-  BottomSheetScrollView as BottomSheetScrollView2
-} from "@gorhom/bottom-sheet";
+import { Dimensions as Dimensions2, View as View12, Text as Text7, Pressable as Pressable10, StyleSheet as StyleSheet12 } from "react-native";
 import { useViewerStore as useViewerStore10 } from "@papyrus-sdk/core";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var PAGE_THEME_OPTIONS = [
   { value: "normal", labelKey: "themeOriginal" },
   { value: "sepia", labelKey: "themeSepia" },
@@ -28392,19 +28478,19 @@ var PAGE_THEME_OPTIONS = [
 ];
 var ThemeSwatch = ({ value }) => {
   if (value === "high-contrast") {
-    return /* @__PURE__ */ jsxs12(View11, { style: [styles11.themeSwatch, styles11.themeSwatchContrast], children: [
-      /* @__PURE__ */ jsx12(View11, { style: styles11.themeSwatchContrastHalfDark }),
-      /* @__PURE__ */ jsx12(View11, { style: styles11.themeSwatchContrastHalfLight })
+    return /* @__PURE__ */ jsxs13(View12, { style: [styles12.themeSwatch, styles12.themeSwatchContrast], children: [
+      /* @__PURE__ */ jsx13(View12, { style: styles12.themeSwatchContrastHalfDark }),
+      /* @__PURE__ */ jsx13(View12, { style: styles12.themeSwatchContrastHalfLight })
     ] });
   }
-  return /* @__PURE__ */ jsx12(
-    View11,
+  return /* @__PURE__ */ jsx13(
+    View12,
     {
       style: [
-        styles11.themeSwatch,
-        value === "normal" && styles11.themeSwatchNormal,
-        value === "sepia" && styles11.themeSwatchSepia,
-        value === "dark" && styles11.themeSwatchDark
+        styles12.themeSwatch,
+        value === "normal" && styles12.themeSwatchNormal,
+        value === "sepia" && styles12.themeSwatchSepia,
+        value === "dark" && styles12.themeSwatchDark
       ]
     }
   );
@@ -28427,23 +28513,7 @@ var SettingsSheet = ({
   const isPaged = viewMode === "single";
   const isDouble = viewMode === "double";
   const t = getStrings(locale);
-  const snapPoints = useMemo6(
-    () => [Math.min(640, Dimensions2.get("window").height * 0.72)],
-    []
-  );
-  const renderBackdrop = useCallback5(
-    (props) => /* @__PURE__ */ jsx12(
-      BottomSheetBackdrop2,
-      {
-        ...props,
-        appearsOnIndex: 0,
-        disappearsOnIndex: -1,
-        opacity: 0.4,
-        pressBehavior: "close"
-      }
-    ),
-    []
-  );
+  const sheetMaxHeight = Math.min(640, Dimensions2.get("window").height * 0.72);
   const handleTransition = (mode) => {
     if (mode === "paged") {
       setDocumentState({ viewMode: "single" });
@@ -28469,73 +28539,72 @@ var SettingsSheet = ({
     engine.setZoom(next);
     setDocumentState({ zoom: next });
   };
-  return /* @__PURE__ */ jsx12(View11, { style: styles11.modalRoot, pointerEvents: "box-none", children: /* @__PURE__ */ jsx12(
-    BottomSheet2,
+  return /* @__PURE__ */ jsx13(
+    NativeSheet,
     {
-      index: visible ? 0 : -1,
-      snapPoints,
-      enablePanDownToClose: true,
+      visible,
       onClose,
-      backdropComponent: renderBackdrop,
-      backgroundStyle: [styles11.sheetBackground, isDark && styles11.sheetDark],
-      handleIndicatorStyle: [styles11.handle, isDark && styles11.handleDark],
-      handleStyle: styles11.handleContainer,
-      children: /* @__PURE__ */ jsxs12(
-        BottomSheetScrollView2,
+      isDark,
+      maxHeight: sheetMaxHeight,
+      showHeader: true,
+      title: locale === "pt-BR" ? "Exibicao" : "Display",
+      closeAccessibilityLabel: "Close settings",
+      children: /* @__PURE__ */ jsxs13(
+        NativeSheetScrollView,
         {
-          style: styles11.sheet,
-          contentContainerStyle: styles11.sheetContent,
+          style: styles12.sheet,
+          contentContainerStyle: styles12.sheetContent,
           showsVerticalScrollIndicator: false,
           children: [
-            /* @__PURE__ */ jsxs12(View11, { style: styles11.section, children: [
-              /* @__PURE__ */ jsx12(
-                Text6,
+            /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
+              /* @__PURE__ */ jsx13(
+                Text7,
                 {
-                  style: [styles11.sectionTitle, isDark && styles11.sectionTitleDark],
+                  style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.appearance
                 }
               ),
-              /* @__PURE__ */ jsxs12(View11, { style: styles11.optionRow, children: [
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+              /* @__PURE__ */ jsxs13(View12, { style: styles12.optionRow, children: [
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => setDocumentState({ uiTheme: "light" }),
                     style: [
-                      styles11.optionButton,
-                      isDark && styles11.optionButtonDark,
-                      uiTheme === "light" && styles11.optionButtonActive,
+                      styles12.optionButton,
+                      isDark && styles12.optionButtonDark,
+                      uiTheme === "light" && styles12.optionButtonActive,
                       uiTheme === "light" && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
                         style: [
-                          styles11.optionText,
-                          isDark && styles11.optionTextDark,
-                          uiTheme === "light" && styles11.optionTextActive
+                          styles12.optionText,
+                          isDark && styles12.optionTextDark,
+                          uiTheme === "light" && styles12.optionTextActive
                         ],
                         children: t.light
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => setDocumentState({ uiTheme: "dark" }),
                     style: [
-                      styles11.optionButton,
-                      isDark && styles11.optionButtonDark,
-                      uiTheme === "dark" && styles11.optionButtonActive,
+                      styles12.optionButton,
+                      isDark && styles12.optionButtonDark,
+                      uiTheme === "dark" && styles12.optionButtonActive,
                       uiTheme === "dark" && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
                         style: [
-                          styles11.optionText,
-                          isDark && styles11.optionTextDark,
-                          uiTheme === "dark" && styles11.optionTextActive
+                          styles12.optionText,
+                          isDark && styles12.optionTextDark,
+                          uiTheme === "dark" && styles12.optionTextActive
                         ],
                         children: t.dark
                       }
@@ -28544,34 +28613,34 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs12(View11, { style: styles11.section, children: [
-              /* @__PURE__ */ jsx12(
-                Text6,
+            /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
+              /* @__PURE__ */ jsx13(
+                Text7,
                 {
-                  style: [styles11.sectionTitle, isDark && styles11.sectionTitleDark],
+                  style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.pageTheme
                 }
               ),
-              /* @__PURE__ */ jsx12(View11, { style: styles11.themeOptionRow, children: PAGE_THEME_OPTIONS.map((option) => {
+              /* @__PURE__ */ jsx13(View12, { style: styles12.themeOptionRow, children: PAGE_THEME_OPTIONS.map((option) => {
                 const active = pageTheme === option.value;
-                return /* @__PURE__ */ jsxs12(
-                  Pressable9,
+                return /* @__PURE__ */ jsxs13(
+                  Pressable10,
                   {
                     onPress: () => setDocumentState({ pageTheme: option.value }),
                     style: [
-                      styles11.themeOptionButton,
-                      isDark && styles11.themeOptionButtonDark,
-                      active && styles11.themeOptionButtonActive,
+                      styles12.themeOptionButton,
+                      isDark && styles12.themeOptionButtonDark,
+                      active && styles12.themeOptionButtonActive,
                       active && { borderColor: accentColor }
                     ],
                     children: [
-                      /* @__PURE__ */ jsx12(ThemeSwatch, { value: option.value }),
-                      /* @__PURE__ */ jsx12(
-                        Text6,
+                      /* @__PURE__ */ jsx13(ThemeSwatch, { value: option.value }),
+                      /* @__PURE__ */ jsx13(
+                        Text7,
                         {
                           style: [
-                            styles11.themeOptionLabel,
-                            isDark && styles11.themeOptionLabelDark,
+                            styles12.themeOptionLabel,
+                            isDark && styles12.themeOptionLabelDark,
                             active && { color: accentColor }
                           ],
                           children: t[option.labelKey]
@@ -28583,55 +28652,55 @@ var SettingsSheet = ({
                 );
               }) })
             ] }),
-            /* @__PURE__ */ jsxs12(View11, { style: styles11.section, children: [
-              /* @__PURE__ */ jsx12(
-                Text6,
+            /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
+              /* @__PURE__ */ jsx13(
+                Text7,
                 {
-                  style: [styles11.sectionTitle, isDark && styles11.sectionTitleDark],
+                  style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.pageTransition
                 }
               ),
-              /* @__PURE__ */ jsxs12(View11, { style: styles11.optionRow, children: [
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+              /* @__PURE__ */ jsxs13(View12, { style: styles12.optionRow, children: [
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => handleTransition("continuous"),
                     style: [
-                      styles11.optionButton,
-                      isDark && styles11.optionButtonDark,
-                      (!isPaged || isDouble) && styles11.optionButtonActive,
+                      styles12.optionButton,
+                      isDark && styles12.optionButtonDark,
+                      (!isPaged || isDouble) && styles12.optionButtonActive,
                       (!isPaged || isDouble) && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
                         style: [
-                          styles11.optionText,
-                          isDark && styles11.optionTextDark,
-                          (!isPaged || isDouble) && styles11.optionTextActive
+                          styles12.optionText,
+                          isDark && styles12.optionTextDark,
+                          (!isPaged || isDouble) && styles12.optionTextActive
                         ],
                         children: t.continuous
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => handleTransition("paged"),
                     style: [
-                      styles11.optionButton,
-                      isDark && styles11.optionButtonDark,
-                      isPaged && styles11.optionButtonActive,
+                      styles12.optionButton,
+                      isDark && styles12.optionButtonDark,
+                      isPaged && styles12.optionButtonActive,
                       isPaged && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
                         style: [
-                          styles11.optionText,
-                          isDark && styles11.optionTextDark,
-                          isPaged && styles11.optionTextActive
+                          styles12.optionText,
+                          isDark && styles12.optionTextDark,
+                          isPaged && styles12.optionTextActive
                         ],
                         children: t.pageByPage
                       }
@@ -28640,55 +28709,55 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs12(View11, { style: styles11.section, children: [
-              /* @__PURE__ */ jsx12(
-                Text6,
+            /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
+              /* @__PURE__ */ jsx13(
+                Text7,
                 {
-                  style: [styles11.sectionTitle, isDark && styles11.sectionTitleDark],
+                  style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.layout
                 }
               ),
-              /* @__PURE__ */ jsxs12(View11, { style: styles11.optionRow, children: [
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+              /* @__PURE__ */ jsxs13(View12, { style: styles12.optionRow, children: [
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => handleLayout("single"),
                     style: [
-                      styles11.optionButton,
-                      isDark && styles11.optionButtonDark,
-                      !isDouble && styles11.optionButtonActive,
+                      styles12.optionButton,
+                      isDark && styles12.optionButtonDark,
+                      !isDouble && styles12.optionButtonActive,
                       !isDouble && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
                         style: [
-                          styles11.optionText,
-                          isDark && styles11.optionTextDark,
-                          !isDouble && styles11.optionTextActive
+                          styles12.optionText,
+                          isDark && styles12.optionTextDark,
+                          !isDouble && styles12.optionTextActive
                         ],
                         children: t.singlePage
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => handleLayout("double"),
                     style: [
-                      styles11.optionButton,
-                      isDark && styles11.optionButtonDark,
-                      isDouble && styles11.optionButtonActive,
+                      styles12.optionButton,
+                      isDark && styles12.optionButtonDark,
+                      isDouble && styles12.optionButtonActive,
                       isDouble && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
                         style: [
-                          styles11.optionText,
-                          isDark && styles11.optionTextDark,
-                          isDouble && styles11.optionTextActive
+                          styles12.optionText,
+                          isDark && styles12.optionTextDark,
+                          isDouble && styles12.optionTextActive
                         ],
                         children: t.doublePage
                       }
@@ -28697,38 +28766,38 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs12(View11, { style: styles11.section, children: [
-              /* @__PURE__ */ jsx12(
-                Text6,
+            /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
+              /* @__PURE__ */ jsx13(
+                Text7,
                 {
-                  style: [styles11.sectionTitle, isDark && styles11.sectionTitleDark],
+                  style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.rotate
                 }
               ),
-              /* @__PURE__ */ jsxs12(View11, { style: styles11.optionRow, children: [
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+              /* @__PURE__ */ jsxs13(View12, { style: styles12.optionRow, children: [
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => handleRotate("counterclockwise"),
-                    style: [styles11.optionButton, isDark && styles11.optionButtonDark],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    style: [styles12.optionButton, isDark && styles12.optionButtonDark],
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
-                        style: [styles11.optionText, isDark && styles11.optionTextDark],
+                        style: [styles12.optionText, isDark && styles12.optionTextDark],
                         children: t.counterclockwise
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => handleRotate("clockwise"),
-                    style: [styles11.optionButton, isDark && styles11.optionButtonDark],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    style: [styles12.optionButton, isDark && styles12.optionButtonDark],
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
-                        style: [styles11.optionText, isDark && styles11.optionTextDark],
+                        style: [styles12.optionText, isDark && styles12.optionTextDark],
                         children: t.clockwise
                       }
                     )
@@ -28736,86 +28805,86 @@ var SettingsSheet = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs12(View11, { style: styles11.section, children: [
-              /* @__PURE__ */ jsx12(
-                Text6,
+            /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
+              /* @__PURE__ */ jsx13(
+                Text7,
                 {
-                  style: [styles11.sectionTitle, isDark && styles11.sectionTitleDark],
+                  style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.zoom
                 }
               ),
-              /* @__PURE__ */ jsxs12(View11, { style: styles11.optionRow, children: [
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+              /* @__PURE__ */ jsxs13(View12, { style: styles12.optionRow, children: [
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => handleZoom(-0.1),
-                    style: [styles11.optionButton, isDark && styles11.optionButtonDark],
-                    children: /* @__PURE__ */ jsx12(IconZoomOut, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+                    style: [styles12.optionButton, isDark && styles12.optionButtonDark],
+                    children: /* @__PURE__ */ jsx13(IconZoomOut, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                   }
                 ),
-                /* @__PURE__ */ jsx12(View11, { style: styles11.zoomValue, children: /* @__PURE__ */ jsxs12(Text6, { style: [styles11.zoomText, isDark && styles11.zoomTextDark], children: [
+                /* @__PURE__ */ jsx13(View12, { style: styles12.zoomValue, children: /* @__PURE__ */ jsxs13(Text7, { style: [styles12.zoomText, isDark && styles12.zoomTextDark], children: [
                   Math.round(zoom * 100),
                   "%"
                 ] }) }),
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => handleZoom(0.1),
-                    style: [styles11.optionButton, isDark && styles11.optionButtonDark],
-                    children: /* @__PURE__ */ jsx12(IconZoomIn, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+                    style: [styles12.optionButton, isDark && styles12.optionButtonDark],
+                    children: /* @__PURE__ */ jsx13(IconZoomIn, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs12(View11, { style: styles11.section, children: [
-              /* @__PURE__ */ jsx12(
-                Text6,
+            /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
+              /* @__PURE__ */ jsx13(
+                Text7,
                 {
-                  style: [styles11.sectionTitle, isDark && styles11.sectionTitleDark],
+                  style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.language
                 }
               ),
-              /* @__PURE__ */ jsxs12(View11, { style: styles11.optionRow, children: [
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+              /* @__PURE__ */ jsxs13(View12, { style: styles12.optionRow, children: [
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => setDocumentState({ locale: "en" }),
                     style: [
-                      styles11.optionButton,
-                      isDark && styles11.optionButtonDark,
-                      locale === "en" && styles11.optionButtonActive,
+                      styles12.optionButton,
+                      isDark && styles12.optionButtonDark,
+                      locale === "en" && styles12.optionButtonActive,
                       locale === "en" && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
                         style: [
-                          styles11.optionText,
-                          isDark && styles11.optionTextDark,
-                          locale === "en" && styles11.optionTextActive
+                          styles12.optionText,
+                          isDark && styles12.optionTextDark,
+                          locale === "en" && styles12.optionTextActive
                         ],
                         children: t.english
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx12(
-                  Pressable9,
+                /* @__PURE__ */ jsx13(
+                  Pressable10,
                   {
                     onPress: () => setDocumentState({ locale: "pt-BR" }),
                     style: [
-                      styles11.optionButton,
-                      isDark && styles11.optionButtonDark,
-                      locale === "pt-BR" && styles11.optionButtonActive,
+                      styles12.optionButton,
+                      isDark && styles12.optionButtonDark,
+                      locale === "pt-BR" && styles12.optionButtonActive,
                       locale === "pt-BR" && { backgroundColor: accentColor }
                     ],
-                    children: /* @__PURE__ */ jsx12(
-                      Text6,
+                    children: /* @__PURE__ */ jsx13(
+                      Text7,
                       {
                         style: [
-                          styles11.optionText,
-                          isDark && styles11.optionTextDark,
-                          locale === "pt-BR" && styles11.optionTextActive
+                          styles12.optionText,
+                          isDark && styles12.optionTextDark,
+                          locale === "pt-BR" && styles12.optionTextActive
                         ],
                         children: t.portuguese
                       }
@@ -28828,44 +28897,16 @@ var SettingsSheet = ({
         }
       )
     }
-  ) });
+  );
 };
-var styles11 = StyleSheet11.create({
-  modalRoot: {
-    ...StyleSheet11.absoluteFillObject,
-    zIndex: 30
-  },
+var styles12 = StyleSheet12.create({
   sheet: {
-    flex: 1
+    maxHeight: "100%"
   },
   sheetContent: {
     paddingHorizontal: 18,
     paddingBottom: 24
   },
-  sheetBackground: {
-    backgroundColor: "#ffffff",
-    borderTopLeftRadius: 24,
-    borderTopRightRadius: 24,
-    borderTopWidth: 1,
-    borderTopColor: "#e5e7eb"
-  },
-  sheetDark: {
-    backgroundColor: "#0f1115",
-    borderTopColor: "#1f2937"
-  },
-  handleContainer: {
-    paddingTop: 10,
-    paddingBottom: 12
-  },
-  handle: {
-    width: 44,
-    height: 4,
-    borderRadius: 999,
-    backgroundColor: "#cbd5f5"
-  },
-  handleDark: {
-    backgroundColor: "#374151"
-  },
   section: {
     marginBottom: 16
   },
@@ -28991,17 +29032,17 @@ var styles11 = StyleSheet11.create({
 var SettingsSheet_default = SettingsSheet;
 
 // components/CoverPreview.tsx
-import { useEffect as useEffect9, useMemo as useMemo7, useRef as useRef7, useState as useState9 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo6, useRef as useRef7, useState as useState9 } from "react";
 import {
   ActivityIndicator,
-  StyleSheet as StyleSheet12,
-  Text as Text7,
+  StyleSheet as StyleSheet13,
+  Text as Text8,
   UIManager as UIManager2,
-  View as View12,
+  View as View13,
   findNodeHandle as findNodeHandle3
 } from "react-native";
 import { MobileDocumentEngine, PapyrusPageView as PapyrusPageView3 } from "@papyrus-sdk/engine-native";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var parseDataUri = (value) => {
   const match = /^data:([^;,]+)?(;base64)?,/.exec(value);
   if (!match) return null;
@@ -29055,7 +29096,7 @@ var CoverPreview = ({
   const [loading, setLoading] = useState9(false);
   const [error, setError] = useState9(null);
   const viewRef = useRef7(null);
-  const resolvedType = useMemo7(() => inferDocumentType(source, type), [source, type]);
+  const resolvedType = useMemo6(() => inferDocumentType(source, type), [source, type]);
   const isPdf = resolvedType === "pdf";
   const hasNativePageView = Boolean(UIManager2.getViewManagerConfig?.("PapyrusPageView"));
   const canRender = !isPdf || hasNativePageView;
@@ -29118,15 +29159,15 @@ var CoverPreview = ({
     }
   };
   if (!shouldRender || !canRender) {
-    return /* @__PURE__ */ jsx13(View12, { style: [styles12.container, style], children: placeholder ?? /* @__PURE__ */ jsx13(View12, { style: styles12.placeholder, children: /* @__PURE__ */ jsx13(Text7, { style: styles12.placeholderText, children: "Preview" }) }) });
+    return /* @__PURE__ */ jsx14(View13, { style: [styles13.container, style], children: placeholder ?? /* @__PURE__ */ jsx14(View13, { style: styles13.placeholder, children: /* @__PURE__ */ jsx14(Text8, { style: styles13.placeholderText, children: "Preview" }) }) });
   }
-  return /* @__PURE__ */ jsxs13(View12, { style: [styles12.container, style], onLayout: handleLayout, children: [
-    /* @__PURE__ */ jsx13(View12, { style: styles12.previewFrame, pointerEvents: allowInteraction ? "auto" : "none", children: isPdf ? /* @__PURE__ */ jsx13(PapyrusPageView3, { ref: viewRef, style: styles12.pageView }) : engine && /* @__PURE__ */ jsx13(WebViewViewer_default, { engine }) }),
-    showLoading && loading && /* @__PURE__ */ jsx13(View12, { pointerEvents: "none", style: styles12.loadingOverlay, children: loadingIndicator ?? /* @__PURE__ */ jsx13(ActivityIndicator, { size: "small", color: "#2563eb" }) }),
-    error && /* @__PURE__ */ jsx13(View12, { pointerEvents: "none", style: styles12.errorOverlay, children: /* @__PURE__ */ jsx13(Text7, { style: styles12.errorText, children: "Preview unavailable" }) })
+  return /* @__PURE__ */ jsxs14(View13, { style: [styles13.container, style], onLayout: handleLayout, children: [
+    /* @__PURE__ */ jsx14(View13, { style: styles13.previewFrame, pointerEvents: allowInteraction ? "auto" : "none", children: isPdf ? /* @__PURE__ */ jsx14(PapyrusPageView3, { ref: viewRef, style: styles13.pageView }) : engine && /* @__PURE__ */ jsx14(WebViewViewer_default, { engine }) }),
+    showLoading && loading && /* @__PURE__ */ jsx14(View13, { pointerEvents: "none", style: styles13.loadingOverlay, children: loadingIndicator ?? /* @__PURE__ */ jsx14(ActivityIndicator, { size: "small", color: "#2563eb" }) }),
+    error && /* @__PURE__ */ jsx14(View13, { pointerEvents: "none", style: styles13.errorOverlay, children: /* @__PURE__ */ jsx14(Text8, { style: styles13.errorText, children: "Preview unavailable" }) })
   ] });
 };
-var styles12 = StyleSheet12.create({
+var styles13 = StyleSheet13.create({
   container: {
     backgroundColor: "#f8fafc",
     borderRadius: 12,
@@ -29142,13 +29183,13 @@ var styles12 = StyleSheet12.create({
     backgroundColor: "transparent"
   },
   loadingOverlay: {
-    ...StyleSheet12.absoluteFillObject,
+    ...StyleSheet13.absoluteFillObject,
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: "rgba(15, 23, 42, 0.15)"
   },
   errorOverlay: {
-    ...StyleSheet12.absoluteFillObject,
+    ...StyleSheet13.absoluteFillObject,
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: "rgba(15, 23, 42, 0.4)"
@@ -29173,43 +29214,43 @@ var styles12 = StyleSheet12.create({
 var CoverPreview_default = CoverPreview;
 
 // components/ReadingShell.tsx
-import React14, { useState as useState11 } from "react";
-import { Keyboard as Keyboard2, View as View19, StyleSheet as StyleSheet19 } from "react-native";
+import React13, { useState as useState11 } from "react";
+import { Keyboard as Keyboard2, View as View20, StyleSheet as StyleSheet20 } from "react-native";
 import { useViewerStore as useViewerStore17 } from "@papyrus-sdk/core";
 
 // components/DocumentActionsSheet.tsx
 import {
-  Modal as Modal3,
-  Pressable as Pressable10,
-  StyleSheet as StyleSheet13,
-  Text as Text8,
-  View as View13
+  Modal as Modal4,
+  Pressable as Pressable11,
+  StyleSheet as StyleSheet14,
+  Text as Text9,
+  View as View14
 } from "react-native";
 import { useViewerStore as useViewerStore11 } from "@papyrus-sdk/core";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function DocumentActionsSheet({
   visible,
   onClose
 }) {
   const { uiTheme } = useViewerStore11();
   const isDark = uiTheme === "dark";
-  return /* @__PURE__ */ jsx14(Modal3, { visible, transparent: true, animationType: "fade", onRequestClose: onClose, children: /* @__PURE__ */ jsx14(Pressable10, { style: styles13.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs14(
-    Pressable10,
+  return /* @__PURE__ */ jsx15(Modal4, { visible, transparent: true, animationType: "fade", onRequestClose: onClose, children: /* @__PURE__ */ jsx15(Pressable11, { style: styles14.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs15(
+    Pressable11,
     {
       onPress: (event) => event.stopPropagation(),
-      style: [styles13.card, isDark && styles13.cardDark],
+      style: [styles14.card, isDark && styles14.cardDark],
       children: [
-        /* @__PURE__ */ jsx14(Text8, { style: [styles13.eyebrow, isDark && styles13.eyebrowDark], children: "Document actions" }),
-        /* @__PURE__ */ jsxs14(View13, { style: styles13.actionList, children: [
-          /* @__PURE__ */ jsx14(View13, { style: [styles13.actionItem, isDark && styles13.actionItemDark], children: /* @__PURE__ */ jsx14(Text8, { style: [styles13.actionText, isDark && styles13.actionTextDark], children: "Share" }) }),
-          /* @__PURE__ */ jsx14(View13, { style: [styles13.actionItem, isDark && styles13.actionItemDark], children: /* @__PURE__ */ jsx14(Text8, { style: [styles13.actionText, isDark && styles13.actionTextDark], children: "Export" }) })
+        /* @__PURE__ */ jsx15(Text9, { style: [styles14.eyebrow, isDark && styles14.eyebrowDark], children: "Document actions" }),
+        /* @__PURE__ */ jsxs15(View14, { style: styles14.actionList, children: [
+          /* @__PURE__ */ jsx15(View14, { style: [styles14.actionItem, isDark && styles14.actionItemDark], children: /* @__PURE__ */ jsx15(Text9, { style: [styles14.actionText, isDark && styles14.actionTextDark], children: "Share" }) }),
+          /* @__PURE__ */ jsx15(View14, { style: [styles14.actionItem, isDark && styles14.actionItemDark], children: /* @__PURE__ */ jsx15(Text9, { style: [styles14.actionText, isDark && styles14.actionTextDark], children: "Export" }) })
         ] }),
-        /* @__PURE__ */ jsx14(Pressable10, { onPress: onClose, style: styles13.closeButton, accessibilityLabel: "Close actions sheet", children: /* @__PURE__ */ jsx14(Text8, { style: styles13.closeText, children: "Close" }) })
+        /* @__PURE__ */ jsx15(Pressable11, { onPress: onClose, style: styles14.closeButton, accessibilityLabel: "Close actions sheet", children: /* @__PURE__ */ jsx15(Text9, { style: styles14.closeText, children: "Close" }) })
       ]
     }
   ) }) });
 }
-var styles13 = StyleSheet13.create({
+var styles14 = StyleSheet14.create({
   backdrop: {
     flex: 1,
     backgroundColor: "rgba(15, 23, 42, 0.35)",
@@ -29271,12 +29312,12 @@ var styles13 = StyleSheet13.create({
 
 // components/InfoSheet.tsx
 import {
-  Modal as Modal4,
-  Pressable as Pressable11,
-  ScrollView as ScrollView3,
-  StyleSheet as StyleSheet14,
-  Text as Text9,
-  View as View14
+  Modal as Modal5,
+  Pressable as Pressable12,
+  ScrollView as ScrollView4,
+  StyleSheet as StyleSheet15,
+  Text as Text10,
+  View as View15
 } from "react-native";
 import { useViewerStore as useViewerStore12 } from "@papyrus-sdk/core";
 
@@ -29377,7 +29418,7 @@ var buildInfoRows = ({
 };
 
 // components/InfoSheet.tsx
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function InfoSheet({
   visible,
   title,
@@ -29407,66 +29448,66 @@ function InfoSheet({
     pageTheme,
     locale
   });
-  return /* @__PURE__ */ jsx15(
-    Modal4,
+  return /* @__PURE__ */ jsx16(
+    Modal5,
     {
       visible,
       transparent: true,
       animationType: "fade",
       onRequestClose: onClose,
-      children: /* @__PURE__ */ jsx15(Pressable11, { style: styles14.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs15(
-        Pressable11,
+      children: /* @__PURE__ */ jsx16(Pressable12, { style: styles15.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs16(
+        Pressable12,
         {
           onPress: (event) => event.stopPropagation(),
-          style: [styles14.card, isDark && styles14.cardDark],
+          style: [styles15.card, isDark && styles15.cardDark],
           children: [
-            /* @__PURE__ */ jsxs15(View14, { style: styles14.topRow, children: [
-              /* @__PURE__ */ jsx15(
-                Pressable11,
+            /* @__PURE__ */ jsxs16(View15, { style: styles15.topRow, children: [
+              /* @__PURE__ */ jsx16(
+                Pressable12,
                 {
                   onPress: onClose,
                   style: [
-                    styles14.iconCloseButton,
-                    isDark && styles14.iconCloseButtonDark
+                    styles15.iconCloseButton,
+                    isDark && styles15.iconCloseButtonDark
                   ],
                   accessibilityLabel: "Close info sheet",
-                  children: /* @__PURE__ */ jsx15(IconClose, { size: 18, color: isDark ? "#f8fafc" : "#111827" })
+                  children: /* @__PURE__ */ jsx16(IconClose, { size: 18, color: isDark ? "#f8fafc" : "#111827" })
                 }
               ),
-              /* @__PURE__ */ jsx15(
-                Text9,
+              /* @__PURE__ */ jsx16(
+                Text10,
                 {
-                  style: [styles14.headerTitle, isDark && styles14.headerTitleDark],
+                  style: [styles15.headerTitle, isDark && styles15.headerTitleDark],
                   numberOfLines: 1,
                   children: locale === "pt-BR" ? "Informa\xE7\xF5es" : "Information"
                 }
               ),
-              /* @__PURE__ */ jsx15(View14, { style: styles14.topRowSpacer })
+              /* @__PURE__ */ jsx16(View15, { style: styles15.topRowSpacer })
             ] }),
-            /* @__PURE__ */ jsxs15(
-              ScrollView3,
+            /* @__PURE__ */ jsxs16(
+              ScrollView4,
               {
-                style: styles14.content,
-                contentContainerStyle: styles14.contentInner,
+                style: styles15.content,
+                contentContainerStyle: styles15.contentInner,
                 showsVerticalScrollIndicator: false,
                 children: [
-                  /* @__PURE__ */ jsx15(
-                    Text9,
+                  /* @__PURE__ */ jsx16(
+                    Text10,
                     {
-                      style: [styles14.sectionTitle, isDark && styles14.sectionTitleDark],
+                      style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                       children: locale === "pt-BR" ? "Informa\xE7\xF5es" : "Information"
                     }
                   ),
-                  /* @__PURE__ */ jsx15(View14, { style: styles14.rows, children: rows.map((row) => /* @__PURE__ */ jsxs15(
-                    View14,
+                  /* @__PURE__ */ jsx16(View15, { style: styles15.rows, children: rows.map((row) => /* @__PURE__ */ jsxs16(
+                    View15,
                     {
-                      style: [styles14.row, isDark && styles14.rowDark],
+                      style: [styles15.row, isDark && styles15.rowDark],
                       children: [
-                        /* @__PURE__ */ jsx15(Text9, { style: [styles14.label, isDark && styles14.labelDark], children: row.label }),
-                        /* @__PURE__ */ jsx15(
-                          Text9,
+                        /* @__PURE__ */ jsx16(Text10, { style: [styles15.label, isDark && styles15.labelDark], children: row.label }),
+                        /* @__PURE__ */ jsx16(
+                          Text10,
                           {
-                            style: [styles14.value, isDark && styles14.valueDark],
+                            style: [styles15.value, isDark && styles15.valueDark],
                             selectable: true,
                             children: row.value
                           }
@@ -29484,7 +29525,7 @@ function InfoSheet({
     }
   );
 }
-var styles14 = StyleSheet14.create({
+var styles15 = StyleSheet15.create({
   backdrop: {
     flex: 1,
     backgroundColor: "rgba(0, 0, 0, 0.4)",
@@ -29587,9 +29628,9 @@ var styles14 = StyleSheet14.create({
 });
 
 // components/OverflowSheet.tsx
-import { Modal as Modal5, Pressable as Pressable12, StyleSheet as StyleSheet15, Text as Text10, View as View15 } from "react-native";
+import { Modal as Modal6, Pressable as Pressable13, StyleSheet as StyleSheet16, Text as Text11, View as View16 } from "react-native";
 import { useViewerStore as useViewerStore13 } from "@papyrus-sdk/core";
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var actionLabels = [{ key: "actions", label: "Document actions" }];
 function OverflowSheet({
   visible,
@@ -29601,30 +29642,30 @@ function OverflowSheet({
   const handlers = {
     actions: onOpenActions
   };
-  return /* @__PURE__ */ jsx16(
-    Modal5,
+  return /* @__PURE__ */ jsx17(
+    Modal6,
     {
       visible,
       transparent: true,
       animationType: "fade",
       onRequestClose: onClose,
-      children: /* @__PURE__ */ jsx16(Pressable12, { style: styles15.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs16(
-        Pressable12,
+      children: /* @__PURE__ */ jsx17(Pressable13, { style: styles16.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs17(
+        Pressable13,
         {
           onPress: (event) => event.stopPropagation(),
-          style: [styles15.card, isDark && styles15.cardDark],
+          style: [styles16.card, isDark && styles16.cardDark],
           children: [
-            /* @__PURE__ */ jsx16(View15, { style: styles15.handle }),
-            actionLabels.map((action) => /* @__PURE__ */ jsx16(
-              Pressable12,
+            /* @__PURE__ */ jsx17(View16, { style: styles16.handle }),
+            actionLabels.map((action) => /* @__PURE__ */ jsx17(
+              Pressable13,
               {
                 onPress: handlers[action.key],
-                style: [styles15.actionButton, { borderColor: accentColor }],
+                style: [styles16.actionButton, { borderColor: accentColor }],
                 accessibilityLabel: action.label,
-                children: /* @__PURE__ */ jsx16(
-                  Text10,
+                children: /* @__PURE__ */ jsx17(
+                  Text11,
                   {
-                    style: [styles15.actionText, isDark && styles15.actionTextDark],
+                    style: [styles16.actionText, isDark && styles16.actionTextDark],
                     children: action.label
                   }
                 )
@@ -29637,7 +29678,7 @@ function OverflowSheet({
     }
   );
 }
-var styles15 = StyleSheet15.create({
+var styles16 = StyleSheet16.create({
   backdrop: {
     flex: 1,
     backgroundColor: "rgba(15, 23, 42, 0.35)",
@@ -29678,10 +29719,10 @@ var styles15 = StyleSheet15.create({
 });
 
 // components/ProgressPill.tsx
-import { useMemo as useMemo8 } from "react";
-import { Pressable as Pressable13, StyleSheet as StyleSheet16, Text as Text11, View as View16 } from "react-native";
+import { useMemo as useMemo7 } from "react";
+import { Pressable as Pressable14, StyleSheet as StyleSheet17, Text as Text12, View as View17 } from "react-native";
 import { useViewerStore as useViewerStore14 } from "@papyrus-sdk/core";
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 var clampPercent = (value) => Math.max(0, Math.min(100, Math.round(value)));
 function ProgressPill({
   documentType,
@@ -29697,7 +29738,7 @@ function ProgressPill({
     mobileProgressPillVisible
   } = useViewerStore14();
   const isDark = uiTheme === "dark";
-  const label = useMemo8(() => {
+  const label = useMemo7(() => {
     const total = Math.max(pageCount, 1);
     const percent = clampPercent(currentPage / total * 100);
     if (documentType === "pdf") {
@@ -29709,24 +29750,24 @@ function ProgressPill({
     return `${percent}%`;
   }, [currentPage, documentType, pageCount]);
   if (!mobileChromeVisible || !mobileProgressPillVisible) return null;
-  return /* @__PURE__ */ jsx17(View16, { pointerEvents: "box-none", style: styles16.frame, children: /* @__PURE__ */ jsxs17(
-    View16,
+  return /* @__PURE__ */ jsx18(View17, { pointerEvents: "box-none", style: styles17.frame, children: /* @__PURE__ */ jsxs18(
+    View17,
     {
       accessibilityLabel: "Open document navigation",
       style: [
-        styles16.pill,
-        isDark && styles16.pillDark,
+        styles17.pill,
+        isDark && styles17.pillDark,
         { borderColor: `${accentColor}33` }
       ],
       testID: "papyrus-progress-pill",
       children: [
-        /* @__PURE__ */ jsx17(
-          Pressable13,
+        /* @__PURE__ */ jsx18(
+          Pressable14,
           {
             onPress,
-            style: styles16.iconHit,
+            style: styles17.iconHit,
             accessibilityLabel: "Open document navigation",
-            children: /* @__PURE__ */ jsx17(
+            children: /* @__PURE__ */ jsx18(
               IconPageNav,
               {
                 size: 20,
@@ -29736,21 +29777,21 @@ function ProgressPill({
             )
           }
         ),
-        /* @__PURE__ */ jsx17(
-          Pressable13,
+        /* @__PURE__ */ jsx18(
+          Pressable14,
           {
             onPress,
             onLongPress: onOpenPageJump,
-            style: styles16.labelHit,
+            style: styles17.labelHit,
             accessibilityLabel: "Open page jump",
-            children: /* @__PURE__ */ jsx17(Text11, { style: [styles16.label, isDark && styles16.labelDark], children: label })
+            children: /* @__PURE__ */ jsx18(Text12, { style: [styles17.label, isDark && styles17.labelDark], children: label })
           }
         )
       ]
     }
   ) });
 }
-var styles16 = StyleSheet16.create({
+var styles17 = StyleSheet17.create({
   frame: {
     position: "absolute",
     top: 72,
@@ -29798,17 +29839,17 @@ var styles16 = StyleSheet16.create({
 });
 
 // components/SearchOverlay.tsx
-import { useEffect as useEffect10, useMemo as useMemo9, useState as useState10 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo8, useState as useState10 } from "react";
 import {
   Keyboard,
-  Pressable as Pressable14,
-  StyleSheet as StyleSheet17,
-  Text as Text12,
+  Pressable as Pressable15,
+  StyleSheet as StyleSheet18,
+  Text as Text13,
   TextInput as TextInput3,
-  View as View17
+  View as View18
 } from "react-native";
 import { SearchService, useViewerStore as useViewerStore15 } from "@papyrus-sdk/core";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function SearchOverlay({
   engine,
   documentType,
@@ -29831,7 +29872,7 @@ function SearchOverlay({
   const [isSearching, setIsSearching] = useState10(false);
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
-  const searchService = useMemo9(() => new SearchService(engine), [engine]);
+  const searchService = useMemo8(() => new SearchService(engine), [engine]);
   const currentCount = searchResults.length > 0 && activeSearchIndex >= 0 ? activeSearchIndex + 1 : 0;
   const targetLabel = documentType === "pdf" ? t.page : documentType === "epub" ? t.contents : t.progress;
   useEffect10(() => {
@@ -29858,23 +29899,23 @@ function SearchOverlay({
     onClose();
   };
   if (!visible) return null;
-  return /* @__PURE__ */ jsx18(View17, { pointerEvents: "box-none", style: styles17.frame, children: /* @__PURE__ */ jsxs18(
-    View17,
+  return /* @__PURE__ */ jsx19(View18, { pointerEvents: "box-none", style: styles18.frame, children: /* @__PURE__ */ jsxs19(
+    View18,
     {
-      style: [styles17.card, isDark && styles17.cardDark],
+      style: [styles18.card, isDark && styles18.cardDark],
       testID: "papyrus-search-overlay",
       children: [
-        /* @__PURE__ */ jsxs18(View17, { style: styles17.inputRow, children: [
-          /* @__PURE__ */ jsxs18(View17, { style: [styles17.searchInputWrap, isDark && styles17.searchInputWrapDark], children: [
-            /* @__PURE__ */ jsx18(IconSearch, { size: 16, color: isDark ? "#cbd5e1" : "#64748b" }),
-            /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs19(View18, { style: styles18.inputRow, children: [
+          /* @__PURE__ */ jsxs19(View18, { style: [styles18.searchInputWrap, isDark && styles18.searchInputWrapDark], children: [
+            /* @__PURE__ */ jsx19(IconSearch, { size: 16, color: isDark ? "#cbd5e1" : "#64748b" }),
+            /* @__PURE__ */ jsx19(
               TextInput3,
               {
                 value: draft,
                 onChangeText: setDraft,
                 placeholder: t.searchPlaceholder,
                 placeholderTextColor: isDark ? "#94a3b8" : "#6b7280",
-                style: [styles17.input, isDark && styles17.inputDark],
+                style: [styles18.input, isDark && styles18.inputDark],
                 autoFocus: true,
                 returnKeyType: "search",
                 onSubmitEditing: handleSubmit,
@@ -29882,74 +29923,74 @@ function SearchOverlay({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx18(
-            Pressable14,
+          /* @__PURE__ */ jsx19(
+            Pressable15,
             {
               onPress: handleClose,
-              style: [styles17.closeButton, isDark && styles17.closeButtonDark],
+              style: [styles18.closeButton, isDark && styles18.closeButtonDark],
               accessibilityLabel: "Close search",
-              children: /* @__PURE__ */ jsx18(Text12, { style: [styles17.closeText, isDark && styles17.closeTextDark], children: t.cancel })
+              children: /* @__PURE__ */ jsx19(Text13, { style: [styles18.closeText, isDark && styles18.closeTextDark], children: t.cancel })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs18(View17, { style: styles17.metaRow, children: [
-          /* @__PURE__ */ jsx18(
-            Pressable14,
+        /* @__PURE__ */ jsxs19(View18, { style: styles18.metaRow, children: [
+          /* @__PURE__ */ jsx19(
+            Pressable15,
             {
               onPress: prevSearchResult,
               disabled: searchResults.length === 0,
               style: [
-                styles17.navButton,
-                isDark && styles17.navButtonDark,
-                searchResults.length === 0 && styles17.navButtonDisabled
+                styles18.navButton,
+                isDark && styles18.navButtonDark,
+                searchResults.length === 0 && styles18.navButtonDisabled
               ],
               accessibilityLabel: "Previous result",
-              children: /* @__PURE__ */ jsx18(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+              children: /* @__PURE__ */ jsx19(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
             }
           ),
-          /* @__PURE__ */ jsx18(Text12, { style: [styles17.metaText, isDark && styles17.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
-          /* @__PURE__ */ jsx18(
-            Pressable14,
+          /* @__PURE__ */ jsx19(Text13, { style: [styles18.metaText, isDark && styles18.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
+          /* @__PURE__ */ jsx19(
+            Pressable15,
             {
               onPress: nextSearchResult,
               disabled: searchResults.length === 0,
               style: [
-                styles17.navButton,
-                isDark && styles17.navButtonDark,
-                searchResults.length === 0 && styles17.navButtonDisabled
+                styles18.navButton,
+                isDark && styles18.navButtonDark,
+                searchResults.length === 0 && styles18.navButtonDisabled
               ],
               accessibilityLabel: "Next result",
-              children: /* @__PURE__ */ jsx18(IconChevronRight, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
+              children: /* @__PURE__ */ jsx19(IconChevronRight, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs18(View17, { style: styles17.actionsRow, children: [
-          /* @__PURE__ */ jsx18(
-            Pressable14,
+        /* @__PURE__ */ jsxs19(View18, { style: styles18.actionsRow, children: [
+          /* @__PURE__ */ jsx19(
+            Pressable15,
             {
               onPress: handleSubmit,
-              style: [styles17.primaryAction, { backgroundColor: accentColor }],
+              style: [styles18.primaryAction, { backgroundColor: accentColor }],
               accessibilityLabel: "Run search",
-              children: /* @__PURE__ */ jsx18(Text12, { style: styles17.primaryActionText, children: t.searchGo })
+              children: /* @__PURE__ */ jsx19(Text13, { style: styles18.primaryActionText, children: t.searchGo })
             }
           ),
-          /* @__PURE__ */ jsx18(
-            Pressable14,
+          /* @__PURE__ */ jsx19(
+            Pressable15,
             {
               onPress: onOpenResults,
               disabled: searchResults.length === 0,
               style: [
-                styles17.secondaryAction,
-                isDark && styles17.secondaryActionDark,
-                searchResults.length === 0 && styles17.navButtonDisabled
+                styles18.secondaryAction,
+                isDark && styles18.secondaryActionDark,
+                searchResults.length === 0 && styles18.navButtonDisabled
               ],
               accessibilityLabel: "Open all results",
-              children: /* @__PURE__ */ jsx18(
-                Text12,
+              children: /* @__PURE__ */ jsx19(
+                Text13,
                 {
                   style: [
-                    styles17.secondaryActionText,
-                    isDark && styles17.secondaryActionTextDark
+                    styles18.secondaryActionText,
+                    isDark && styles18.secondaryActionTextDark
                   ],
                   children: t.allResults
                 }
@@ -29961,7 +30002,7 @@ function SearchOverlay({
     }
   ) });
 }
-var styles17 = StyleSheet17.create({
+var styles18 = StyleSheet18.create({
   frame: {
     position: "absolute",
     left: 0,
@@ -29975,8 +30016,8 @@ var styles17 = StyleSheet17.create({
     borderWidth: 1,
     borderColor: "rgba(255,255,255,0.72)",
     backgroundColor: "rgba(255,255,255,0.94)",
-    padding: 12,
-    gap: 10,
+    padding: 8,
+    gap: 8,
     shadowColor: "#0f172a",
     shadowOpacity: 0.12,
     shadowRadius: 20,
@@ -29999,7 +30040,7 @@ var styles17 = StyleSheet17.create({
     borderWidth: 1,
     borderColor: "#e2e8f0",
     paddingHorizontal: 10,
-    paddingVertical: 6,
+    paddingVertical: 3,
     flexDirection: "row",
     alignItems: "center",
     gap: 8
@@ -30010,7 +30051,7 @@ var styles17 = StyleSheet17.create({
   },
   input: {
     flex: 1,
-    minHeight: 32,
+    minHeight: 28,
     fontSize: 13,
     color: "#111827"
   },
@@ -30020,7 +30061,7 @@ var styles17 = StyleSheet17.create({
   closeButton: {
     borderRadius: 12,
     paddingHorizontal: 10,
-    paddingVertical: 8,
+    paddingVertical: 6,
     backgroundColor: "#f1f5f9"
   },
   closeButtonDark: {
@@ -30103,15 +30144,15 @@ var styles17 = StyleSheet17.create({
 
 // components/SearchResultsSheet.tsx
 import {
-  Modal as Modal6,
-  Pressable as Pressable15,
-  ScrollView as ScrollView4,
-  StyleSheet as StyleSheet18,
-  Text as Text13,
-  View as View18
+  Modal as Modal7,
+  Pressable as Pressable16,
+  ScrollView as ScrollView5,
+  StyleSheet as StyleSheet19,
+  Text as Text14,
+  View as View19
 } from "react-native";
 import { useViewerStore as useViewerStore16 } from "@papyrus-sdk/core";
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 function SearchResultsSheet({
   documentType,
   visible,
@@ -30135,29 +30176,29 @@ function SearchResultsSheet({
     const percent = pageCount <= 1 ? 100 : Math.round((pageIndex + 1) / pageCount * 100);
     return `${t.progress} ${percent}%`;
   };
-  return /* @__PURE__ */ jsx19(
-    Modal6,
+  return /* @__PURE__ */ jsx20(
+    Modal7,
     {
       visible,
       transparent: true,
       animationType: "slide",
       onRequestClose: onClose,
-      children: /* @__PURE__ */ jsxs19(View18, { style: styles18.modalRoot, children: [
-        /* @__PURE__ */ jsx19(Pressable15, { style: styles18.backdrop, onPress: onClose }),
-        /* @__PURE__ */ jsxs19(View18, { style: [styles18.sheet, isDark && styles18.sheetDark], children: [
-          /* @__PURE__ */ jsx19(View18, { style: [styles18.handle, isDark && styles18.handleDark] }),
-          /* @__PURE__ */ jsxs19(View18, { style: styles18.header, children: [
-            /* @__PURE__ */ jsx19(Text13, { style: [styles18.title, isDark && styles18.titleDark], children: t.allResults }),
-            /* @__PURE__ */ jsxs19(Text13, { style: [styles18.meta, isDark && styles18.metaDark], children: [
+      children: /* @__PURE__ */ jsxs20(View19, { style: styles19.modalRoot, children: [
+        /* @__PURE__ */ jsx20(Pressable16, { style: styles19.backdrop, onPress: onClose }),
+        /* @__PURE__ */ jsxs20(View19, { style: [styles19.sheet, isDark && styles19.sheetDark], children: [
+          /* @__PURE__ */ jsx20(View19, { style: [styles19.handle, isDark && styles19.handleDark] }),
+          /* @__PURE__ */ jsxs20(View19, { style: styles19.header, children: [
+            /* @__PURE__ */ jsx20(Text14, { style: [styles19.title, isDark && styles19.titleDark], children: t.allResults }),
+            /* @__PURE__ */ jsxs20(Text14, { style: [styles19.meta, isDark && styles19.metaDark], children: [
               searchResults.length,
               " ",
               t.results
             ] })
           ] }),
-          /* @__PURE__ */ jsx19(ScrollView4, { contentContainerStyle: styles18.content, children: searchResults.length === 0 ? /* @__PURE__ */ jsx19(Text13, { style: [styles18.emptyText, isDark && styles18.emptyTextDark], children: t.noResults }) : searchResults.map((result, index) => {
+          /* @__PURE__ */ jsx20(ScrollView5, { contentContainerStyle: styles19.content, children: searchResults.length === 0 ? /* @__PURE__ */ jsx20(Text14, { style: [styles19.emptyText, isDark && styles19.emptyTextDark], children: t.noResults }) : searchResults.map((result, index) => {
             const isActive = index === activeSearchIndex;
-            return /* @__PURE__ */ jsxs19(
-              Pressable15,
+            return /* @__PURE__ */ jsxs20(
+              Pressable16,
               {
                 onPress: () => {
                   setDocumentState({
@@ -30168,21 +30209,21 @@ function SearchResultsSheet({
                   onClose();
                 },
                 style: [
-                  styles18.resultCard,
-                  isDark && styles18.resultCardDark,
+                  styles19.resultCard,
+                  isDark && styles19.resultCardDark,
                   isActive && {
                     borderColor: accentColor,
                     backgroundColor: `${accentColor}14`
                   }
                 ],
                 children: [
-                  /* @__PURE__ */ jsx19(Text13, { style: [styles18.resultLabel, { color: accentColor }], children: getResultLabel(result.pageIndex) }),
-                  /* @__PURE__ */ jsx19(
-                    Text13,
+                  /* @__PURE__ */ jsx20(Text14, { style: [styles19.resultLabel, { color: accentColor }], children: getResultLabel(result.pageIndex) }),
+                  /* @__PURE__ */ jsx20(
+                    Text14,
                     {
                       style: [
-                        styles18.resultText,
-                        isDark && styles18.resultTextDark
+                        styles19.resultText,
+                        isDark && styles19.resultTextDark
                       ],
                       children: result.text
                     }
@@ -30197,13 +30238,13 @@ function SearchResultsSheet({
     }
   );
 }
-var styles18 = StyleSheet18.create({
+var styles19 = StyleSheet19.create({
   modalRoot: {
     flex: 1,
     backgroundColor: "transparent"
   },
   backdrop: {
-    ...StyleSheet18.absoluteFillObject,
+    ...StyleSheet19.absoluteFillObject,
     backgroundColor: "rgba(0, 0, 0, 0.4)"
   },
   sheet: {
@@ -30298,7 +30339,7 @@ var styles18 = StyleSheet18.create({
 var isSidebarBoundDestination = (destination) => destination === "pages" || destination === "contents" || destination === "progress" || destination === "notes";
 
 // components/ReadingShell.tsx
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 function ReadingShell({
   engine,
   title,
@@ -30326,7 +30367,7 @@ function ReadingShell({
   const [searchResultsOpen, setSearchResultsOpen] = useState11(false);
   const [pageJumpOpen, setPageJumpOpen] = useState11(false);
   const isDark = uiTheme === "dark";
-  React14.useEffect(() => {
+  React13.useEffect(() => {
     const showSubscription = Keyboard2.addListener("keyboardDidShow", () => {
       setMobileKeyboardOpen(true);
     });
@@ -30338,7 +30379,7 @@ function ReadingShell({
       hideSubscription.remove();
     };
   }, [setMobileKeyboardOpen]);
-  React14.useEffect(() => {
+  React13.useEffect(() => {
     if (sidebarRightOpen) return;
     if (isSidebarBoundDestination(activeMobileDestination)) {
       closeMobileDestination();
@@ -30384,8 +30425,8 @@ function ReadingShell({
     setDocumentState({ currentPage: page });
     triggerScrollToPage(page - 1);
   };
-  return /* @__PURE__ */ jsxs20(View19, { style: styles19.container, testID: "papyrus-rn-reading-shell", children: [
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs21(View20, { style: styles20.container, testID: "papyrus-rn-reading-shell", children: [
+    /* @__PURE__ */ jsx21(
       Topbar_default,
       {
         engine,
@@ -30401,8 +30442,8 @@ function ReadingShell({
         showPageNavigationControls: false
       }
     ),
-    /* @__PURE__ */ jsx20(View19, { style: styles19.viewerStage, children: /* @__PURE__ */ jsx20(Viewer_default, { engine, ...viewerProps }) }),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(View20, { style: styles20.viewerStage, children: /* @__PURE__ */ jsx21(Viewer_default, { engine, ...viewerProps }) }),
+    /* @__PURE__ */ jsx21(
       ProgressPill,
       {
         documentType,
@@ -30412,7 +30453,7 @@ function ReadingShell({
         onOpenPageJump: () => setPageJumpOpen(true)
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       BottomBar_default,
       {
         documentType,
@@ -30421,7 +30462,7 @@ function ReadingShell({
         onOpenSettings: () => openDestination("display")
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       SearchOverlay,
       {
         engine,
@@ -30434,7 +30475,7 @@ function ReadingShell({
         onOpenResults: () => setSearchResultsOpen(true)
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       SearchResultsSheet,
       {
         documentType,
@@ -30442,7 +30483,7 @@ function ReadingShell({
         onClose: () => setSearchResultsOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       RightSheet_default,
       {
         engine,
@@ -30451,7 +30492,7 @@ function ReadingShell({
         onOpenPageJump: () => setPageJumpOpen(true)
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       OverflowSheet,
       {
         visible: overflowOpen,
@@ -30465,7 +30506,7 @@ function ReadingShell({
         }
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       InfoSheet,
       {
         visible: infoOpen,
@@ -30477,7 +30518,7 @@ function ReadingShell({
         }
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       DocumentActionsSheet,
       {
         visible: actionsOpen,
@@ -30487,7 +30528,7 @@ function ReadingShell({
         }
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       SettingsSheet_default,
       {
         engine,
@@ -30498,7 +30539,7 @@ function ReadingShell({
         }
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       PageJumpModal,
       {
         visible: pageJumpOpen,
@@ -30512,7 +30553,7 @@ function ReadingShell({
     )
   ] });
 }
-var styles19 = StyleSheet19.create({
+var styles20 = StyleSheet20.create({
   container: {
     flex: 1
   },