@papyrus-sdk/ui-react-native 0.2.12 → 0.2.15

package/README.md

@@ -5,10 +5,10 @@ React Native UI components for Papyrus viewers.
 ## Install
 
 ```bash
-npm install @papyrus-sdk/ui-react-native @papyrus-sdk/engine-native @papyrus-sdk/core @papyrus-sdk/types react-native-gesture-handler
+npm install @papyrus-sdk/ui-react-native @papyrus-sdk/engine-native @papyrus-sdk/core @papyrus-sdk/types react-native-gesture-handler react-native-reanimated
 ```
 
-`@papyrus-sdk/core`, `@papyrus-sdk/types`, and `react-native-gesture-handler` are required peer dependencies.
+`@papyrus-sdk/core`, `@papyrus-sdk/types`, `react-native-gesture-handler`, and `react-native-reanimated` are required peer dependencies.
 
 Wrap the app root with `GestureHandlerRootView` before rendering Papyrus components:
 
@@ -62,6 +62,14 @@ await engine.load({ type: 'pdf', source: { uri: 'https://example.com/book.pdf' }
 - `logo`: custom logo node (can be icon, image, or even a `Pressable`).
 - `onLogoPress`: optional callback to make the logo area act like a button.
 
+## Icon Guidelines
+
+- UI icons for this package live in `packages/ui-react-native/icons.tsx`.
+- Prefer inline SVG paths implemented with `react-native-svg` instead of adding a new icon runtime dependency.
+- When a product icon does not already exist in the file, prefer using the outline SVG from [Tabler Icons](https://tabler.io/icons) as the visual baseline and adapt it to the local `IconProps` pattern.
+- Keep icons stroke-based when possible, preserve `color`/`strokeWidth` as props, and simplify paths only when needed for better balance in mobile chrome.
+- If an icon is intentionally derived from Tabler, keep that shape direction consistent for nearby controls so the toolbar/bottom-bar language stays coherent.
+
 ## Mobile Tuning Flags
 
 Performance tuning props are available on `Viewer` and `RightSheet`:

package/dist/{chunk-GCVUTXFR.mjs → chunk-KXNP73MZ.mjs}

@@ -34,12 +34,12 @@ var isToolDockToolSelected = ({
   toolId
 }) => toolId === "select" ? activeTool === "select" && interactionMode === "select" : activeTool === toolId;
 var getToolDockDismissState = ({
-  activeTool,
-  interactionMode
+  activeTool: _activeTool,
+  interactionMode: _interactionMode
 }) => ({
   toolDockOpen: false,
-  activeTool,
-  interactionMode: activeTool === "select" && interactionMode === "select" ? "pan" : interactionMode
+  activeTool: "select",
+  interactionMode: "pan"
 });
 var getSelectionEdgeAutoscroll = ({
   x,
@@ -60,4 +60,4 @@ export {
   getToolDockDismissState,
   getSelectionEdgeAutoscroll
 };
-//# sourceMappingURL=chunk-GCVUTXFR.mjs.map
+//# sourceMappingURL=chunk-KXNP73MZ.mjs.map

package/dist/{chunk-GCVUTXFR.mjs.map → chunk-KXNP73MZ.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../gesture/selectionInteraction.ts"],"sourcesContent":["export type ViewerScrollState = {\n  selectionDragActive: boolean;\n  gestureScrollLockActive?: boolean;\n};\n\nexport type SelectionGestureTool =\n  | \"select\"\n  | \"highlight\"\n  | \"underline\"\n  | \"squiggly\"\n  | \"strikeout\"\n  | \"text\"\n  | \"comment\"\n  | \"ink\";\n\nexport type SelectionInteractionMode = \"pan\" | \"select\";\n\nexport type SelectionGestureActivationInput = {\n  activeTool: SelectionGestureTool;\n  interactionMode: SelectionInteractionMode;\n};\n\nexport type ToolDockSelectionState = SelectionGestureActivationInput & {\n  toolId: SelectionGestureTool;\n};\n\nexport type ToolDockDismissState = SelectionGestureActivationInput & {\n  toolDockOpen: boolean;\n};\n\nexport type SelectionEdgeAutoscrollInput = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  threshold: number;\n  maxStep: number;\n};\n\nexport type SelectionEdgeAutoscroll = {\n  dx: number;\n  dy: number;\n};\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nconst DRAG_SELECTION_TOOLS = new Set<SelectionGestureTool>([\n  \"highlight\",\n  \"underline\",\n  \"squiggly\",\n  \"strikeout\",\n]);\n\nconst resolveAxisAutoscroll = (\n  coordinate: number,\n  size: number,\n  threshold: number,\n  maxStep: number\n) => {\n  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;\n\n  const startDistance = clamp(coordinate, 0, size);\n  if (startDistance < threshold) {\n    const intensity = 1 - startDistance / threshold;\n    return -Math.round(maxStep * intensity);\n  }\n\n  const endDistance = clamp(size - coordinate, 0, size);\n  if (endDistance < threshold) {\n    const intensity = 1 - endDistance / threshold;\n    return Math.round(maxStep * intensity);\n  }\n\n  return 0;\n};\n\nexport const shouldEnableViewerScroll = ({\n  selectionDragActive,\n  gestureScrollLockActive = false,\n}: ViewerScrollState) => !selectionDragActive && !gestureScrollLockActive;\n\nexport const shouldEnableSelectionDrag = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput) =>\n  DRAG_SELECTION_TOOLS.has(activeTool) ||\n  (activeTool === \"select\" && interactionMode === \"select\");\n\nexport const isToolDockToolSelected = ({\n  activeTool,\n  interactionMode,\n  toolId,\n}: ToolDockSelectionState) =>\n  toolId === \"select\"\n    ? activeTool === \"select\" && interactionMode === \"select\"\n    : activeTool === toolId;\n\nexport const getToolDockDismissState = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput): ToolDockDismissState => ({\n  toolDockOpen: false,\n  activeTool,\n  interactionMode:\n    activeTool === \"select\" && interactionMode === \"select\"\n      ? \"pan\"\n      : interactionMode,\n});\n\nexport const getSelectionEdgeAutoscroll = ({\n  x,\n  y,\n  width,\n  height,\n  threshold,\n  maxStep,\n}: SelectionEdgeAutoscrollInput): SelectionEdgeAutoscroll => ({\n  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),\n  dy: resolveAxisAutoscroll(y, height, threshold, maxStep),\n});\n"],"mappings":";AA4CA,IAAM,QAAQ,CAAC,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAEpC,IAAM,uBAAuB,oBAAI,IAA0B;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,wBAAwB,CAC5B,YACA,MACA,WACA,YACG;AACH,MAAI,QAAQ,KAAK,aAAa,KAAK,WAAW,EAAG,QAAO;AAExD,QAAM,gBAAgB,MAAM,YAAY,GAAG,IAAI;AAC/C,MAAI,gBAAgB,WAAW;AAC7B,UAAM,YAAY,IAAI,gBAAgB;AACtC,WAAO,CAAC,KAAK,MAAM,UAAU,SAAS;AAAA,EACxC;AAEA,QAAM,cAAc,MAAM,OAAO,YAAY,GAAG,IAAI;AACpD,MAAI,cAAc,WAAW;AAC3B,UAAM,YAAY,IAAI,cAAc;AACpC,WAAO,KAAK,MAAM,UAAU,SAAS;AAAA,EACvC;AAEA,SAAO;AACT;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA,0BAA0B;AAC5B,MAAyB,CAAC,uBAAuB,CAAC;AAE3C,IAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AACF,MACE,qBAAqB,IAAI,UAAU,KAClC,eAAe,YAAY,oBAAoB;AAE3C,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MACE,WAAW,WACP,eAAe,YAAY,oBAAoB,WAC/C,eAAe;AAEd,IAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,cAAc;AAAA,EACd;AAAA,EACA,iBACE,eAAe,YAAY,oBAAoB,WAC3C,QACA;AACR;AAEO,IAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,IAAI,sBAAsB,GAAG,OAAO,WAAW,OAAO;AAAA,EACtD,IAAI,sBAAsB,GAAG,QAAQ,WAAW,OAAO;AACzD;","names":[]}
+{"version":3,"sources":["../gesture/selectionInteraction.ts"],"sourcesContent":["export type ViewerScrollState = {\n  selectionDragActive: boolean;\n  gestureScrollLockActive?: boolean;\n};\n\nexport type SelectionGestureTool =\n  | \"select\"\n  | \"highlight\"\n  | \"underline\"\n  | \"squiggly\"\n  | \"strikeout\"\n  | \"text\"\n  | \"comment\"\n  | \"ink\";\n\nexport type SelectionInteractionMode = \"pan\" | \"select\";\n\nexport type SelectionGestureActivationInput = {\n  activeTool: SelectionGestureTool;\n  interactionMode: SelectionInteractionMode;\n};\n\nexport type ToolDockSelectionState = SelectionGestureActivationInput & {\n  toolId: SelectionGestureTool;\n};\n\nexport type ToolDockDismissState = SelectionGestureActivationInput & {\n  toolDockOpen: boolean;\n};\n\nexport type SelectionEdgeAutoscrollInput = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  threshold: number;\n  maxStep: number;\n};\n\nexport type SelectionEdgeAutoscroll = {\n  dx: number;\n  dy: number;\n};\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nconst DRAG_SELECTION_TOOLS = new Set<SelectionGestureTool>([\n  \"highlight\",\n  \"underline\",\n  \"squiggly\",\n  \"strikeout\",\n]);\n\nconst resolveAxisAutoscroll = (\n  coordinate: number,\n  size: number,\n  threshold: number,\n  maxStep: number\n) => {\n  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;\n\n  const startDistance = clamp(coordinate, 0, size);\n  if (startDistance < threshold) {\n    const intensity = 1 - startDistance / threshold;\n    return -Math.round(maxStep * intensity);\n  }\n\n  const endDistance = clamp(size - coordinate, 0, size);\n  if (endDistance < threshold) {\n    const intensity = 1 - endDistance / threshold;\n    return Math.round(maxStep * intensity);\n  }\n\n  return 0;\n};\n\nexport const shouldEnableViewerScroll = ({\n  selectionDragActive,\n  gestureScrollLockActive = false,\n}: ViewerScrollState) => !selectionDragActive && !gestureScrollLockActive;\n\nexport const shouldEnableSelectionDrag = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput) =>\n  DRAG_SELECTION_TOOLS.has(activeTool) ||\n  (activeTool === \"select\" && interactionMode === \"select\");\n\nexport const isToolDockToolSelected = ({\n  activeTool,\n  interactionMode,\n  toolId,\n}: ToolDockSelectionState) =>\n  toolId === \"select\"\n    ? activeTool === \"select\" && interactionMode === \"select\"\n    : activeTool === toolId;\n\nexport const getToolDockDismissState = ({\n  activeTool: _activeTool,\n  interactionMode: _interactionMode,\n}: SelectionGestureActivationInput): ToolDockDismissState => ({\n  toolDockOpen: false,\n  activeTool: \"select\",\n  interactionMode: \"pan\",\n});\n\nexport const getSelectionEdgeAutoscroll = ({\n  x,\n  y,\n  width,\n  height,\n  threshold,\n  maxStep,\n}: SelectionEdgeAutoscrollInput): SelectionEdgeAutoscroll => ({\n  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),\n  dy: resolveAxisAutoscroll(y, height, threshold, maxStep),\n});\n"],"mappings":";AA4CA,IAAM,QAAQ,CAAC,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAEpC,IAAM,uBAAuB,oBAAI,IAA0B;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,wBAAwB,CAC5B,YACA,MACA,WACA,YACG;AACH,MAAI,QAAQ,KAAK,aAAa,KAAK,WAAW,EAAG,QAAO;AAExD,QAAM,gBAAgB,MAAM,YAAY,GAAG,IAAI;AAC/C,MAAI,gBAAgB,WAAW;AAC7B,UAAM,YAAY,IAAI,gBAAgB;AACtC,WAAO,CAAC,KAAK,MAAM,UAAU,SAAS;AAAA,EACxC;AAEA,QAAM,cAAc,MAAM,OAAO,YAAY,GAAG,IAAI;AACpD,MAAI,cAAc,WAAW;AAC3B,UAAM,YAAY,IAAI,cAAc;AACpC,WAAO,KAAK,MAAM,UAAU,SAAS;AAAA,EACvC;AAEA,SAAO;AACT;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA,0BAA0B;AAC5B,MAAyB,CAAC,uBAAuB,CAAC;AAE3C,IAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AACF,MACE,qBAAqB,IAAI,UAAU,KAClC,eAAe,YAAY,oBAAoB;AAE3C,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MACE,WAAW,WACP,eAAe,YAAY,oBAAoB,WAC/C,eAAe;AAEd,IAAM,0BAA0B,CAAC;AAAA,EACtC,YAAY;AAAA,EACZ,iBAAiB;AACnB,OAA8D;AAAA,EAC5D,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB;AACnB;AAEO,IAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,IAAI,sBAAsB,GAAG,OAAO,WAAW,OAAO;AAAA,EACtD,IAAI,sBAAsB,GAAG,QAAQ,WAAW,OAAO;AACzD;","names":[]}

package/dist/gesture/pinchZoom.d.mts

@@ -0,0 +1,36 @@
+type PinchTouchPoint = {
+    pageX: number;
+    pageY: number;
+};
+type PinchSession = {
+    initialDistance: number;
+    initialZoom: number;
+};
+type PinchZoomBounds = {
+    minZoom: number;
+    maxZoom: number;
+};
+type AnchoredViewportOffsetInput = {
+    viewportOffset: number;
+    startScrollOffset: number;
+    startItemOffset: number;
+    startItemLength: number;
+    endItemOffset: number;
+    endItemLength: number;
+    viewportLength: number;
+    endContentLength: number;
+};
+declare const DEFAULT_PINCH_ZOOM_BOUNDS: PinchZoomBounds;
+declare const PINCH_PRESS_SUPPRESSION_MS = 120;
+declare const getTouchDistance: (touches: PinchTouchPoint[]) => number;
+declare const isPinchTouchList: (touches: PinchTouchPoint[]) => boolean;
+declare const createPinchSession: (touches: PinchTouchPoint[], zoom: number, bounds?: PinchZoomBounds) => PinchSession;
+declare const resolvePinchZoomChange: (session: PinchSession, touches: PinchTouchPoint[], bounds?: PinchZoomBounds) => number;
+declare const resolvePinchPreviewScale: (startZoom: number, previewZoom: number) => number;
+declare const sanitizePinchPreviewScale: (value: number) => number;
+declare const resolvePinchGestureZoom: (startZoom: number, scaleFactor: number, bounds?: PinchZoomBounds) => number;
+declare const resolveAnchoredViewportOffset: ({ viewportOffset, startScrollOffset, startItemOffset, startItemLength, endItemOffset, endItemLength, viewportLength, endContentLength, }: AnchoredViewportOffsetInput) => number;
+declare const resolveClampedScrollOffset: (offset: number, contentLength: number, viewportLength: number) => number;
+declare const shouldSuppressPressAfterPinch: (lastPinchEndedAt: number | null | undefined, now?: number, windowMs?: number) => boolean;
+
+export { type AnchoredViewportOffsetInput, DEFAULT_PINCH_ZOOM_BOUNDS, PINCH_PRESS_SUPPRESSION_MS, type PinchSession, type PinchTouchPoint, type PinchZoomBounds, createPinchSession, getTouchDistance, isPinchTouchList, resolveAnchoredViewportOffset, resolveClampedScrollOffset, resolvePinchGestureZoom, resolvePinchPreviewScale, resolvePinchZoomChange, sanitizePinchPreviewScale, shouldSuppressPressAfterPinch };

package/dist/gesture/pinchZoom.d.ts

@@ -0,0 +1,36 @@
+type PinchTouchPoint = {
+    pageX: number;
+    pageY: number;
+};
+type PinchSession = {
+    initialDistance: number;
+    initialZoom: number;
+};
+type PinchZoomBounds = {
+    minZoom: number;
+    maxZoom: number;
+};
+type AnchoredViewportOffsetInput = {
+    viewportOffset: number;
+    startScrollOffset: number;
+    startItemOffset: number;
+    startItemLength: number;
+    endItemOffset: number;
+    endItemLength: number;
+    viewportLength: number;
+    endContentLength: number;
+};
+declare const DEFAULT_PINCH_ZOOM_BOUNDS: PinchZoomBounds;
+declare const PINCH_PRESS_SUPPRESSION_MS = 120;
+declare const getTouchDistance: (touches: PinchTouchPoint[]) => number;
+declare const isPinchTouchList: (touches: PinchTouchPoint[]) => boolean;
+declare const createPinchSession: (touches: PinchTouchPoint[], zoom: number, bounds?: PinchZoomBounds) => PinchSession;
+declare const resolvePinchZoomChange: (session: PinchSession, touches: PinchTouchPoint[], bounds?: PinchZoomBounds) => number;
+declare const resolvePinchPreviewScale: (startZoom: number, previewZoom: number) => number;
+declare const sanitizePinchPreviewScale: (value: number) => number;
+declare const resolvePinchGestureZoom: (startZoom: number, scaleFactor: number, bounds?: PinchZoomBounds) => number;
+declare const resolveAnchoredViewportOffset: ({ viewportOffset, startScrollOffset, startItemOffset, startItemLength, endItemOffset, endItemLength, viewportLength, endContentLength, }: AnchoredViewportOffsetInput) => number;
+declare const resolveClampedScrollOffset: (offset: number, contentLength: number, viewportLength: number) => number;
+declare const shouldSuppressPressAfterPinch: (lastPinchEndedAt: number | null | undefined, now?: number, windowMs?: number) => boolean;
+
+export { type AnchoredViewportOffsetInput, DEFAULT_PINCH_ZOOM_BOUNDS, PINCH_PRESS_SUPPRESSION_MS, type PinchSession, type PinchTouchPoint, type PinchZoomBounds, createPinchSession, getTouchDistance, isPinchTouchList, resolveAnchoredViewportOffset, resolveClampedScrollOffset, resolvePinchGestureZoom, resolvePinchPreviewScale, resolvePinchZoomChange, sanitizePinchPreviewScale, shouldSuppressPressAfterPinch };

package/dist/gesture/selectionInteraction.d.mts

@@ -0,0 +1,35 @@
+type ViewerScrollState = {
+    selectionDragActive: boolean;
+    gestureScrollLockActive?: boolean;
+};
+type SelectionGestureTool = "select" | "highlight" | "underline" | "squiggly" | "strikeout" | "text" | "comment" | "ink";
+type SelectionInteractionMode = "pan" | "select";
+type SelectionGestureActivationInput = {
+    activeTool: SelectionGestureTool;
+    interactionMode: SelectionInteractionMode;
+};
+type ToolDockSelectionState = SelectionGestureActivationInput & {
+    toolId: SelectionGestureTool;
+};
+type ToolDockDismissState = SelectionGestureActivationInput & {
+    toolDockOpen: boolean;
+};
+type SelectionEdgeAutoscrollInput = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    threshold: number;
+    maxStep: number;
+};
+type SelectionEdgeAutoscroll = {
+    dx: number;
+    dy: number;
+};
+declare const shouldEnableViewerScroll: ({ selectionDragActive, gestureScrollLockActive, }: ViewerScrollState) => boolean;
+declare const shouldEnableSelectionDrag: ({ activeTool, interactionMode, }: SelectionGestureActivationInput) => boolean;
+declare const isToolDockToolSelected: ({ activeTool, interactionMode, toolId, }: ToolDockSelectionState) => boolean;
+declare const getToolDockDismissState: ({ activeTool: _activeTool, interactionMode: _interactionMode, }: SelectionGestureActivationInput) => ToolDockDismissState;
+declare const getSelectionEdgeAutoscroll: ({ x, y, width, height, threshold, maxStep, }: SelectionEdgeAutoscrollInput) => SelectionEdgeAutoscroll;
+
+export { type SelectionEdgeAutoscroll, type SelectionEdgeAutoscrollInput, type SelectionGestureActivationInput, type SelectionGestureTool, type SelectionInteractionMode, type ToolDockDismissState, type ToolDockSelectionState, type ViewerScrollState, getSelectionEdgeAutoscroll, getToolDockDismissState, isToolDockToolSelected, shouldEnableSelectionDrag, shouldEnableViewerScroll };

package/dist/gesture/selectionInteraction.d.ts

@@ -0,0 +1,35 @@
+type ViewerScrollState = {
+    selectionDragActive: boolean;
+    gestureScrollLockActive?: boolean;
+};
+type SelectionGestureTool = "select" | "highlight" | "underline" | "squiggly" | "strikeout" | "text" | "comment" | "ink";
+type SelectionInteractionMode = "pan" | "select";
+type SelectionGestureActivationInput = {
+    activeTool: SelectionGestureTool;
+    interactionMode: SelectionInteractionMode;
+};
+type ToolDockSelectionState = SelectionGestureActivationInput & {
+    toolId: SelectionGestureTool;
+};
+type ToolDockDismissState = SelectionGestureActivationInput & {
+    toolDockOpen: boolean;
+};
+type SelectionEdgeAutoscrollInput = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    threshold: number;
+    maxStep: number;
+};
+type SelectionEdgeAutoscroll = {
+    dx: number;
+    dy: number;
+};
+declare const shouldEnableViewerScroll: ({ selectionDragActive, gestureScrollLockActive, }: ViewerScrollState) => boolean;
+declare const shouldEnableSelectionDrag: ({ activeTool, interactionMode, }: SelectionGestureActivationInput) => boolean;
+declare const isToolDockToolSelected: ({ activeTool, interactionMode, toolId, }: ToolDockSelectionState) => boolean;
+declare const getToolDockDismissState: ({ activeTool: _activeTool, interactionMode: _interactionMode, }: SelectionGestureActivationInput) => ToolDockDismissState;
+declare const getSelectionEdgeAutoscroll: ({ x, y, width, height, threshold, maxStep, }: SelectionEdgeAutoscrollInput) => SelectionEdgeAutoscroll;
+
+export { type SelectionEdgeAutoscroll, type SelectionEdgeAutoscrollInput, type SelectionGestureActivationInput, type SelectionGestureTool, type SelectionInteractionMode, type ToolDockDismissState, type ToolDockSelectionState, type ViewerScrollState, getSelectionEdgeAutoscroll, getToolDockDismissState, isToolDockToolSelected, shouldEnableSelectionDrag, shouldEnableViewerScroll };

package/dist/gesture/selectionInteraction.js

@@ -61,12 +61,12 @@ var isToolDockToolSelected = ({
   toolId
 }) => toolId === "select" ? activeTool === "select" && interactionMode === "select" : activeTool === toolId;
 var getToolDockDismissState = ({
-  activeTool,
-  interactionMode
+  activeTool: _activeTool,
+  interactionMode: _interactionMode
 }) => ({
   toolDockOpen: false,
-  activeTool,
-  interactionMode: activeTool === "select" && interactionMode === "select" ? "pan" : interactionMode
+  activeTool: "select",
+  interactionMode: "pan"
 });
 var getSelectionEdgeAutoscroll = ({
   x,

package/dist/gesture/selectionInteraction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../gesture/selectionInteraction.ts"],"sourcesContent":["export type ViewerScrollState = {\n  selectionDragActive: boolean;\n  gestureScrollLockActive?: boolean;\n};\n\nexport type SelectionGestureTool =\n  | \"select\"\n  | \"highlight\"\n  | \"underline\"\n  | \"squiggly\"\n  | \"strikeout\"\n  | \"text\"\n  | \"comment\"\n  | \"ink\";\n\nexport type SelectionInteractionMode = \"pan\" | \"select\";\n\nexport type SelectionGestureActivationInput = {\n  activeTool: SelectionGestureTool;\n  interactionMode: SelectionInteractionMode;\n};\n\nexport type ToolDockSelectionState = SelectionGestureActivationInput & {\n  toolId: SelectionGestureTool;\n};\n\nexport type ToolDockDismissState = SelectionGestureActivationInput & {\n  toolDockOpen: boolean;\n};\n\nexport type SelectionEdgeAutoscrollInput = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  threshold: number;\n  maxStep: number;\n};\n\nexport type SelectionEdgeAutoscroll = {\n  dx: number;\n  dy: number;\n};\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nconst DRAG_SELECTION_TOOLS = new Set<SelectionGestureTool>([\n  \"highlight\",\n  \"underline\",\n  \"squiggly\",\n  \"strikeout\",\n]);\n\nconst resolveAxisAutoscroll = (\n  coordinate: number,\n  size: number,\n  threshold: number,\n  maxStep: number\n) => {\n  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;\n\n  const startDistance = clamp(coordinate, 0, size);\n  if (startDistance < threshold) {\n    const intensity = 1 - startDistance / threshold;\n    return -Math.round(maxStep * intensity);\n  }\n\n  const endDistance = clamp(size - coordinate, 0, size);\n  if (endDistance < threshold) {\n    const intensity = 1 - endDistance / threshold;\n    return Math.round(maxStep * intensity);\n  }\n\n  return 0;\n};\n\nexport const shouldEnableViewerScroll = ({\n  selectionDragActive,\n  gestureScrollLockActive = false,\n}: ViewerScrollState) => !selectionDragActive && !gestureScrollLockActive;\n\nexport const shouldEnableSelectionDrag = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput) =>\n  DRAG_SELECTION_TOOLS.has(activeTool) ||\n  (activeTool === \"select\" && interactionMode === \"select\");\n\nexport const isToolDockToolSelected = ({\n  activeTool,\n  interactionMode,\n  toolId,\n}: ToolDockSelectionState) =>\n  toolId === \"select\"\n    ? activeTool === \"select\" && interactionMode === \"select\"\n    : activeTool === toolId;\n\nexport const getToolDockDismissState = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput): ToolDockDismissState => ({\n  toolDockOpen: false,\n  activeTool,\n  interactionMode:\n    activeTool === \"select\" && interactionMode === \"select\"\n      ? \"pan\"\n      : interactionMode,\n});\n\nexport const getSelectionEdgeAutoscroll = ({\n  x,\n  y,\n  width,\n  height,\n  threshold,\n  maxStep,\n}: SelectionEdgeAutoscrollInput): SelectionEdgeAutoscroll => ({\n  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),\n  dy: resolveAxisAutoscroll(y, height, threshold, maxStep),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CA,IAAM,QAAQ,CAAC,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAEpC,IAAM,uBAAuB,oBAAI,IAA0B;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,wBAAwB,CAC5B,YACA,MACA,WACA,YACG;AACH,MAAI,QAAQ,KAAK,aAAa,KAAK,WAAW,EAAG,QAAO;AAExD,QAAM,gBAAgB,MAAM,YAAY,GAAG,IAAI;AAC/C,MAAI,gBAAgB,WAAW;AAC7B,UAAM,YAAY,IAAI,gBAAgB;AACtC,WAAO,CAAC,KAAK,MAAM,UAAU,SAAS;AAAA,EACxC;AAEA,QAAM,cAAc,MAAM,OAAO,YAAY,GAAG,IAAI;AACpD,MAAI,cAAc,WAAW;AAC3B,UAAM,YAAY,IAAI,cAAc;AACpC,WAAO,KAAK,MAAM,UAAU,SAAS;AAAA,EACvC;AAEA,SAAO;AACT;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA,0BAA0B;AAC5B,MAAyB,CAAC,uBAAuB,CAAC;AAE3C,IAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AACF,MACE,qBAAqB,IAAI,UAAU,KAClC,eAAe,YAAY,oBAAoB;AAE3C,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MACE,WAAW,WACP,eAAe,YAAY,oBAAoB,WAC/C,eAAe;AAEd,IAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,cAAc;AAAA,EACd;AAAA,EACA,iBACE,eAAe,YAAY,oBAAoB,WAC3C,QACA;AACR;AAEO,IAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,IAAI,sBAAsB,GAAG,OAAO,WAAW,OAAO;AAAA,EACtD,IAAI,sBAAsB,GAAG,QAAQ,WAAW,OAAO;AACzD;","names":[]}
+{"version":3,"sources":["../../gesture/selectionInteraction.ts"],"sourcesContent":["export type ViewerScrollState = {\n  selectionDragActive: boolean;\n  gestureScrollLockActive?: boolean;\n};\n\nexport type SelectionGestureTool =\n  | \"select\"\n  | \"highlight\"\n  | \"underline\"\n  | \"squiggly\"\n  | \"strikeout\"\n  | \"text\"\n  | \"comment\"\n  | \"ink\";\n\nexport type SelectionInteractionMode = \"pan\" | \"select\";\n\nexport type SelectionGestureActivationInput = {\n  activeTool: SelectionGestureTool;\n  interactionMode: SelectionInteractionMode;\n};\n\nexport type ToolDockSelectionState = SelectionGestureActivationInput & {\n  toolId: SelectionGestureTool;\n};\n\nexport type ToolDockDismissState = SelectionGestureActivationInput & {\n  toolDockOpen: boolean;\n};\n\nexport type SelectionEdgeAutoscrollInput = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  threshold: number;\n  maxStep: number;\n};\n\nexport type SelectionEdgeAutoscroll = {\n  dx: number;\n  dy: number;\n};\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nconst DRAG_SELECTION_TOOLS = new Set<SelectionGestureTool>([\n  \"highlight\",\n  \"underline\",\n  \"squiggly\",\n  \"strikeout\",\n]);\n\nconst resolveAxisAutoscroll = (\n  coordinate: number,\n  size: number,\n  threshold: number,\n  maxStep: number\n) => {\n  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;\n\n  const startDistance = clamp(coordinate, 0, size);\n  if (startDistance < threshold) {\n    const intensity = 1 - startDistance / threshold;\n    return -Math.round(maxStep * intensity);\n  }\n\n  const endDistance = clamp(size - coordinate, 0, size);\n  if (endDistance < threshold) {\n    const intensity = 1 - endDistance / threshold;\n    return Math.round(maxStep * intensity);\n  }\n\n  return 0;\n};\n\nexport const shouldEnableViewerScroll = ({\n  selectionDragActive,\n  gestureScrollLockActive = false,\n}: ViewerScrollState) => !selectionDragActive && !gestureScrollLockActive;\n\nexport const shouldEnableSelectionDrag = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput) =>\n  DRAG_SELECTION_TOOLS.has(activeTool) ||\n  (activeTool === \"select\" && interactionMode === \"select\");\n\nexport const isToolDockToolSelected = ({\n  activeTool,\n  interactionMode,\n  toolId,\n}: ToolDockSelectionState) =>\n  toolId === \"select\"\n    ? activeTool === \"select\" && interactionMode === \"select\"\n    : activeTool === toolId;\n\nexport const getToolDockDismissState = ({\n  activeTool: _activeTool,\n  interactionMode: _interactionMode,\n}: SelectionGestureActivationInput): ToolDockDismissState => ({\n  toolDockOpen: false,\n  activeTool: \"select\",\n  interactionMode: \"pan\",\n});\n\nexport const getSelectionEdgeAutoscroll = ({\n  x,\n  y,\n  width,\n  height,\n  threshold,\n  maxStep,\n}: SelectionEdgeAutoscrollInput): SelectionEdgeAutoscroll => ({\n  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),\n  dy: resolveAxisAutoscroll(y, height, threshold, maxStep),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CA,IAAM,QAAQ,CAAC,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAEpC,IAAM,uBAAuB,oBAAI,IAA0B;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,wBAAwB,CAC5B,YACA,MACA,WACA,YACG;AACH,MAAI,QAAQ,KAAK,aAAa,KAAK,WAAW,EAAG,QAAO;AAExD,QAAM,gBAAgB,MAAM,YAAY,GAAG,IAAI;AAC/C,MAAI,gBAAgB,WAAW;AAC7B,UAAM,YAAY,IAAI,gBAAgB;AACtC,WAAO,CAAC,KAAK,MAAM,UAAU,SAAS;AAAA,EACxC;AAEA,QAAM,cAAc,MAAM,OAAO,YAAY,GAAG,IAAI;AACpD,MAAI,cAAc,WAAW;AAC3B,UAAM,YAAY,IAAI,cAAc;AACpC,WAAO,KAAK,MAAM,UAAU,SAAS;AAAA,EACvC;AAEA,SAAO;AACT;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA,0BAA0B;AAC5B,MAAyB,CAAC,uBAAuB,CAAC;AAE3C,IAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AACF,MACE,qBAAqB,IAAI,UAAU,KAClC,eAAe,YAAY,oBAAoB;AAE3C,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MACE,WAAW,WACP,eAAe,YAAY,oBAAoB,WAC/C,eAAe;AAEd,IAAM,0BAA0B,CAAC;AAAA,EACtC,YAAY;AAAA,EACZ,iBAAiB;AACnB,OAA8D;AAAA,EAC5D,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB;AACnB;AAEO,IAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,IAAI,sBAAsB,GAAG,OAAO,WAAW,OAAO;AAAA,EACtD,IAAI,sBAAsB,GAAG,QAAQ,WAAW,OAAO;AACzD;","names":[]}

package/dist/gesture/selectionInteraction.mjs

@@ -4,7 +4,7 @@ import {
   isToolDockToolSelected,
   shouldEnableSelectionDrag,
   shouldEnableViewerScroll
-} from "../chunk-GCVUTXFR.mjs";
+} from "../chunk-KXNP73MZ.mjs";
 import "../chunk-ZD7AOCMD.mjs";
 export {
   getSelectionEdgeAutoscroll,

package/dist/index.d.mts

@@ -1,11 +1,165 @@
-import type React from "react";
-
-export declare const Viewer: React.ComponentType<any>;
-export declare const PageRenderer: React.ComponentType<any>;
-export declare const Topbar: React.ComponentType<any>;
-export declare const ToolDock: React.ComponentType<any>;
-export declare const RightSheet: React.ComponentType<any>;
-export declare const AnnotationEditor: React.ComponentType<any>;
-export declare const BottomBar: React.ComponentType<any>;
-export declare const SettingsSheet: React.ComponentType<any>;
-export declare const CoverPreview: React.ComponentType<any>;
+import React from 'react';
+import { DocumentEngine, DocumentType, MobilePrimaryDestination, DocumentSource } from '@papyrus-sdk/types';
+import { PapyrusPageViewProps } from '@papyrus-sdk/engine-native';
+import { StyleProp, ViewStyle } from 'react-native';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ViewerProps {
+    engine: DocumentEngine;
+    virtualWindowSize?: number;
+    maxToRenderPerBatch?: number;
+    removeClippedSubviews?: boolean;
+}
+declare const Viewer: React.FC<ViewerProps>;
+
+type PageViewComponentType = React.ComponentType<PapyrusPageViewProps & React.RefAttributes<any>>;
+interface PageRendererProps {
+    engine: DocumentEngine;
+    pageIndex: number;
+    scale?: number;
+    pageAspectRatio?: number;
+    PageViewComponent?: PageViewComponentType;
+    availableWidth?: number;
+    horizontalPadding?: number;
+    spacing?: number;
+    onSelectionDragActiveChange?: (active: boolean) => void;
+    gestureScrollLockActive?: boolean;
+    lastPinchEndedAt?: number | null;
+    onHorizontalScrollOffsetChange?: (pageIndex: number, offsetX: number) => void;
+    horizontalScrollRestore?: {
+        requestId: number;
+        offsetX: number;
+    } | null;
+    requestSelectionVerticalAutoscroll?: (absoluteY: number) => number;
+}
+declare const _default: React.NamedExoticComponent<PageRendererProps>;
+
+interface TopbarProps {
+    engine: DocumentEngine;
+    onOpenSettings?: () => void;
+    onOpenOverflow?: () => void;
+    title?: string;
+    logo?: React.ReactNode;
+    onLogoPress?: () => void;
+    logoAccessibilityLabel?: string;
+    showPageNavigationControls?: boolean;
+    onOpenPageJump?: () => void;
+}
+declare const Topbar: React.FC<TopbarProps>;
+
+declare const ToolDock: React.FC;
+
+interface RightSheetProps {
+    engine: DocumentEngine;
+    documentType: DocumentType;
+    thumbsInitialCount?: number;
+    onOpenPageJump?: () => void;
+}
+declare const RightSheet: React.FC<RightSheetProps>;
+
+declare const AnnotationEditor: React.FC;
+
+type BottomBarProps = {
+    documentType: DocumentType;
+    onOpenInfo: () => void;
+    onOpenSettings: () => void;
+    onOpenDestination?: (destination: MobilePrimaryDestination) => void;
+};
+declare const BottomBar: React.FC<BottomBarProps>;
+
+interface SettingsSheetProps {
+    engine: DocumentEngine;
+    visible: boolean;
+    onClose: () => void;
+}
+declare const SettingsSheet: React.FC<SettingsSheetProps>;
+
+type CoverPreviewProps = {
+    source: DocumentSource;
+    type?: DocumentType;
+    pageIndex?: number;
+    visible?: boolean;
+    keepAlive?: boolean;
+    allowInteraction?: boolean;
+    renderScale?: number;
+    showLoading?: boolean;
+    loadingIndicator?: React.ReactNode;
+    placeholder?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    onLoadStart?: () => void;
+    onLoadEnd?: () => void;
+    onError?: (error: Error) => void;
+};
+declare const CoverPreview: React.FC<CoverPreviewProps>;
+
+type ReadingShellProps = {
+    engine: DocumentEngine;
+    title?: string;
+    documentType?: DocumentType;
+    thumbsInitialCount?: number;
+    viewerProps?: React.ComponentProps<typeof Viewer>;
+};
+declare function ReadingShell({ engine, title, documentType, thumbsInitialCount, viewerProps, }: ReadingShellProps): react_jsx_runtime.JSX.Element;
+
+type OverflowSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+    onOpenActions: () => void;
+};
+declare function OverflowSheet({ visible, onClose, onOpenActions, }: OverflowSheetProps): react_jsx_runtime.JSX.Element;
+
+type InfoSheetProps = {
+    visible: boolean;
+    title?: string;
+    documentType: DocumentType;
+    onClose: () => void;
+};
+declare function InfoSheet({ visible, title, documentType, onClose, }: InfoSheetProps): react_jsx_runtime.JSX.Element;
+
+type DocumentActionsSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+};
+declare function DocumentActionsSheet({ visible, onClose, }: DocumentActionsSheetProps): react_jsx_runtime.JSX.Element;
+
+type ProgressPillProps = {
+    documentType: DocumentType;
+    onPress: () => void;
+    onOpenPageJump?: () => void;
+};
+declare function ProgressPill({ documentType, onPress, onOpenPageJump, }: ProgressPillProps): react_jsx_runtime.JSX.Element;
+
+type SearchOverlayProps = {
+    engine: DocumentEngine;
+    documentType: DocumentType;
+    visible: boolean;
+    onClose: () => void;
+    onOpenResults: () => void;
+};
+declare function SearchOverlay({ engine, documentType, visible, onClose, onOpenResults, }: SearchOverlayProps): react_jsx_runtime.JSX.Element;
+
+type SearchResultsSheetProps = {
+    documentType: DocumentType;
+    visible: boolean;
+    onClose: () => void;
+};
+declare function SearchResultsSheet({ documentType, visible, onClose, }: SearchResultsSheetProps): react_jsx_runtime.JSX.Element;
+
+declare const MOBILE_CHROME_METRICS: {
+    readonly screenPadding: 16;
+    readonly maxFloatingWidth: 360;
+    readonly maxToolDockWidth: 420;
+    readonly toolDockPaddingTop: 4;
+    readonly toolDockHistoryIconSize: 18;
+    readonly toolDockHistoryGap: 2;
+    readonly toolDockDisabledIconColorDark: "#64748b";
+    readonly toolDockDisabledIconColorLight: "#6b7280";
+    readonly toolDockDisabledOpacity: 0.72;
+    readonly iconSize: 20;
+    readonly iconBoxSize: 28;
+    readonly topbarPageButtonSize: 30;
+    readonly bottomBarItemPaddingHorizontal: 5;
+    readonly bottomBarItemPaddingVertical: 3;
+};
+
+export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, InfoSheet, MOBILE_CHROME_METRICS, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer };

package/dist/index.d.ts

@@ -1,11 +1,165 @@
-import type React from "react";
-
-export declare const Viewer: React.ComponentType<any>;
-export declare const PageRenderer: React.ComponentType<any>;
-export declare const Topbar: React.ComponentType<any>;
-export declare const ToolDock: React.ComponentType<any>;
-export declare const RightSheet: React.ComponentType<any>;
-export declare const AnnotationEditor: React.ComponentType<any>;
-export declare const BottomBar: React.ComponentType<any>;
-export declare const SettingsSheet: React.ComponentType<any>;
-export declare const CoverPreview: React.ComponentType<any>;
+import React from 'react';
+import { DocumentEngine, DocumentType, MobilePrimaryDestination, DocumentSource } from '@papyrus-sdk/types';
+import { PapyrusPageViewProps } from '@papyrus-sdk/engine-native';
+import { StyleProp, ViewStyle } from 'react-native';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ViewerProps {
+    engine: DocumentEngine;
+    virtualWindowSize?: number;
+    maxToRenderPerBatch?: number;
+    removeClippedSubviews?: boolean;
+}
+declare const Viewer: React.FC<ViewerProps>;
+
+type PageViewComponentType = React.ComponentType<PapyrusPageViewProps & React.RefAttributes<any>>;
+interface PageRendererProps {
+    engine: DocumentEngine;
+    pageIndex: number;
+    scale?: number;
+    pageAspectRatio?: number;
+    PageViewComponent?: PageViewComponentType;
+    availableWidth?: number;
+    horizontalPadding?: number;
+    spacing?: number;
+    onSelectionDragActiveChange?: (active: boolean) => void;
+    gestureScrollLockActive?: boolean;
+    lastPinchEndedAt?: number | null;
+    onHorizontalScrollOffsetChange?: (pageIndex: number, offsetX: number) => void;
+    horizontalScrollRestore?: {
+        requestId: number;
+        offsetX: number;
+    } | null;
+    requestSelectionVerticalAutoscroll?: (absoluteY: number) => number;
+}
+declare const _default: React.NamedExoticComponent<PageRendererProps>;
+
+interface TopbarProps {
+    engine: DocumentEngine;
+    onOpenSettings?: () => void;
+    onOpenOverflow?: () => void;
+    title?: string;
+    logo?: React.ReactNode;
+    onLogoPress?: () => void;
+    logoAccessibilityLabel?: string;
+    showPageNavigationControls?: boolean;
+    onOpenPageJump?: () => void;
+}
+declare const Topbar: React.FC<TopbarProps>;
+
+declare const ToolDock: React.FC;
+
+interface RightSheetProps {
+    engine: DocumentEngine;
+    documentType: DocumentType;
+    thumbsInitialCount?: number;
+    onOpenPageJump?: () => void;
+}
+declare const RightSheet: React.FC<RightSheetProps>;
+
+declare const AnnotationEditor: React.FC;
+
+type BottomBarProps = {
+    documentType: DocumentType;
+    onOpenInfo: () => void;
+    onOpenSettings: () => void;
+    onOpenDestination?: (destination: MobilePrimaryDestination) => void;
+};
+declare const BottomBar: React.FC<BottomBarProps>;
+
+interface SettingsSheetProps {
+    engine: DocumentEngine;
+    visible: boolean;
+    onClose: () => void;
+}
+declare const SettingsSheet: React.FC<SettingsSheetProps>;
+
+type CoverPreviewProps = {
+    source: DocumentSource;
+    type?: DocumentType;
+    pageIndex?: number;
+    visible?: boolean;
+    keepAlive?: boolean;
+    allowInteraction?: boolean;
+    renderScale?: number;
+    showLoading?: boolean;
+    loadingIndicator?: React.ReactNode;
+    placeholder?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    onLoadStart?: () => void;
+    onLoadEnd?: () => void;
+    onError?: (error: Error) => void;
+};
+declare const CoverPreview: React.FC<CoverPreviewProps>;
+
+type ReadingShellProps = {
+    engine: DocumentEngine;
+    title?: string;
+    documentType?: DocumentType;
+    thumbsInitialCount?: number;
+    viewerProps?: React.ComponentProps<typeof Viewer>;
+};
+declare function ReadingShell({ engine, title, documentType, thumbsInitialCount, viewerProps, }: ReadingShellProps): react_jsx_runtime.JSX.Element;
+
+type OverflowSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+    onOpenActions: () => void;
+};
+declare function OverflowSheet({ visible, onClose, onOpenActions, }: OverflowSheetProps): react_jsx_runtime.JSX.Element;
+
+type InfoSheetProps = {
+    visible: boolean;
+    title?: string;
+    documentType: DocumentType;
+    onClose: () => void;
+};
+declare function InfoSheet({ visible, title, documentType, onClose, }: InfoSheetProps): react_jsx_runtime.JSX.Element;
+
+type DocumentActionsSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+};
+declare function DocumentActionsSheet({ visible, onClose, }: DocumentActionsSheetProps): react_jsx_runtime.JSX.Element;
+
+type ProgressPillProps = {
+    documentType: DocumentType;
+    onPress: () => void;
+    onOpenPageJump?: () => void;
+};
+declare function ProgressPill({ documentType, onPress, onOpenPageJump, }: ProgressPillProps): react_jsx_runtime.JSX.Element;
+
+type SearchOverlayProps = {
+    engine: DocumentEngine;
+    documentType: DocumentType;
+    visible: boolean;
+    onClose: () => void;
+    onOpenResults: () => void;
+};
+declare function SearchOverlay({ engine, documentType, visible, onClose, onOpenResults, }: SearchOverlayProps): react_jsx_runtime.JSX.Element;
+
+type SearchResultsSheetProps = {
+    documentType: DocumentType;
+    visible: boolean;
+    onClose: () => void;
+};
+declare function SearchResultsSheet({ documentType, visible, onClose, }: SearchResultsSheetProps): react_jsx_runtime.JSX.Element;
+
+declare const MOBILE_CHROME_METRICS: {
+    readonly screenPadding: 16;
+    readonly maxFloatingWidth: 360;
+    readonly maxToolDockWidth: 420;
+    readonly toolDockPaddingTop: 4;
+    readonly toolDockHistoryIconSize: 18;
+    readonly toolDockHistoryGap: 2;
+    readonly toolDockDisabledIconColorDark: "#64748b";
+    readonly toolDockDisabledIconColorLight: "#6b7280";
+    readonly toolDockDisabledOpacity: 0.72;
+    readonly iconSize: 20;
+    readonly iconBoxSize: 28;
+    readonly topbarPageButtonSize: 30;
+    readonly bottomBarItemPaddingHorizontal: 5;
+    readonly bottomBarItemPaddingVertical: 3;
+};
+
+export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, InfoSheet, MOBILE_CHROME_METRICS, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer };