@papyrus-sdk/ui-react-native 0.2.22 → 0.2.23

package/dist/index.mjs

@@ -21985,6 +21985,7 @@ var PageRenderer = ({
   onSelectionDragActiveChange,
   onTextSelected,
   onDefineSelection,
+  selectionActionLabel,
   gestureScrollLockActive = false,
   lastPinchEndedAt = null,
   requestSelectionVerticalAutoscroll
@@ -23287,7 +23288,7 @@ var PageRenderer = ({
                         });
                       },
                       style: [styles.selectionAction, styles.defineSelectionAction],
-                      children: /* @__PURE__ */ jsx(Text, { style: styles.defineSelectionText, children: "Definir" })
+                      children: /* @__PURE__ */ jsx(Text, { style: styles.defineSelectionText, children: selectionActionLabel ?? "Definir" })
                     }
                   ) : null,
                   /* @__PURE__ */ jsx(
@@ -23629,7 +23630,7 @@ var styles = StyleSheet.create({
     borderRadius: 3
   }
 });
-var arePageRendererPropsEqual = (previous, next) => previous.engine === next.engine && previous.pageIndex === next.pageIndex && previous.scale === next.scale && previous.PageViewComponent === next.PageViewComponent && previous.availableWidth === next.availableWidth && previous.pageViewportWidth === next.pageViewportWidth && previous.horizontalPadding === next.horizontalPadding && previous.spacing === next.spacing && previous.onSelectionDragActiveChange === next.onSelectionDragActiveChange && previous.onTextSelected === next.onTextSelected && previous.onDefineSelection === next.onDefineSelection && previous.gestureScrollLockActive === next.gestureScrollLockActive && previous.lastPinchEndedAt === next.lastPinchEndedAt && previous.requestSelectionVerticalAutoscroll === next.requestSelectionVerticalAutoscroll;
+var arePageRendererPropsEqual = (previous, next) => previous.engine === next.engine && previous.pageIndex === next.pageIndex && previous.scale === next.scale && previous.PageViewComponent === next.PageViewComponent && previous.availableWidth === next.availableWidth && previous.pageViewportWidth === next.pageViewportWidth && previous.horizontalPadding === next.horizontalPadding && previous.spacing === next.spacing && previous.onSelectionDragActiveChange === next.onSelectionDragActiveChange && previous.onTextSelected === next.onTextSelected && previous.onDefineSelection === next.onDefineSelection && previous.selectionActionLabel === next.selectionActionLabel && previous.gestureScrollLockActive === next.gestureScrollLockActive && previous.lastPinchEndedAt === next.lastPinchEndedAt && previous.requestSelectionVerticalAutoscroll === next.requestSelectionVerticalAutoscroll;
 var PageRenderer_default = memo(PageRenderer, arePageRendererPropsEqual);
 
 // components/WebViewViewer.tsx
@@ -23851,7 +23852,7 @@ var WebViewViewer_default = WebViewViewer;
 
 // components/DedicatedAndroidPdfViewer.tsx
 import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
-import { Pressable as Pressable2, StyleSheet as StyleSheet3, View as View3 } from "react-native";
+import { Pressable as Pressable2, StyleSheet as StyleSheet3, Text as Text2, View as View3 } from "react-native";
 import { useViewerStore as useViewerStore3 } from "@papyrus-sdk/core";
 import { PapyrusPdfDocumentView } from "@papyrus-sdk/engine-native";
 
@@ -24467,6 +24468,11 @@ var IconCommentBubble = ({
   /* @__PURE__ */ jsx3(Circle, { cx: "15", cy: "11", r: "1", fill: color })
 ] });
 
+// components/selectionToolbarModel.ts
+var getSelectionToolbarActions = (label = "Definir") => [
+  { id: "dictionary", label }
+];
+
 // components/DedicatedAndroidPdfViewer.tsx
 import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var TEXT_MARKUP_TOOLS2 = /* @__PURE__ */ new Set(["highlight", "underline", "squiggly", "strikeout"]);
@@ -24479,7 +24485,9 @@ var getDedicatedAndroidPdfEngineId = (engine) => {
   return typeof engineId === "string" && engineId.length > 0 ? engineId : null;
 };
 function DedicatedAndroidPdfViewer({
-  engine
+  engine,
+  onDefineSelection,
+  selectionActionLabel
 }) {
   const pageTheme = useViewerStore3((state) => state.pageTheme);
   const zoom = useViewerStore3((state) => state.zoom);
@@ -24662,6 +24670,27 @@ function DedicatedAndroidPdfViewer({
         }
       ),
       /* @__PURE__ */ jsx4(View3, { style: styles3.selectionToolbar, pointerEvents: "box-none", children: /* @__PURE__ */ jsxs4(View3, { style: styles3.toolbarContent, children: [
+        onDefineSelection && getSelectionToolbarActions(selectionActionLabel).map((action) => /* @__PURE__ */ jsxs4(
+          Pressable2,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: action.label,
+            onPress: () => {
+              const currentSelection = selectionRef.current;
+              if (!currentSelection) return;
+              onDefineSelection({
+                text: currentSelection.text,
+                pageIndex: currentSelection.pageIndex
+              });
+            },
+            style: [styles3.toolbarButton, styles3.dictionaryButton],
+            children: [
+              /* @__PURE__ */ jsx4(IconInfo, { size: 16, color: "#fff" }),
+              /* @__PURE__ */ jsx4(Text2, { style: styles3.toolbarButtonText, children: action.label })
+            ]
+          },
+          action.id
+        )),
         /* @__PURE__ */ jsx4(
           Pressable2,
           {
@@ -24743,6 +24772,11 @@ var styles3 = StyleSheet3.create({
     alignItems: "center",
     justifyContent: "center"
   },
+  dictionaryButton: {
+    width: 118,
+    flexDirection: "row",
+    gap: 6
+  },
   overlay: {
     ...StyleSheet3.absoluteFillObject,
     zIndex: 40
@@ -24794,7 +24828,8 @@ var Viewer = ({
   useDedicatedAndroidPdfViewer,
   viewerMode,
   onTextSelected,
-  onDefineSelection
+  onDefineSelection,
+  selectionActionLabel
 }) => {
   const pageCount = useViewerStore4((state) => state.pageCount);
   const currentPage = useViewerStore4((state) => state.currentPage);
@@ -25932,6 +25967,7 @@ var Viewer = ({
                   onSelectionDragActiveChange: setSelectionDragActive,
                   onTextSelected,
                   onDefineSelection,
+                  selectionActionLabel,
                   gestureScrollLockActive,
                   lastPinchEndedAt,
                   requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -25950,6 +25986,7 @@ var Viewer = ({
                   onSelectionDragActiveChange: setSelectionDragActive,
                   onTextSelected,
                   onDefineSelection,
+                  selectionActionLabel,
                   gestureScrollLockActive,
                   lastPinchEndedAt,
                   requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -25971,6 +26008,7 @@ var Viewer = ({
           onSelectionDragActiveChange: setSelectionDragActive,
           onTextSelected,
           onDefineSelection,
+          selectionActionLabel,
           gestureScrollLockActive,
           lastPinchEndedAt,
           requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -25994,7 +26032,14 @@ var Viewer = ({
     return /* @__PURE__ */ jsx5(View4, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ jsx5(WebViewViewer_default, { engine }) });
   }
   if (isNativePdfViewer) {
-    return /* @__PURE__ */ jsx5(View4, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ jsx5(DedicatedAndroidPdfViewer, { engine }) });
+    return /* @__PURE__ */ jsx5(View4, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ jsx5(
+      DedicatedAndroidPdfViewer,
+      {
+        engine,
+        onDefineSelection,
+        selectionActionLabel
+      }
+    ) });
   }
   if (isSingle) {
     return /* @__PURE__ */ jsx5(View4, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ jsx5(GestureDetector2, { gesture: viewerPinchGesture, children: /* @__PURE__ */ jsx5(
@@ -26062,6 +26107,7 @@ var Viewer = ({
                     onSelectionDragActiveChange: setSelectionDragActive,
                     onTextSelected,
                     onDefineSelection,
+                    selectionActionLabel,
                     gestureScrollLockActive,
                     lastPinchEndedAt,
                     requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -26199,7 +26245,7 @@ var Viewer_default = Viewer;
 
 // components/Topbar.tsx
 import { useState as useState6 } from "react";
-import { View as View6, Text as Text3, Pressable as Pressable4, StyleSheet as StyleSheet6, useWindowDimensions as useWindowDimensions3 } from "react-native";
+import { View as View6, Text as Text4, Pressable as Pressable4, StyleSheet as StyleSheet6, useWindowDimensions as useWindowDimensions3 } from "react-native";
 import { useViewerStore as useViewerStore5 } from "@papyrus-sdk/core";
 
 // components/mobileChromeMetrics.ts
@@ -26222,7 +26268,7 @@ var MOBILE_CHROME_METRICS = {
 
 // components/PageJumpModal.tsx
 import { useEffect as useEffect5, useState as useState5 } from "react";
-import { Modal, Pressable as Pressable3, StyleSheet as StyleSheet5, Text as Text2, TextInput, View as View5 } from "react-native";
+import { Modal, Pressable as Pressable3, StyleSheet as StyleSheet5, Text as Text3, TextInput, View as View5 } from "react-native";
 
 // components/pageJumpModel.ts
 var resolvePageJumpTarget = (value, pageCount) => {
@@ -26265,7 +26311,7 @@ function PageJumpModal({
           style: [styles5.card, isDark && styles5.cardDark],
           onPress: (event) => event.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx6(Text2, { style: [styles5.title, isDark && styles5.titleDark], children: "Ir para pagina" }),
+            /* @__PURE__ */ jsx6(Text3, { style: [styles5.title, isDark && styles5.titleDark], children: "Ir para pagina" }),
             /* @__PURE__ */ jsx6(
               TextInput,
               {
@@ -26292,7 +26338,7 @@ function PageJumpModal({
                     styles5.actionCancel,
                     isDark && styles5.actionCancelDark
                   ],
-                  children: /* @__PURE__ */ jsx6(Text2, { style: [styles5.actionText, isDark && styles5.actionTextDark], children: "Cancelar" })
+                  children: /* @__PURE__ */ jsx6(Text3, { style: [styles5.actionText, isDark && styles5.actionTextDark], children: "Cancelar" })
                 }
               ),
               /* @__PURE__ */ jsx6(
@@ -26300,7 +26346,7 @@ function PageJumpModal({
                 {
                   onPress: confirmJump,
                   style: [styles5.actionButton, { backgroundColor: accentColor }],
-                  children: /* @__PURE__ */ jsx6(Text2, { style: [styles5.actionText, styles5.actionTextPrimary], children: "Ir" })
+                  children: /* @__PURE__ */ jsx6(Text3, { style: [styles5.actionText, styles5.actionTextPrimary], children: "Ir" })
                 }
               )
             ] })
@@ -26425,7 +26471,7 @@ var Topbar = ({
     }
     setJumpModalOpen(true);
   };
-  const defaultLogo = /* @__PURE__ */ jsx7(View6, { style: [styles6.logoBadge, { backgroundColor: accentColor }], children: /* @__PURE__ */ jsx7(Text3, { style: styles6.logoText, children: "P" }) });
+  const defaultLogo = /* @__PURE__ */ jsx7(View6, { style: [styles6.logoBadge, { backgroundColor: accentColor }], children: /* @__PURE__ */ jsx7(Text4, { style: styles6.logoText, children: "P" }) });
   const logoElement = logo ?? defaultLogo;
   if (!mobileChromeVisible) return null;
   return /* @__PURE__ */ jsxs7(Fragment2, { children: [
@@ -26455,7 +26501,7 @@ var Topbar = ({
                 style: styles6.titleHit,
                 accessibilityLabel: "Open page jump",
                 children: /* @__PURE__ */ jsx7(
-                  Text3,
+                  Text4,
                   {
                     numberOfLines: 1,
                     style: [styles6.brandText, isDark && styles6.brandTextDark],
@@ -26487,7 +26533,7 @@ var Topbar = ({
                 style: styles6.pageIndicatorHit,
                 accessibilityLabel: "Page jump",
                 children: /* @__PURE__ */ jsxs7(
-                  Text3,
+                  Text4,
                   {
                     style: [
                       styles6.pageIndicator,
@@ -26710,7 +26756,7 @@ var Topbar_default = Topbar;
 import React7, { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef5, useState as useState7 } from "react";
 import {
   View as View7,
-  Text as Text4,
+  Text as Text5,
   Pressable as Pressable5,
   StyleSheet as StyleSheet7,
   ScrollView as ScrollView2,
@@ -27364,7 +27410,7 @@ var ToolDock = () => {
                       }
                     ],
                     children: /* @__PURE__ */ jsx8(
-                      Text4,
+                      Text5,
                       {
                         style: [
                           styles7.utilityLabel,
@@ -27480,7 +27526,7 @@ var ToolDock = () => {
                   }
                 ],
                 children: /* @__PURE__ */ jsx8(
-                  Text4,
+                  Text5,
                   {
                     style: [
                       styles7.utilityLabel,
@@ -27786,7 +27832,7 @@ import {
   Platform as Platform3,
   Pressable as Pressable7,
   StyleSheet as StyleSheet9,
-  Text as Text6,
+  Text as Text7,
   UIManager,
   View as View9,
   findNodeHandle as findNodeHandle2
@@ -27807,7 +27853,7 @@ import {
   Pressable as Pressable6,
   ScrollView as ScrollView3,
   StyleSheet as StyleSheet8,
-  Text as Text5,
+  Text as Text6,
   View as View8
 } from "react-native";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -27863,7 +27909,7 @@ function NativeSheet({
                   }
                 ),
                 /* @__PURE__ */ jsx9(
-                  Text5,
+                  Text6,
                   {
                     style: [styles8.title, isDark && styles8.titleDark],
                     numberOfLines: 1,
@@ -28043,7 +28089,7 @@ var PageThumbnail = ({
                 style: styles9.thumbImage
               }
             ) : /* @__PURE__ */ jsx10(View9, { style: [styles9.thumbFallback, isDark && styles9.thumbFallbackDark], children: /* @__PURE__ */ jsx10(
-              Text6,
+              Text7,
               {
                 style: [
                   styles9.thumbFallbackText,
@@ -28054,7 +28100,7 @@ var PageThumbnail = ({
             ) })
           }
         ),
-        /* @__PURE__ */ jsx10(Text6, { style: [styles9.thumbLabel, isDark && styles9.thumbLabelDark], children: pageIndex + 1 })
+        /* @__PURE__ */ jsx10(Text7, { style: [styles9.thumbLabel, isDark && styles9.thumbLabelDark], children: pageIndex + 1 })
       ]
     }
   );
@@ -28071,7 +28117,7 @@ var OutlineNode = ({ item, depth = 0, isDark, onSelect, untitledLabel }) => {
         },
         style: [styles9.outlineRow, { paddingLeft: 12 + depth * 12 }],
         children: /* @__PURE__ */ jsx10(
-          Text6,
+          Text7,
           {
             style: [
               styles9.outlineText,
@@ -28347,7 +28393,7 @@ var RightSheet = ({
       maxHeight: sheetHeight,
       children: /* @__PURE__ */ jsxs10(View9, { style: styles9.sheet, children: [
         /* @__PURE__ */ jsxs10(View9, { style: styles9.header, children: [
-          /* @__PURE__ */ jsx10(Text6, { style: [styles9.sheetTitle, isDark && styles9.sheetTitleDark], children: showingNotes ? t.notes : navigationTitle }),
+          /* @__PURE__ */ jsx10(Text7, { style: [styles9.sheetTitle, isDark && styles9.sheetTitleDark], children: showingNotes ? t.notes : navigationTitle }),
           !showingNotes ? /* @__PURE__ */ jsx10(
             Pressable7,
             {
@@ -28355,7 +28401,7 @@ var RightSheet = ({
               disabled: showingProgress || pageCount <= 0,
               style: styles9.pageStatusHit,
               accessibilityLabel: "Open page jump",
-              children: /* @__PURE__ */ jsx10(Text6, { style: [styles9.pageStatus, isDark && styles9.pageStatusDark], children: showingProgress ? `${Math.round(currentPage / Math.max(pageCount, 1) * 100)}%` : `${currentPage}/${pageCount}` })
+              children: /* @__PURE__ */ jsx10(Text7, { style: [styles9.pageStatus, isDark && styles9.pageStatusDark], children: showingProgress ? `${Math.round(currentPage / Math.max(pageCount, 1) * 100)}%` : `${currentPage}/${pageCount}` })
             }
           ) : null
         ] }),
@@ -28373,7 +28419,7 @@ var RightSheet = ({
                   }
                 ],
                 children: /* @__PURE__ */ jsx10(
-                  Text6,
+                  Text7,
                   {
                     style: [
                       styles9.segmentText,
@@ -28397,7 +28443,7 @@ var RightSheet = ({
                   }
                 ],
                 children: /* @__PURE__ */ jsx10(
-                  Text6,
+                  Text7,
                   {
                     style: [
                       styles9.segmentText,
@@ -28446,7 +28492,7 @@ var RightSheet = ({
                     ],
                     children: [
                       /* @__PURE__ */ jsxs10(
-                        Text6,
+                        Text7,
                         {
                           style: [
                             styles9.progressLabel,
@@ -28459,7 +28505,7 @@ var RightSheet = ({
                         }
                       ),
                       /* @__PURE__ */ jsxs10(
-                        Text6,
+                        Text7,
                         {
                           style: [
                             styles9.progressMeta,
@@ -28483,7 +28529,7 @@ var RightSheet = ({
             {
               contentContainerStyle: styles9.summaryContent,
               showsVerticalScrollIndicator: false,
-              children: outline.length === 0 ? /* @__PURE__ */ jsx10(Text6, { style: [styles9.emptyText, isDark && styles9.emptyTextDark], children: t.noSummary }) : outline.map((item, index) => /* @__PURE__ */ jsx10(
+              children: outline.length === 0 ? /* @__PURE__ */ jsx10(Text7, { style: [styles9.emptyText, isDark && styles9.emptyTextDark], children: t.noSummary }) : outline.map((item, index) => /* @__PURE__ */ jsx10(
                 OutlineNode,
                 {
                   item,
@@ -28500,7 +28546,7 @@ var RightSheet = ({
           {
             contentContainerStyle: styles9.content,
             showsVerticalScrollIndicator: false,
-            children: annotations.length === 0 ? /* @__PURE__ */ jsx10(Text6, { style: [styles9.emptyText, isDark && styles9.emptyTextDark], children: t.noAnnotations }) : /* @__PURE__ */ jsx10(View9, { children: annotations.map((ann) => /* @__PURE__ */ jsxs10(
+            children: annotations.length === 0 ? /* @__PURE__ */ jsx10(Text7, { style: [styles9.emptyText, isDark && styles9.emptyTextDark], children: t.noAnnotations }) : /* @__PURE__ */ jsx10(View9, { children: annotations.map((ann) => /* @__PURE__ */ jsxs10(
               Pressable7,
               {
                 onPress: () => {
@@ -28518,7 +28564,7 @@ var RightSheet = ({
                       }
                     ),
                     /* @__PURE__ */ jsxs10(
-                      Text6,
+                      Text7,
                       {
                         style: [styles9.noteTitle, isDark && styles9.noteTitleDark],
                         children: [
@@ -28530,7 +28576,7 @@ var RightSheet = ({
                     )
                   ] }),
                   /* @__PURE__ */ jsx10(
-                    Text6,
+                    Text7,
                     {
                       style: [
                         styles9.noteType,
@@ -28541,7 +28587,7 @@ var RightSheet = ({
                     }
                   ),
                   ann.content ? /* @__PURE__ */ jsx10(
-                    Text6,
+                    Text7,
                     {
                       style: [
                         styles9.noteContent,
@@ -28812,7 +28858,7 @@ import { useEffect as useEffect8, useState as useState9 } from "react";
 import {
   Modal as Modal3,
   View as View10,
-  Text as Text7,
+  Text as Text8,
   TextInput as TextInput2,
   Pressable as Pressable8,
   StyleSheet as StyleSheet10
@@ -28853,7 +28899,7 @@ var AnnotationEditor = () => {
       animationType: "fade",
       onRequestClose: handleClose,
       children: /* @__PURE__ */ jsx11(View10, { style: styles10.overlay, children: /* @__PURE__ */ jsxs11(View10, { style: [styles10.card, isDark && styles10.cardDark], children: [
-        /* @__PURE__ */ jsx11(Text7, { style: [styles10.title, isDark && styles10.titleDark], children: t.editNote }),
+        /* @__PURE__ */ jsx11(Text8, { style: [styles10.title, isDark && styles10.titleDark], children: t.editNote }),
         /* @__PURE__ */ jsx11(
           TextInput2,
           {
@@ -28871,7 +28917,7 @@ var AnnotationEditor = () => {
             {
               onPress: handleClose,
               style: [styles10.actionButton, styles10.actionCancel],
-              children: /* @__PURE__ */ jsx11(Text7, { style: styles10.actionText, children: t.cancel })
+              children: /* @__PURE__ */ jsx11(Text8, { style: styles10.actionText, children: t.cancel })
             }
           ),
           /* @__PURE__ */ jsx11(
@@ -28883,7 +28929,7 @@ var AnnotationEditor = () => {
                 styles10.actionSave,
                 { backgroundColor: accentColor }
               ],
-              children: /* @__PURE__ */ jsx11(Text7, { style: [styles10.actionText, styles10.actionTextLight], children: t.save })
+              children: /* @__PURE__ */ jsx11(Text8, { style: [styles10.actionText, styles10.actionTextLight], children: t.save })
             }
           )
         ] })
@@ -29249,7 +29295,7 @@ var styles11 = StyleSheet11.create({
 var BottomBar_default = BottomBar;
 
 // components/SettingsSheet.tsx
-import { Dimensions as Dimensions2, View as View12, Text as Text8, Pressable as Pressable10, StyleSheet as StyleSheet12 } from "react-native";
+import { Dimensions as Dimensions2, View as View12, Text as Text9, Pressable as Pressable10, StyleSheet as StyleSheet12 } from "react-native";
 import { useViewerStore as useViewerStore10 } from "@papyrus-sdk/core";
 import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var PAGE_THEME_OPTIONS = [
@@ -29340,7 +29386,7 @@ var SettingsSheet = ({
           children: [
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text8,
+                Text9,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.appearance
@@ -29358,7 +29404,7 @@ var SettingsSheet = ({
                       uiTheme === "light" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [
                           styles12.optionText,
@@ -29381,7 +29427,7 @@ var SettingsSheet = ({
                       uiTheme === "dark" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [
                           styles12.optionText,
@@ -29397,7 +29443,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text8,
+                Text9,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.pageTheme
@@ -29418,7 +29464,7 @@ var SettingsSheet = ({
                     children: [
                       /* @__PURE__ */ jsx13(ThemeSwatch, { value: option.value }),
                       /* @__PURE__ */ jsx13(
-                        Text8,
+                        Text9,
                         {
                           style: [
                             styles12.themeOptionLabel,
@@ -29436,7 +29482,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text8,
+                Text9,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.pageTransition
@@ -29454,7 +29500,7 @@ var SettingsSheet = ({
                       (!isPaged || isDouble) && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [
                           styles12.optionText,
@@ -29477,7 +29523,7 @@ var SettingsSheet = ({
                       isPaged && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [
                           styles12.optionText,
@@ -29493,7 +29539,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text8,
+                Text9,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.layout
@@ -29511,7 +29557,7 @@ var SettingsSheet = ({
                       !isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [
                           styles12.optionText,
@@ -29534,7 +29580,7 @@ var SettingsSheet = ({
                       isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [
                           styles12.optionText,
@@ -29550,7 +29596,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text8,
+                Text9,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.rotate
@@ -29563,7 +29609,7 @@ var SettingsSheet = ({
                     onPress: () => handleRotate("counterclockwise"),
                     style: [styles12.optionButton, isDark && styles12.optionButtonDark],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [styles12.optionText, isDark && styles12.optionTextDark],
                         children: t.counterclockwise
@@ -29577,7 +29623,7 @@ var SettingsSheet = ({
                     onPress: () => handleRotate("clockwise"),
                     style: [styles12.optionButton, isDark && styles12.optionButtonDark],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [styles12.optionText, isDark && styles12.optionTextDark],
                         children: t.clockwise
@@ -29589,7 +29635,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text8,
+                Text9,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.zoom
@@ -29604,7 +29650,7 @@ var SettingsSheet = ({
                     children: /* @__PURE__ */ jsx13(IconZoomOut, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                   }
                 ),
-                /* @__PURE__ */ jsx13(View12, { style: styles12.zoomValue, children: /* @__PURE__ */ jsxs13(Text8, { style: [styles12.zoomText, isDark && styles12.zoomTextDark], children: [
+                /* @__PURE__ */ jsx13(View12, { style: styles12.zoomValue, children: /* @__PURE__ */ jsxs13(Text9, { style: [styles12.zoomText, isDark && styles12.zoomTextDark], children: [
                   Math.round(zoom * 100),
                   "%"
                 ] }) }),
@@ -29620,7 +29666,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text8,
+                Text9,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.language
@@ -29638,7 +29684,7 @@ var SettingsSheet = ({
                       locale === "en" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [
                           styles12.optionText,
@@ -29661,7 +29707,7 @@ var SettingsSheet = ({
                       locale === "pt-BR" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text8,
+                      Text9,
                       {
                         style: [
                           styles12.optionText,
@@ -29818,7 +29864,7 @@ import { useEffect as useEffect9, useMemo as useMemo6, useRef as useRef7, useSta
 import {
   ActivityIndicator,
   StyleSheet as StyleSheet13,
-  Text as Text9,
+  Text as Text10,
   UIManager as UIManager2,
   View as View13,
   findNodeHandle as findNodeHandle3
@@ -29941,12 +29987,12 @@ var CoverPreview = ({
     }
   };
   if (!shouldRender || !canRender) {
-    return /* @__PURE__ */ jsx14(View13, { style: [styles13.container, style], children: placeholder ?? /* @__PURE__ */ jsx14(View13, { style: styles13.placeholder, children: /* @__PURE__ */ jsx14(Text9, { style: styles13.placeholderText, children: "Preview" }) }) });
+    return /* @__PURE__ */ jsx14(View13, { style: [styles13.container, style], children: placeholder ?? /* @__PURE__ */ jsx14(View13, { style: styles13.placeholder, children: /* @__PURE__ */ jsx14(Text10, { style: styles13.placeholderText, children: "Preview" }) }) });
   }
   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(Text9, { style: styles13.errorText, children: "Preview unavailable" }) })
+    error && /* @__PURE__ */ jsx14(View13, { pointerEvents: "none", style: styles13.errorOverlay, children: /* @__PURE__ */ jsx14(Text10, { style: styles13.errorText, children: "Preview unavailable" }) })
   ] });
 };
 var styles13 = StyleSheet13.create({
@@ -30005,7 +30051,7 @@ import {
   Modal as Modal4,
   Pressable as Pressable11,
   StyleSheet as StyleSheet14,
-  Text as Text10,
+  Text as Text11,
   View as View14
 } from "react-native";
 import { useViewerStore as useViewerStore11 } from "@papyrus-sdk/core";
@@ -30022,12 +30068,12 @@ function DocumentActionsSheet({
       onPress: (event) => event.stopPropagation(),
       style: [styles14.card, isDark && styles14.cardDark],
       children: [
-        /* @__PURE__ */ jsx15(Text10, { style: [styles14.eyebrow, isDark && styles14.eyebrowDark], children: "Document actions" }),
+        /* @__PURE__ */ jsx15(Text11, { 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(Text10, { style: [styles14.actionText, isDark && styles14.actionTextDark], children: "Share" }) }),
-          /* @__PURE__ */ jsx15(View14, { style: [styles14.actionItem, isDark && styles14.actionItemDark], children: /* @__PURE__ */ jsx15(Text10, { style: [styles14.actionText, isDark && styles14.actionTextDark], children: "Export" }) })
+          /* @__PURE__ */ jsx15(View14, { style: [styles14.actionItem, isDark && styles14.actionItemDark], children: /* @__PURE__ */ jsx15(Text11, { style: [styles14.actionText, isDark && styles14.actionTextDark], children: "Share" }) }),
+          /* @__PURE__ */ jsx15(View14, { style: [styles14.actionItem, isDark && styles14.actionItemDark], children: /* @__PURE__ */ jsx15(Text11, { style: [styles14.actionText, isDark && styles14.actionTextDark], children: "Export" }) })
         ] }),
-        /* @__PURE__ */ jsx15(Pressable11, { onPress: onClose, style: styles14.closeButton, accessibilityLabel: "Close actions sheet", children: /* @__PURE__ */ jsx15(Text10, { style: styles14.closeText, children: "Close" }) })
+        /* @__PURE__ */ jsx15(Pressable11, { onPress: onClose, style: styles14.closeButton, accessibilityLabel: "Close actions sheet", children: /* @__PURE__ */ jsx15(Text11, { style: styles14.closeText, children: "Close" }) })
       ]
     }
   ) }) });
@@ -30098,7 +30144,7 @@ import {
   Pressable as Pressable12,
   ScrollView as ScrollView4,
   StyleSheet as StyleSheet15,
-  Text as Text11,
+  Text as Text12,
   View as View15
 } from "react-native";
 import { useViewerStore as useViewerStore12 } from "@papyrus-sdk/core";
@@ -30257,7 +30303,7 @@ function InfoSheet({
                 }
               ),
               /* @__PURE__ */ jsx16(
-                Text11,
+                Text12,
                 {
                   style: [styles15.headerTitle, isDark && styles15.headerTitleDark],
                   numberOfLines: 1,
@@ -30274,7 +30320,7 @@ function InfoSheet({
                 showsVerticalScrollIndicator: false,
                 children: [
                   /* @__PURE__ */ jsx16(
-                    Text11,
+                    Text12,
                     {
                       style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                       children: locale === "pt-BR" ? "Informa\xE7\xF5es" : "Information"
@@ -30285,9 +30331,9 @@ function InfoSheet({
                     {
                       style: [styles15.row, isDark && styles15.rowDark],
                       children: [
-                        /* @__PURE__ */ jsx16(Text11, { style: [styles15.label, isDark && styles15.labelDark], children: row.label }),
+                        /* @__PURE__ */ jsx16(Text12, { style: [styles15.label, isDark && styles15.labelDark], children: row.label }),
                         /* @__PURE__ */ jsx16(
-                          Text11,
+                          Text12,
                           {
                             style: [styles15.value, isDark && styles15.valueDark],
                             selectable: true,
@@ -30410,7 +30456,7 @@ var styles15 = StyleSheet15.create({
 });
 
 // components/OverflowSheet.tsx
-import { Modal as Modal6, Pressable as Pressable13, StyleSheet as StyleSheet16, Text as Text12, View as View16 } from "react-native";
+import { Modal as Modal6, Pressable as Pressable13, StyleSheet as StyleSheet16, Text as Text13, View as View16 } from "react-native";
 import { useViewerStore as useViewerStore13 } from "@papyrus-sdk/core";
 import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var actionLabels = [{ key: "actions", label: "Document actions" }];
@@ -30445,7 +30491,7 @@ function OverflowSheet({
                 style: [styles16.actionButton, { borderColor: accentColor }],
                 accessibilityLabel: action.label,
                 children: /* @__PURE__ */ jsx17(
-                  Text12,
+                  Text13,
                   {
                     style: [styles16.actionText, isDark && styles16.actionTextDark],
                     children: action.label
@@ -30502,7 +30548,7 @@ var styles16 = StyleSheet16.create({
 
 // components/ProgressPill.tsx
 import { useMemo as useMemo7 } from "react";
-import { Pressable as Pressable14, StyleSheet as StyleSheet17, Text as Text13, View as View17 } from "react-native";
+import { Pressable as Pressable14, StyleSheet as StyleSheet17, Text as Text14, View as View17 } from "react-native";
 import { useViewerStore as useViewerStore14 } from "@papyrus-sdk/core";
 import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 var clampPercent = (value) => Math.max(0, Math.min(100, Math.round(value)));
@@ -30566,7 +30612,7 @@ function ProgressPill({
             onLongPress: onOpenPageJump,
             style: styles17.labelHit,
             accessibilityLabel: "Open page jump",
-            children: /* @__PURE__ */ jsx18(Text13, { style: [styles17.label, isDark && styles17.labelDark], children: label })
+            children: /* @__PURE__ */ jsx18(Text14, { style: [styles17.label, isDark && styles17.labelDark], children: label })
           }
         )
       ]
@@ -30626,7 +30672,7 @@ import {
   Keyboard,
   Pressable as Pressable15,
   StyleSheet as StyleSheet18,
-  Text as Text14,
+  Text as Text15,
   TextInput as TextInput3,
   View as View18
 } from "react-native";
@@ -30711,7 +30757,7 @@ function SearchOverlay({
               onPress: handleClose,
               style: [styles18.closeButton, isDark && styles18.closeButtonDark],
               accessibilityLabel: "Close search",
-              children: /* @__PURE__ */ jsx19(Text14, { style: [styles18.closeText, isDark && styles18.closeTextDark], children: t.cancel })
+              children: /* @__PURE__ */ jsx19(Text15, { style: [styles18.closeText, isDark && styles18.closeTextDark], children: t.cancel })
             }
           )
         ] }),
@@ -30730,7 +30776,7 @@ function SearchOverlay({
               children: /* @__PURE__ */ jsx19(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
             }
           ),
-          /* @__PURE__ */ jsx19(Text14, { style: [styles18.metaText, isDark && styles18.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
+          /* @__PURE__ */ jsx19(Text15, { style: [styles18.metaText, isDark && styles18.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
           /* @__PURE__ */ jsx19(
             Pressable15,
             {
@@ -30753,7 +30799,7 @@ function SearchOverlay({
               onPress: handleSubmit,
               style: [styles18.primaryAction, { backgroundColor: accentColor }],
               accessibilityLabel: "Run search",
-              children: /* @__PURE__ */ jsx19(Text14, { style: styles18.primaryActionText, children: t.searchGo })
+              children: /* @__PURE__ */ jsx19(Text15, { style: styles18.primaryActionText, children: t.searchGo })
             }
           ),
           /* @__PURE__ */ jsx19(
@@ -30768,7 +30814,7 @@ function SearchOverlay({
               ],
               accessibilityLabel: "Open all results",
               children: /* @__PURE__ */ jsx19(
-                Text14,
+                Text15,
                 {
                   style: [
                     styles18.secondaryActionText,
@@ -30930,7 +30976,7 @@ import {
   Pressable as Pressable16,
   ScrollView as ScrollView5,
   StyleSheet as StyleSheet19,
-  Text as Text15,
+  Text as Text16,
   View as View19
 } from "react-native";
 import { useViewerStore as useViewerStore16 } from "@papyrus-sdk/core";
@@ -30970,14 +31016,14 @@ function SearchResultsSheet({
         /* @__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(Text15, { style: [styles19.title, isDark && styles19.titleDark], children: t.allResults }),
-            /* @__PURE__ */ jsxs20(Text15, { style: [styles19.meta, isDark && styles19.metaDark], children: [
+            /* @__PURE__ */ jsx20(Text16, { style: [styles19.title, isDark && styles19.titleDark], children: t.allResults }),
+            /* @__PURE__ */ jsxs20(Text16, { style: [styles19.meta, isDark && styles19.metaDark], children: [
               searchResults.length,
               " ",
               t.results
             ] })
           ] }),
-          /* @__PURE__ */ jsx20(ScrollView5, { contentContainerStyle: styles19.content, children: searchResults.length === 0 ? /* @__PURE__ */ jsx20(Text15, { style: [styles19.emptyText, isDark && styles19.emptyTextDark], children: t.noResults }) : searchResults.map((result, index) => {
+          /* @__PURE__ */ jsx20(ScrollView5, { contentContainerStyle: styles19.content, children: searchResults.length === 0 ? /* @__PURE__ */ jsx20(Text16, { style: [styles19.emptyText, isDark && styles19.emptyTextDark], children: t.noResults }) : searchResults.map((result, index) => {
             const isActive = index === activeSearchIndex;
             return /* @__PURE__ */ jsxs20(
               Pressable16,
@@ -30999,9 +31045,9 @@ function SearchResultsSheet({
                   }
                 ],
                 children: [
-                  /* @__PURE__ */ jsx20(Text15, { style: [styles19.resultLabel, { color: accentColor }], children: getResultLabel(result.pageIndex) }),
+                  /* @__PURE__ */ jsx20(Text16, { style: [styles19.resultLabel, { color: accentColor }], children: getResultLabel(result.pageIndex) }),
                   /* @__PURE__ */ jsx20(
-                    Text15,
+                    Text16,
                     {
                       style: [
                         styles19.resultText,