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

package/dist/index.mjs

@@ -21617,6 +21617,7 @@ import {
 } from "react";
 import {
   View,
+  Text,
   StyleSheet,
   Pressable,
   PanResponder,
@@ -21626,7 +21627,10 @@ import {
 } from "react-native";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
 import Svg, { Path as SvgPath } from "react-native-svg";
-import { useViewerStore } from "@papyrus-sdk/core";
+import { papyrusEvents, useViewerStore } from "@papyrus-sdk/core";
+import {
+  PapyrusEventType
+} from "@papyrus-sdk/types";
 import {
   PapyrusPageView
 } from "@papyrus-sdk/engine-native";
@@ -21897,6 +21901,14 @@ var resolvePdfBasePageWidth = ({
   horizontalPadding
 }) => Math.max(0, viewportWidth - horizontalPadding * 2);
 
+// components/selectionEvent.ts
+var notifyTextSelection = (handler, payload) => {
+  const text = payload.text.replace(/\s+/g, " ").trim();
+  if (!text) return false;
+  handler?.({ ...payload, text });
+  return Boolean(handler);
+};
+
 // components/PageRenderer.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var TEXT_MARKUP_TOOLS = /* @__PURE__ */ new Set([
@@ -21971,6 +21983,8 @@ var PageRenderer = ({
   horizontalPadding = 16,
   spacing = 24,
   onSelectionDragActiveChange,
+  onTextSelected,
+  onDefineSelection,
   gestureScrollLockActive = false,
   lastPinchEndedAt = null,
   requestSelectionVerticalAutoscroll
@@ -22316,6 +22330,17 @@ var PageRenderer = ({
       return;
     }
     const selectedText = selection.text || "";
+    const normalizedText = selectedText.replace(/\s+/g, " ").trim();
+    if (normalizedText) {
+      papyrusEvents.emit(PapyrusEventType.TEXT_SELECTED, {
+        text: normalizedText,
+        pageIndex
+      });
+    }
+    notifyTextSelection(onTextSelected, {
+      text: normalizedText,
+      pageIndex
+    });
     logSelectionPerf("selection.ready", {
       tool: activeTool,
       sourceRectCount: selection.rects.length,
@@ -23251,6 +23276,20 @@ var PageRenderer = ({
                   }
                 ],
                 children: [
+                  onDefineSelection ? /* @__PURE__ */ jsx(
+                    Pressable,
+                    {
+                      onPress: (event) => {
+                        stopPressPropagation(event);
+                        onDefineSelection({
+                          text: selectionText,
+                          pageIndex
+                        });
+                      },
+                      style: [styles.selectionAction, styles.defineSelectionAction],
+                      children: /* @__PURE__ */ jsx(Text, { style: styles.defineSelectionText, children: "Definir" })
+                    }
+                  ) : null,
                   /* @__PURE__ */ jsx(
                     Pressable,
                     {
@@ -23550,6 +23589,15 @@ var styles = StyleSheet.create({
     justifyContent: "center",
     marginRight: 10
   },
+  defineSelectionAction: {
+    width: 58,
+    paddingHorizontal: 6
+  },
+  defineSelectionText: {
+    color: "#FFFFFF",
+    fontSize: 11,
+    fontWeight: "700"
+  },
   selectionActionLast: {
     marginRight: 0
   },
@@ -23581,7 +23629,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.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.gestureScrollLockActive === next.gestureScrollLockActive && previous.lastPinchEndedAt === next.lastPinchEndedAt && previous.requestSelectionVerticalAutoscroll === next.requestSelectionVerticalAutoscroll;
 var PageRenderer_default = memo(PageRenderer, arePageRendererPropsEqual);
 
 // components/WebViewViewer.tsx
@@ -24744,7 +24792,9 @@ var Viewer = ({
   maxToRenderPerBatch,
   removeClippedSubviews,
   useDedicatedAndroidPdfViewer,
-  viewerMode
+  viewerMode,
+  onTextSelected,
+  onDefineSelection
 }) => {
   const pageCount = useViewerStore4((state) => state.pageCount);
   const currentPage = useViewerStore4((state) => state.currentPage);
@@ -25880,6 +25930,8 @@ var Viewer = ({
                   pageViewportWidth: columnWidth,
                   spacing: DOUBLE_PAGE_SPACING,
                   onSelectionDragActiveChange: setSelectionDragActive,
+                  onTextSelected,
+                  onDefineSelection,
                   gestureScrollLockActive,
                   lastPinchEndedAt,
                   requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -25896,6 +25948,8 @@ var Viewer = ({
                   pageViewportWidth: columnWidth,
                   spacing: DOUBLE_PAGE_SPACING,
                   onSelectionDragActiveChange: setSelectionDragActive,
+                  onTextSelected,
+                  onDefineSelection,
                   gestureScrollLockActive,
                   lastPinchEndedAt,
                   requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -25915,6 +25969,8 @@ var Viewer = ({
           pageViewportWidth: documentSurfaceWidth,
           spacing: CONTINUOUS_PAGE_SPACING,
           onSelectionDragActiveChange: setSelectionDragActive,
+          onTextSelected,
+          onDefineSelection,
           gestureScrollLockActive,
           lastPinchEndedAt,
           requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -26004,6 +26060,8 @@ var Viewer = ({
                     pageViewportWidth: documentSurfaceWidth,
                     spacing: 32,
                     onSelectionDragActiveChange: setSelectionDragActive,
+                    onTextSelected,
+                    onDefineSelection,
                     gestureScrollLockActive,
                     lastPinchEndedAt,
                     requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -26141,7 +26199,7 @@ var Viewer_default = Viewer;
 
 // components/Topbar.tsx
 import { useState as useState6 } from "react";
-import { View as View6, Text as Text2, Pressable as Pressable4, StyleSheet as StyleSheet6, useWindowDimensions as useWindowDimensions3 } from "react-native";
+import { View as View6, Text as Text3, Pressable as Pressable4, StyleSheet as StyleSheet6, useWindowDimensions as useWindowDimensions3 } from "react-native";
 import { useViewerStore as useViewerStore5 } from "@papyrus-sdk/core";
 
 // components/mobileChromeMetrics.ts
@@ -26164,7 +26222,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, TextInput, View as View5 } from "react-native";
+import { Modal, Pressable as Pressable3, StyleSheet as StyleSheet5, Text as Text2, TextInput, View as View5 } from "react-native";
 
 // components/pageJumpModel.ts
 var resolvePageJumpTarget = (value, pageCount) => {
@@ -26207,7 +26265,7 @@ function PageJumpModal({
           style: [styles5.card, isDark && styles5.cardDark],
           onPress: (event) => event.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx6(Text, { style: [styles5.title, isDark && styles5.titleDark], children: "Ir para pagina" }),
+            /* @__PURE__ */ jsx6(Text2, { style: [styles5.title, isDark && styles5.titleDark], children: "Ir para pagina" }),
             /* @__PURE__ */ jsx6(
               TextInput,
               {
@@ -26234,7 +26292,7 @@ function PageJumpModal({
                     styles5.actionCancel,
                     isDark && styles5.actionCancelDark
                   ],
-                  children: /* @__PURE__ */ jsx6(Text, { style: [styles5.actionText, isDark && styles5.actionTextDark], children: "Cancelar" })
+                  children: /* @__PURE__ */ jsx6(Text2, { style: [styles5.actionText, isDark && styles5.actionTextDark], children: "Cancelar" })
                 }
               ),
               /* @__PURE__ */ jsx6(
@@ -26242,7 +26300,7 @@ function PageJumpModal({
                 {
                   onPress: confirmJump,
                   style: [styles5.actionButton, { backgroundColor: accentColor }],
-                  children: /* @__PURE__ */ jsx6(Text, { style: [styles5.actionText, styles5.actionTextPrimary], children: "Ir" })
+                  children: /* @__PURE__ */ jsx6(Text2, { style: [styles5.actionText, styles5.actionTextPrimary], children: "Ir" })
                 }
               )
             ] })
@@ -26367,7 +26425,7 @@ var Topbar = ({
     }
     setJumpModalOpen(true);
   };
-  const defaultLogo = /* @__PURE__ */ jsx7(View6, { style: [styles6.logoBadge, { backgroundColor: accentColor }], children: /* @__PURE__ */ jsx7(Text2, { style: styles6.logoText, children: "P" }) });
+  const defaultLogo = /* @__PURE__ */ jsx7(View6, { style: [styles6.logoBadge, { backgroundColor: accentColor }], children: /* @__PURE__ */ jsx7(Text3, { style: styles6.logoText, children: "P" }) });
   const logoElement = logo ?? defaultLogo;
   if (!mobileChromeVisible) return null;
   return /* @__PURE__ */ jsxs7(Fragment2, { children: [
@@ -26397,7 +26455,7 @@ var Topbar = ({
                 style: styles6.titleHit,
                 accessibilityLabel: "Open page jump",
                 children: /* @__PURE__ */ jsx7(
-                  Text2,
+                  Text3,
                   {
                     numberOfLines: 1,
                     style: [styles6.brandText, isDark && styles6.brandTextDark],
@@ -26429,7 +26487,7 @@ var Topbar = ({
                 style: styles6.pageIndicatorHit,
                 accessibilityLabel: "Page jump",
                 children: /* @__PURE__ */ jsxs7(
-                  Text2,
+                  Text3,
                   {
                     style: [
                       styles6.pageIndicator,
@@ -26652,7 +26710,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 Text3,
+  Text as Text4,
   Pressable as Pressable5,
   StyleSheet as StyleSheet7,
   ScrollView as ScrollView2,
@@ -27306,7 +27364,7 @@ var ToolDock = () => {
                       }
                     ],
                     children: /* @__PURE__ */ jsx8(
-                      Text3,
+                      Text4,
                       {
                         style: [
                           styles7.utilityLabel,
@@ -27422,7 +27480,7 @@ var ToolDock = () => {
                   }
                 ],
                 children: /* @__PURE__ */ jsx8(
-                  Text3,
+                  Text4,
                   {
                     style: [
                       styles7.utilityLabel,
@@ -27728,7 +27786,7 @@ import {
   Platform as Platform3,
   Pressable as Pressable7,
   StyleSheet as StyleSheet9,
-  Text as Text5,
+  Text as Text6,
   UIManager,
   View as View9,
   findNodeHandle as findNodeHandle2
@@ -27749,7 +27807,7 @@ import {
   Pressable as Pressable6,
   ScrollView as ScrollView3,
   StyleSheet as StyleSheet8,
-  Text as Text4,
+  Text as Text5,
   View as View8
 } from "react-native";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -27805,7 +27863,7 @@ function NativeSheet({
                   }
                 ),
                 /* @__PURE__ */ jsx9(
-                  Text4,
+                  Text5,
                   {
                     style: [styles8.title, isDark && styles8.titleDark],
                     numberOfLines: 1,
@@ -27985,7 +28043,7 @@ var PageThumbnail = ({
                 style: styles9.thumbImage
               }
             ) : /* @__PURE__ */ jsx10(View9, { style: [styles9.thumbFallback, isDark && styles9.thumbFallbackDark], children: /* @__PURE__ */ jsx10(
-              Text5,
+              Text6,
               {
                 style: [
                   styles9.thumbFallbackText,
@@ -27996,7 +28054,7 @@ var PageThumbnail = ({
             ) })
           }
         ),
-        /* @__PURE__ */ jsx10(Text5, { style: [styles9.thumbLabel, isDark && styles9.thumbLabelDark], children: pageIndex + 1 })
+        /* @__PURE__ */ jsx10(Text6, { style: [styles9.thumbLabel, isDark && styles9.thumbLabelDark], children: pageIndex + 1 })
       ]
     }
   );
@@ -28013,7 +28071,7 @@ var OutlineNode = ({ item, depth = 0, isDark, onSelect, untitledLabel }) => {
         },
         style: [styles9.outlineRow, { paddingLeft: 12 + depth * 12 }],
         children: /* @__PURE__ */ jsx10(
-          Text5,
+          Text6,
           {
             style: [
               styles9.outlineText,
@@ -28289,7 +28347,7 @@ var RightSheet = ({
       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 }),
+          /* @__PURE__ */ jsx10(Text6, { style: [styles9.sheetTitle, isDark && styles9.sheetTitleDark], children: showingNotes ? t.notes : navigationTitle }),
           !showingNotes ? /* @__PURE__ */ jsx10(
             Pressable7,
             {
@@ -28297,7 +28355,7 @@ var RightSheet = ({
               disabled: showingProgress || pageCount <= 0,
               style: styles9.pageStatusHit,
               accessibilityLabel: "Open page jump",
-              children: /* @__PURE__ */ jsx10(Text5, { style: [styles9.pageStatus, isDark && styles9.pageStatusDark], children: showingProgress ? `${Math.round(currentPage / Math.max(pageCount, 1) * 100)}%` : `${currentPage}/${pageCount}` })
+              children: /* @__PURE__ */ jsx10(Text6, { style: [styles9.pageStatus, isDark && styles9.pageStatusDark], children: showingProgress ? `${Math.round(currentPage / Math.max(pageCount, 1) * 100)}%` : `${currentPage}/${pageCount}` })
             }
           ) : null
         ] }),
@@ -28315,7 +28373,7 @@ var RightSheet = ({
                   }
                 ],
                 children: /* @__PURE__ */ jsx10(
-                  Text5,
+                  Text6,
                   {
                     style: [
                       styles9.segmentText,
@@ -28339,7 +28397,7 @@ var RightSheet = ({
                   }
                 ],
                 children: /* @__PURE__ */ jsx10(
-                  Text5,
+                  Text6,
                   {
                     style: [
                       styles9.segmentText,
@@ -28388,7 +28446,7 @@ var RightSheet = ({
                     ],
                     children: [
                       /* @__PURE__ */ jsxs10(
-                        Text5,
+                        Text6,
                         {
                           style: [
                             styles9.progressLabel,
@@ -28401,7 +28459,7 @@ var RightSheet = ({
                         }
                       ),
                       /* @__PURE__ */ jsxs10(
-                        Text5,
+                        Text6,
                         {
                           style: [
                             styles9.progressMeta,
@@ -28425,7 +28483,7 @@ var RightSheet = ({
             {
               contentContainerStyle: styles9.summaryContent,
               showsVerticalScrollIndicator: false,
-              children: outline.length === 0 ? /* @__PURE__ */ jsx10(Text5, { style: [styles9.emptyText, isDark && styles9.emptyTextDark], children: t.noSummary }) : outline.map((item, index) => /* @__PURE__ */ jsx10(
+              children: outline.length === 0 ? /* @__PURE__ */ jsx10(Text6, { style: [styles9.emptyText, isDark && styles9.emptyTextDark], children: t.noSummary }) : outline.map((item, index) => /* @__PURE__ */ jsx10(
                 OutlineNode,
                 {
                   item,
@@ -28442,7 +28500,7 @@ var RightSheet = ({
           {
             contentContainerStyle: styles9.content,
             showsVerticalScrollIndicator: false,
-            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(
+            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(
               Pressable7,
               {
                 onPress: () => {
@@ -28460,7 +28518,7 @@ var RightSheet = ({
                       }
                     ),
                     /* @__PURE__ */ jsxs10(
-                      Text5,
+                      Text6,
                       {
                         style: [styles9.noteTitle, isDark && styles9.noteTitleDark],
                         children: [
@@ -28472,7 +28530,7 @@ var RightSheet = ({
                     )
                   ] }),
                   /* @__PURE__ */ jsx10(
-                    Text5,
+                    Text6,
                     {
                       style: [
                         styles9.noteType,
@@ -28483,7 +28541,7 @@ var RightSheet = ({
                     }
                   ),
                   ann.content ? /* @__PURE__ */ jsx10(
-                    Text5,
+                    Text6,
                     {
                       style: [
                         styles9.noteContent,
@@ -28754,7 +28812,7 @@ import { useEffect as useEffect8, useState as useState9 } from "react";
 import {
   Modal as Modal3,
   View as View10,
-  Text as Text6,
+  Text as Text7,
   TextInput as TextInput2,
   Pressable as Pressable8,
   StyleSheet as StyleSheet10
@@ -28795,7 +28853,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(Text6, { style: [styles10.title, isDark && styles10.titleDark], children: t.editNote }),
+        /* @__PURE__ */ jsx11(Text7, { style: [styles10.title, isDark && styles10.titleDark], children: t.editNote }),
         /* @__PURE__ */ jsx11(
           TextInput2,
           {
@@ -28813,7 +28871,7 @@ var AnnotationEditor = () => {
             {
               onPress: handleClose,
               style: [styles10.actionButton, styles10.actionCancel],
-              children: /* @__PURE__ */ jsx11(Text6, { style: styles10.actionText, children: t.cancel })
+              children: /* @__PURE__ */ jsx11(Text7, { style: styles10.actionText, children: t.cancel })
             }
           ),
           /* @__PURE__ */ jsx11(
@@ -28825,7 +28883,7 @@ var AnnotationEditor = () => {
                 styles10.actionSave,
                 { backgroundColor: accentColor }
               ],
-              children: /* @__PURE__ */ jsx11(Text6, { style: [styles10.actionText, styles10.actionTextLight], children: t.save })
+              children: /* @__PURE__ */ jsx11(Text7, { style: [styles10.actionText, styles10.actionTextLight], children: t.save })
             }
           )
         ] })
@@ -29191,7 +29249,7 @@ var styles11 = StyleSheet11.create({
 var BottomBar_default = BottomBar;
 
 // components/SettingsSheet.tsx
-import { Dimensions as Dimensions2, View as View12, Text as Text7, Pressable as Pressable10, StyleSheet as StyleSheet12 } from "react-native";
+import { Dimensions as Dimensions2, View as View12, Text as Text8, 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 = [
@@ -29282,7 +29340,7 @@ var SettingsSheet = ({
           children: [
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text7,
+                Text8,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.appearance
@@ -29300,7 +29358,7 @@ var SettingsSheet = ({
                       uiTheme === "light" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [
                           styles12.optionText,
@@ -29323,7 +29381,7 @@ var SettingsSheet = ({
                       uiTheme === "dark" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [
                           styles12.optionText,
@@ -29339,7 +29397,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text7,
+                Text8,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.pageTheme
@@ -29360,7 +29418,7 @@ var SettingsSheet = ({
                     children: [
                       /* @__PURE__ */ jsx13(ThemeSwatch, { value: option.value }),
                       /* @__PURE__ */ jsx13(
-                        Text7,
+                        Text8,
                         {
                           style: [
                             styles12.themeOptionLabel,
@@ -29378,7 +29436,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text7,
+                Text8,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.pageTransition
@@ -29396,7 +29454,7 @@ var SettingsSheet = ({
                       (!isPaged || isDouble) && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [
                           styles12.optionText,
@@ -29419,7 +29477,7 @@ var SettingsSheet = ({
                       isPaged && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [
                           styles12.optionText,
@@ -29435,7 +29493,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text7,
+                Text8,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.layout
@@ -29453,7 +29511,7 @@ var SettingsSheet = ({
                       !isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [
                           styles12.optionText,
@@ -29476,7 +29534,7 @@ var SettingsSheet = ({
                       isDouble && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [
                           styles12.optionText,
@@ -29492,7 +29550,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text7,
+                Text8,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.rotate
@@ -29505,7 +29563,7 @@ var SettingsSheet = ({
                     onPress: () => handleRotate("counterclockwise"),
                     style: [styles12.optionButton, isDark && styles12.optionButtonDark],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [styles12.optionText, isDark && styles12.optionTextDark],
                         children: t.counterclockwise
@@ -29519,7 +29577,7 @@ var SettingsSheet = ({
                     onPress: () => handleRotate("clockwise"),
                     style: [styles12.optionButton, isDark && styles12.optionButtonDark],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [styles12.optionText, isDark && styles12.optionTextDark],
                         children: t.clockwise
@@ -29531,7 +29589,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text7,
+                Text8,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.zoom
@@ -29546,7 +29604,7 @@ var SettingsSheet = ({
                     children: /* @__PURE__ */ jsx13(IconZoomOut, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
                   }
                 ),
-                /* @__PURE__ */ jsx13(View12, { style: styles12.zoomValue, children: /* @__PURE__ */ jsxs13(Text7, { style: [styles12.zoomText, isDark && styles12.zoomTextDark], children: [
+                /* @__PURE__ */ jsx13(View12, { style: styles12.zoomValue, children: /* @__PURE__ */ jsxs13(Text8, { style: [styles12.zoomText, isDark && styles12.zoomTextDark], children: [
                   Math.round(zoom * 100),
                   "%"
                 ] }) }),
@@ -29562,7 +29620,7 @@ var SettingsSheet = ({
             ] }),
             /* @__PURE__ */ jsxs13(View12, { style: styles12.section, children: [
               /* @__PURE__ */ jsx13(
-                Text7,
+                Text8,
                 {
                   style: [styles12.sectionTitle, isDark && styles12.sectionTitleDark],
                   children: t.language
@@ -29580,7 +29638,7 @@ var SettingsSheet = ({
                       locale === "en" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [
                           styles12.optionText,
@@ -29603,7 +29661,7 @@ var SettingsSheet = ({
                       locale === "pt-BR" && { backgroundColor: accentColor }
                     ],
                     children: /* @__PURE__ */ jsx13(
-                      Text7,
+                      Text8,
                       {
                         style: [
                           styles12.optionText,
@@ -29760,7 +29818,7 @@ import { useEffect as useEffect9, useMemo as useMemo6, useRef as useRef7, useSta
 import {
   ActivityIndicator,
   StyleSheet as StyleSheet13,
-  Text as Text8,
+  Text as Text9,
   UIManager as UIManager2,
   View as View13,
   findNodeHandle as findNodeHandle3
@@ -29883,12 +29941,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(Text8, { style: styles13.placeholderText, children: "Preview" }) }) });
+    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__ */ 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" }) })
+    error && /* @__PURE__ */ jsx14(View13, { pointerEvents: "none", style: styles13.errorOverlay, children: /* @__PURE__ */ jsx14(Text9, { style: styles13.errorText, children: "Preview unavailable" }) })
   ] });
 };
 var styles13 = StyleSheet13.create({
@@ -29947,7 +30005,7 @@ import {
   Modal as Modal4,
   Pressable as Pressable11,
   StyleSheet as StyleSheet14,
-  Text as Text9,
+  Text as Text10,
   View as View14
 } from "react-native";
 import { useViewerStore as useViewerStore11 } from "@papyrus-sdk/core";
@@ -29964,12 +30022,12 @@ function DocumentActionsSheet({
       onPress: (event) => event.stopPropagation(),
       style: [styles14.card, isDark && styles14.cardDark],
       children: [
-        /* @__PURE__ */ jsx15(Text9, { style: [styles14.eyebrow, isDark && styles14.eyebrowDark], children: "Document actions" }),
+        /* @__PURE__ */ jsx15(Text10, { 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__ */ 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(Pressable11, { onPress: onClose, style: styles14.closeButton, accessibilityLabel: "Close actions sheet", children: /* @__PURE__ */ jsx15(Text9, { style: styles14.closeText, children: "Close" }) })
+        /* @__PURE__ */ jsx15(Pressable11, { onPress: onClose, style: styles14.closeButton, accessibilityLabel: "Close actions sheet", children: /* @__PURE__ */ jsx15(Text10, { style: styles14.closeText, children: "Close" }) })
       ]
     }
   ) }) });
@@ -30040,7 +30098,7 @@ import {
   Pressable as Pressable12,
   ScrollView as ScrollView4,
   StyleSheet as StyleSheet15,
-  Text as Text10,
+  Text as Text11,
   View as View15
 } from "react-native";
 import { useViewerStore as useViewerStore12 } from "@papyrus-sdk/core";
@@ -30199,7 +30257,7 @@ function InfoSheet({
                 }
               ),
               /* @__PURE__ */ jsx16(
-                Text10,
+                Text11,
                 {
                   style: [styles15.headerTitle, isDark && styles15.headerTitleDark],
                   numberOfLines: 1,
@@ -30216,7 +30274,7 @@ function InfoSheet({
                 showsVerticalScrollIndicator: false,
                 children: [
                   /* @__PURE__ */ jsx16(
-                    Text10,
+                    Text11,
                     {
                       style: [styles15.sectionTitle, isDark && styles15.sectionTitleDark],
                       children: locale === "pt-BR" ? "Informa\xE7\xF5es" : "Information"
@@ -30227,9 +30285,9 @@ function InfoSheet({
                     {
                       style: [styles15.row, isDark && styles15.rowDark],
                       children: [
-                        /* @__PURE__ */ jsx16(Text10, { style: [styles15.label, isDark && styles15.labelDark], children: row.label }),
+                        /* @__PURE__ */ jsx16(Text11, { style: [styles15.label, isDark && styles15.labelDark], children: row.label }),
                         /* @__PURE__ */ jsx16(
-                          Text10,
+                          Text11,
                           {
                             style: [styles15.value, isDark && styles15.valueDark],
                             selectable: true,
@@ -30352,7 +30410,7 @@ var styles15 = StyleSheet15.create({
 });
 
 // components/OverflowSheet.tsx
-import { Modal as Modal6, Pressable as Pressable13, StyleSheet as StyleSheet16, Text as Text11, View as View16 } from "react-native";
+import { Modal as Modal6, Pressable as Pressable13, StyleSheet as StyleSheet16, Text as Text12, 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" }];
@@ -30387,7 +30445,7 @@ function OverflowSheet({
                 style: [styles16.actionButton, { borderColor: accentColor }],
                 accessibilityLabel: action.label,
                 children: /* @__PURE__ */ jsx17(
-                  Text11,
+                  Text12,
                   {
                     style: [styles16.actionText, isDark && styles16.actionTextDark],
                     children: action.label
@@ -30444,7 +30502,7 @@ var styles16 = StyleSheet16.create({
 
 // components/ProgressPill.tsx
 import { useMemo as useMemo7 } from "react";
-import { Pressable as Pressable14, StyleSheet as StyleSheet17, Text as Text12, View as View17 } from "react-native";
+import { Pressable as Pressable14, StyleSheet as StyleSheet17, Text as Text13, 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)));
@@ -30508,7 +30566,7 @@ function ProgressPill({
             onLongPress: onOpenPageJump,
             style: styles17.labelHit,
             accessibilityLabel: "Open page jump",
-            children: /* @__PURE__ */ jsx18(Text12, { style: [styles17.label, isDark && styles17.labelDark], children: label })
+            children: /* @__PURE__ */ jsx18(Text13, { style: [styles17.label, isDark && styles17.labelDark], children: label })
           }
         )
       ]
@@ -30568,7 +30626,7 @@ import {
   Keyboard,
   Pressable as Pressable15,
   StyleSheet as StyleSheet18,
-  Text as Text13,
+  Text as Text14,
   TextInput as TextInput3,
   View as View18
 } from "react-native";
@@ -30653,7 +30711,7 @@ function SearchOverlay({
               onPress: handleClose,
               style: [styles18.closeButton, isDark && styles18.closeButtonDark],
               accessibilityLabel: "Close search",
-              children: /* @__PURE__ */ jsx19(Text13, { style: [styles18.closeText, isDark && styles18.closeTextDark], children: t.cancel })
+              children: /* @__PURE__ */ jsx19(Text14, { style: [styles18.closeText, isDark && styles18.closeTextDark], children: t.cancel })
             }
           )
         ] }),
@@ -30672,7 +30730,7 @@ function SearchOverlay({
               children: /* @__PURE__ */ jsx19(IconChevronLeft, { size: 16, color: isDark ? "#e5e7eb" : "#111827" })
             }
           ),
-          /* @__PURE__ */ jsx19(Text13, { style: [styles18.metaText, isDark && styles18.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
+          /* @__PURE__ */ jsx19(Text14, { style: [styles18.metaText, isDark && styles18.metaTextDark], children: isSearching ? t.searching : `${currentCount}/${searchResults.length} ${targetLabel}` }),
           /* @__PURE__ */ jsx19(
             Pressable15,
             {
@@ -30695,7 +30753,7 @@ function SearchOverlay({
               onPress: handleSubmit,
               style: [styles18.primaryAction, { backgroundColor: accentColor }],
               accessibilityLabel: "Run search",
-              children: /* @__PURE__ */ jsx19(Text13, { style: styles18.primaryActionText, children: t.searchGo })
+              children: /* @__PURE__ */ jsx19(Text14, { style: styles18.primaryActionText, children: t.searchGo })
             }
           ),
           /* @__PURE__ */ jsx19(
@@ -30710,7 +30768,7 @@ function SearchOverlay({
               ],
               accessibilityLabel: "Open all results",
               children: /* @__PURE__ */ jsx19(
-                Text13,
+                Text14,
                 {
                   style: [
                     styles18.secondaryActionText,
@@ -30872,7 +30930,7 @@ import {
   Pressable as Pressable16,
   ScrollView as ScrollView5,
   StyleSheet as StyleSheet19,
-  Text as Text14,
+  Text as Text15,
   View as View19
 } from "react-native";
 import { useViewerStore as useViewerStore16 } from "@papyrus-sdk/core";
@@ -30912,14 +30970,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(Text14, { style: [styles19.title, isDark && styles19.titleDark], children: t.allResults }),
-            /* @__PURE__ */ jsxs20(Text14, { style: [styles19.meta, isDark && styles19.metaDark], children: [
+            /* @__PURE__ */ jsx20(Text15, { style: [styles19.title, isDark && styles19.titleDark], children: t.allResults }),
+            /* @__PURE__ */ jsxs20(Text15, { style: [styles19.meta, isDark && styles19.metaDark], children: [
               searchResults.length,
               " ",
               t.results
             ] })
           ] }),
-          /* @__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) => {
+          /* @__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) => {
             const isActive = index === activeSearchIndex;
             return /* @__PURE__ */ jsxs20(
               Pressable16,
@@ -30941,9 +30999,9 @@ function SearchResultsSheet({
                   }
                 ],
                 children: [
-                  /* @__PURE__ */ jsx20(Text14, { style: [styles19.resultLabel, { color: accentColor }], children: getResultLabel(result.pageIndex) }),
+                  /* @__PURE__ */ jsx20(Text15, { style: [styles19.resultLabel, { color: accentColor }], children: getResultLabel(result.pageIndex) }),
                   /* @__PURE__ */ jsx20(
-                    Text14,
+                    Text15,
                     {
                       style: [
                         styles19.resultText,