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

package/dist/gesture/pinchZoom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../gesture/pinchZoom.ts"],"sourcesContent":["export type PinchTouchPoint = {\n  pageX: number;\n  pageY: number;\n};\n\nexport type PinchSession = {\n  initialDistance: number;\n  initialZoom: number;\n};\n\nexport type PinchZoomBounds = {\n  minZoom: number;\n  maxZoom: number;\n};\n\nexport type AnchoredViewportOffsetInput = {\n  viewportOffset: number;\n  startScrollOffset: number;\n  startItemOffset: number;\n  startItemLength: number;\n  endItemOffset: number;\n  endItemLength: number;\n  viewportLength: number;\n  endContentLength: number;\n};\n\nexport type AnchoredDocumentOffsetInput = {\n  viewportOffset: number;\n  startScrollOffset: number;\n  startContentLength: number;\n  endContentLength: number;\n  viewportLength: number;\n};\n\nexport type DocumentSurfaceWidthInput = {\n  viewportWidth: number;\n  contentWidth: number;\n  horizontalPadding: number;\n};\n\nexport type GlobalHorizontalOffsetInput = {\n  offsetX: number;\n  surfaceWidth: number;\n  viewportWidth: number;\n};\n\nexport type AnchoredHorizontalSurfaceOffsetInput = {\n  focalViewportX: number;\n  startSurfaceScrollX: number;\n  startSurfaceWidth: number;\n  endSurfaceWidth: number;\n  viewportWidth: number;\n};\n\nexport type CenteredContentInsetInput = {\n  viewportLength: number;\n  contentLength: number;\n};\n\nexport const DEFAULT_PINCH_ZOOM_BOUNDS: PinchZoomBounds = {\n  minZoom: 0.5,\n  maxZoom: 4,\n};\nexport const PINCH_PRESS_SUPPRESSION_MS = 120;\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nexport const getTouchDistance = (touches: PinchTouchPoint[]): number => {\n  if (touches.length < 2) return 0;\n  const [first, second] = touches;\n  return Math.hypot(second.pageX - first.pageX, second.pageY - first.pageY);\n};\n\nexport const isPinchTouchList = (touches: PinchTouchPoint[]): boolean =>\n  touches.length === 2 && getTouchDistance(touches) > 0;\n\nexport const createPinchSession = (\n  touches: PinchTouchPoint[],\n  zoom: number,\n  bounds: PinchZoomBounds = DEFAULT_PINCH_ZOOM_BOUNDS\n): PinchSession => ({\n  initialDistance: Math.max(1, getTouchDistance(touches)),\n  initialZoom: clamp(zoom, bounds.minZoom, bounds.maxZoom),\n});\n\nexport const resolvePinchZoomChange = (\n  session: PinchSession,\n  touches: PinchTouchPoint[],\n  bounds: PinchZoomBounds = DEFAULT_PINCH_ZOOM_BOUNDS\n): number => {\n  const distance = getTouchDistance(touches);\n  if (distance <= 0) {\n    return clamp(session.initialZoom, bounds.minZoom, bounds.maxZoom);\n  }\n\n  return clamp(\n    session.initialZoom * (distance / session.initialDistance),\n    bounds.minZoom,\n    bounds.maxZoom\n  );\n};\n\nexport const resolvePinchPreviewScale = (\n  startZoom: number,\n  previewZoom: number\n): number => {\n  const safeStartZoom = Math.max(0.0001, Math.abs(startZoom));\n  return previewZoom / safeStartZoom;\n};\n\nexport const sanitizePinchPreviewScale = (value: number): number => {\n  if (!Number.isFinite(value) || value <= 0) {\n    return 1;\n  }\n  return value;\n};\n\nexport const resolvePinchGestureZoom = (\n  startZoom: number,\n  scaleFactor: number,\n  bounds: PinchZoomBounds = DEFAULT_PINCH_ZOOM_BOUNDS\n): number =>\n  clamp(\n    (Number.isFinite(startZoom) && startZoom > 0 ? startZoom : 1) *\n      (Number.isFinite(scaleFactor) && scaleFactor > 0 ? scaleFactor : 1),\n    bounds.minZoom,\n    bounds.maxZoom\n  );\n\nexport const resolveAnchoredViewportOffset = ({\n  viewportOffset,\n  startScrollOffset,\n  startItemOffset,\n  startItemLength,\n  endItemOffset,\n  endItemLength,\n  viewportLength,\n  endContentLength,\n}: AnchoredViewportOffsetInput): number => {\n  const safeViewportOffset = Number.isFinite(viewportOffset)\n    ? viewportOffset\n    : 0;\n  const safeStartScrollOffset = Number.isFinite(startScrollOffset)\n    ? startScrollOffset\n    : 0;\n  const safeStartItemOffset = Number.isFinite(startItemOffset)\n    ? startItemOffset\n    : 0;\n  const safeStartItemLength =\n    Number.isFinite(startItemLength) && startItemLength > 0\n      ? startItemLength\n      : 1;\n  const safeEndItemOffset = Number.isFinite(endItemOffset) ? endItemOffset : 0;\n  const safeEndItemLength =\n    Number.isFinite(endItemLength) && endItemLength > 0 ? endItemLength : 1;\n  const safeViewportLength =\n    Number.isFinite(viewportLength) && viewportLength > 0 ? viewportLength : 0;\n  const safeEndContentLength =\n    Number.isFinite(endContentLength) && endContentLength > 0\n      ? endContentLength\n      : safeEndItemOffset + safeEndItemLength;\n\n  const contentPoint =\n    safeStartScrollOffset + safeViewportOffset - safeStartItemOffset;\n  const normalizedPoint = clamp(contentPoint / safeStartItemLength, 0, 1);\n  const anchoredContentPoint =\n    safeEndItemOffset + normalizedPoint * safeEndItemLength;\n  return clamp(\n    anchoredContentPoint - safeViewportOffset,\n    0,\n    Math.max(0, safeEndContentLength - safeViewportLength)\n  );\n};\n\nexport const resolveAnchoredDocumentOffset = ({\n  viewportOffset,\n  startScrollOffset,\n  startContentLength,\n  endContentLength,\n  viewportLength,\n}: AnchoredDocumentOffsetInput): number => {\n  const safeViewportOffset = Number.isFinite(viewportOffset)\n    ? viewportOffset\n    : 0;\n  const safeStartScrollOffset = Number.isFinite(startScrollOffset)\n    ? startScrollOffset\n    : 0;\n  const safeStartContentLength =\n    Number.isFinite(startContentLength) && startContentLength > 0\n      ? startContentLength\n      : 1;\n  const safeEndContentLength =\n    Number.isFinite(endContentLength) && endContentLength > 0\n      ? endContentLength\n      : 0;\n  const safeViewportLength =\n    Number.isFinite(viewportLength) && viewportLength > 0 ? viewportLength : 0;\n\n  const anchoredRatio = clamp(\n    (safeStartScrollOffset + safeViewportOffset) / safeStartContentLength,\n    0,\n    1\n  );\n\n  return resolveClampedScrollOffset(\n    anchoredRatio * safeEndContentLength - safeViewportOffset,\n    safeEndContentLength,\n    safeViewportLength\n  );\n};\n\nexport const resolveClampedScrollOffset = (\n  offset: number,\n  contentLength: number,\n  viewportLength: number\n): number => {\n  const safeOffset = Number.isFinite(offset) ? offset : 0;\n  const safeContentLength =\n    Number.isFinite(contentLength) && contentLength > 0 ? contentLength : 0;\n  const safeViewportLength =\n    Number.isFinite(viewportLength) && viewportLength > 0 ? viewportLength : 0;\n  return clamp(\n    safeOffset,\n    0,\n    Math.max(0, safeContentLength - safeViewportLength)\n  );\n};\n\nexport const resolveDocumentSurfaceWidth = ({\n  viewportWidth,\n  contentWidth,\n  horizontalPadding,\n}: DocumentSurfaceWidthInput): number => {\n  const safeViewportWidth =\n    Number.isFinite(viewportWidth) && viewportWidth > 0 ? viewportWidth : 0;\n  const safeContentWidth =\n    Number.isFinite(contentWidth) && contentWidth > 0 ? contentWidth : 0;\n  const safeHorizontalPadding =\n    Number.isFinite(horizontalPadding) && horizontalPadding > 0\n      ? horizontalPadding\n      : 0;\n\n  return Math.max(\n    safeViewportWidth,\n    safeContentWidth + safeHorizontalPadding * 2\n  );\n};\n\nexport const resolveGlobalHorizontalOffset = ({\n  offsetX,\n  surfaceWidth,\n  viewportWidth,\n}: GlobalHorizontalOffsetInput): number =>\n  resolveClampedScrollOffset(offsetX, surfaceWidth, viewportWidth);\n\nexport const resolveAnchoredHorizontalSurfaceOffset = ({\n  focalViewportX,\n  startSurfaceScrollX,\n  startSurfaceWidth,\n  endSurfaceWidth,\n  viewportWidth,\n}: AnchoredHorizontalSurfaceOffsetInput): number => {\n  const safeFocalViewportX = Number.isFinite(focalViewportX)\n    ? focalViewportX\n    : 0;\n  const safeStartSurfaceScrollX = Number.isFinite(startSurfaceScrollX)\n    ? startSurfaceScrollX\n    : 0;\n  const safeStartSurfaceWidth =\n    Number.isFinite(startSurfaceWidth) && startSurfaceWidth > 0\n      ? startSurfaceWidth\n      : 1;\n  const safeEndSurfaceWidth =\n    Number.isFinite(endSurfaceWidth) && endSurfaceWidth > 0\n      ? endSurfaceWidth\n      : 0;\n  const safeViewportWidth =\n    Number.isFinite(viewportWidth) && viewportWidth > 0 ? viewportWidth : 0;\n\n  const anchoredRatio = clamp(\n    (safeStartSurfaceScrollX + safeFocalViewportX) / safeStartSurfaceWidth,\n    0,\n    1\n  );\n\n  return resolveGlobalHorizontalOffset({\n    offsetX: anchoredRatio * safeEndSurfaceWidth - safeFocalViewportX,\n    surfaceWidth: safeEndSurfaceWidth,\n    viewportWidth: safeViewportWidth,\n  });\n};\n\nexport const resolveCenteredContentInset = ({\n  viewportLength,\n  contentLength,\n}: CenteredContentInsetInput): number => {\n  const safeViewportLength =\n    Number.isFinite(viewportLength) && viewportLength > 0 ? viewportLength : 0;\n  const safeContentLength =\n    Number.isFinite(contentLength) && contentLength > 0 ? contentLength : 0;\n  return Math.max(0, (safeViewportLength - safeContentLength) / 2);\n};\n\nexport const shouldSuppressPressAfterPinch = (\n  lastPinchEndedAt: number | null | undefined,\n  now = Date.now(),\n  windowMs = PINCH_PRESS_SUPPRESSION_MS\n): boolean => {\n  if (typeof lastPinchEndedAt !== \"number\") return false;\n  const elapsedMs = now - lastPinchEndedAt;\n  return elapsedMs >= 0 && elapsedMs < windowMs;\n};\n"],"mappings":"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","names":[]}

package/dist/gesture/pinchZoom.mjs

@@ -0,0 +1,40 @@
+import {
+  DEFAULT_PINCH_ZOOM_BOUNDS,
+  PINCH_PRESS_SUPPRESSION_MS,
+  createPinchSession,
+  getTouchDistance,
+  isPinchTouchList,
+  resolveAnchoredDocumentOffset,
+  resolveAnchoredHorizontalSurfaceOffset,
+  resolveAnchoredViewportOffset,
+  resolveCenteredContentInset,
+  resolveClampedScrollOffset,
+  resolveDocumentSurfaceWidth,
+  resolveGlobalHorizontalOffset,
+  resolvePinchGestureZoom,
+  resolvePinchPreviewScale,
+  resolvePinchZoomChange,
+  sanitizePinchPreviewScale,
+  shouldSuppressPressAfterPinch
+} from "../chunk-B36LWZCX.mjs";
+import "../chunk-ZD7AOCMD.mjs";
+export {
+  DEFAULT_PINCH_ZOOM_BOUNDS,
+  PINCH_PRESS_SUPPRESSION_MS,
+  createPinchSession,
+  getTouchDistance,
+  isPinchTouchList,
+  resolveAnchoredDocumentOffset,
+  resolveAnchoredHorizontalSurfaceOffset,
+  resolveAnchoredViewportOffset,
+  resolveCenteredContentInset,
+  resolveClampedScrollOffset,
+  resolveDocumentSurfaceWidth,
+  resolveGlobalHorizontalOffset,
+  resolvePinchGestureZoom,
+  resolvePinchPreviewScale,
+  resolvePinchZoomChange,
+  sanitizePinchPreviewScale,
+  shouldSuppressPressAfterPinch
+};
+//# sourceMappingURL=pinchZoom.mjs.map

package/dist/gesture/pinchZoom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,90 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// gesture/selectionInteraction.ts
+var selectionInteraction_exports = {};
+__export(selectionInteraction_exports, {
+  getSelectionEdgeAutoscroll: () => getSelectionEdgeAutoscroll,
+  getToolDockDismissState: () => getToolDockDismissState,
+  isToolDockToolSelected: () => isToolDockToolSelected,
+  shouldEnableSelectionDrag: () => shouldEnableSelectionDrag,
+  shouldEnableViewerScroll: () => shouldEnableViewerScroll
+});
+module.exports = __toCommonJS(selectionInteraction_exports);
+var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+var DRAG_SELECTION_TOOLS = /* @__PURE__ */ new Set([
+  "highlight",
+  "underline",
+  "squiggly",
+  "strikeout"
+]);
+var resolveAxisAutoscroll = (coordinate, size, threshold, maxStep) => {
+  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;
+  const startDistance = clamp(coordinate, 0, size);
+  if (startDistance < threshold) {
+    const intensity = 1 - startDistance / threshold;
+    return -Math.round(maxStep * intensity);
+  }
+  const endDistance = clamp(size - coordinate, 0, size);
+  if (endDistance < threshold) {
+    const intensity = 1 - endDistance / threshold;
+    return Math.round(maxStep * intensity);
+  }
+  return 0;
+};
+var shouldEnableViewerScroll = ({
+  selectionDragActive,
+  gestureScrollLockActive = false
+}) => !selectionDragActive && !gestureScrollLockActive;
+var shouldEnableSelectionDrag = ({
+  activeTool,
+  interactionMode
+}) => DRAG_SELECTION_TOOLS.has(activeTool) || activeTool === "select" && interactionMode === "select";
+var isToolDockToolSelected = ({
+  activeTool,
+  interactionMode,
+  toolId
+}) => toolId === "select" ? activeTool === "select" && interactionMode === "select" : activeTool === toolId;
+var getToolDockDismissState = ({
+  activeTool: _activeTool,
+  interactionMode: _interactionMode
+}) => ({
+  toolDockOpen: false,
+  activeTool: "select",
+  interactionMode: "pan"
+});
+var getSelectionEdgeAutoscroll = ({
+  x,
+  y,
+  width,
+  height,
+  threshold,
+  maxStep
+}) => ({
+  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),
+  dy: resolveAxisAutoscroll(y, height, threshold, maxStep)
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSelectionEdgeAutoscroll,
+  getToolDockDismissState,
+  isToolDockToolSelected,
+  shouldEnableSelectionDrag,
+  shouldEnableViewerScroll
+});
+//# sourceMappingURL=selectionInteraction.js.map

package/dist/gesture/selectionInteraction.js.map

@@ -0,0 +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: _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

@@ -0,0 +1,16 @@
+import {
+  getSelectionEdgeAutoscroll,
+  getToolDockDismissState,
+  isToolDockToolSelected,
+  shouldEnableSelectionDrag,
+  shouldEnableViewerScroll
+} from "../chunk-KXNP73MZ.mjs";
+import "../chunk-ZD7AOCMD.mjs";
+export {
+  getSelectionEdgeAutoscroll,
+  getToolDockDismissState,
+  isToolDockToolSelected,
+  shouldEnableSelectionDrag,
+  shouldEnableViewerScroll
+};
+//# sourceMappingURL=selectionInteraction.mjs.map

package/dist/gesture/selectionInteraction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DocumentEngine, DocumentType, MobilePrimaryDestination, DocumentSource } from '@papyrus-sdk/types';
+import { DocumentEngine, PdfViewerMode, 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';
@@ -10,6 +10,7 @@ interface ViewerProps {
     maxToRenderPerBatch?: number;
     removeClippedSubviews?: boolean;
     useDedicatedAndroidPdfViewer?: boolean;
+    viewerMode?: PdfViewerMode;
 }
 declare const Viewer: React.FC<ViewerProps>;
 
@@ -98,6 +99,11 @@ type ReadingShellProps = {
 };
 declare function ReadingShell({ engine, title, documentType, thumbsInitialCount, viewerProps, }: ReadingShellProps): react_jsx_runtime.JSX.Element;
 
+type DedicatedAndroidPdfViewerProps = {
+    engine: DocumentEngine;
+};
+declare function DedicatedAndroidPdfViewer({ engine, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
+
 type OverflowSheetProps = {
     visible: boolean;
     onClose: () => void;
@@ -159,4 +165,4 @@ declare const MOBILE_CHROME_METRICS: {
     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 };
+export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, InfoSheet, MOBILE_CHROME_METRICS, DedicatedAndroidPdfViewer as NativePdfDocumentViewer, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DocumentEngine, DocumentType, MobilePrimaryDestination, DocumentSource } from '@papyrus-sdk/types';
+import { DocumentEngine, PdfViewerMode, 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';
@@ -10,6 +10,7 @@ interface ViewerProps {
     maxToRenderPerBatch?: number;
     removeClippedSubviews?: boolean;
     useDedicatedAndroidPdfViewer?: boolean;
+    viewerMode?: PdfViewerMode;
 }
 declare const Viewer: React.FC<ViewerProps>;
 
@@ -98,6 +99,11 @@ type ReadingShellProps = {
 };
 declare function ReadingShell({ engine, title, documentType, thumbsInitialCount, viewerProps, }: ReadingShellProps): react_jsx_runtime.JSX.Element;
 
+type DedicatedAndroidPdfViewerProps = {
+    engine: DocumentEngine;
+};
+declare function DedicatedAndroidPdfViewer({ engine, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
+
 type OverflowSheetProps = {
     visible: boolean;
     onClose: () => void;
@@ -159,4 +165,4 @@ declare const MOBILE_CHROME_METRICS: {
     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 };
+export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, InfoSheet, MOBILE_CHROME_METRICS, DedicatedAndroidPdfViewer as NativePdfDocumentViewer, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer };

package/dist/index.js

@@ -21024,6 +21024,7 @@ __export(ui_react_native_exports, {
   DocumentActionsSheet: () => DocumentActionsSheet,
   InfoSheet: () => InfoSheet,
   MOBILE_CHROME_METRICS: () => MOBILE_CHROME_METRICS,
+  NativePdfDocumentViewer: () => DedicatedAndroidPdfViewer,
   OverflowSheet: () => OverflowSheet,
   PageRenderer: () => PageRenderer_default,
   ProgressPill: () => ProgressPill,
@@ -23949,12 +23950,14 @@ function DedicatedAndroidPdfViewer({
   const searchResults = (0, import_core3.useViewerStore)((state) => state.searchResults);
   const annotations = (0, import_core3.useViewerStore)((state) => state.annotations);
   const viewMode = (0, import_core3.useViewerStore)((state) => state.viewMode);
+  const nativeViewMode = viewMode === "single" ? "single" : "continuous";
   const setDocumentState = (0, import_core3.useViewerStore)((state) => state.setDocumentState);
   const addAnnotation = (0, import_core3.useViewerStore)((state) => state.addAnnotation);
   const setSelectedAnnotation = (0, import_core3.useViewerStore)((state) => state.setSelectedAnnotation);
   const engineId = getDedicatedAndroidPdfEngineId(engine);
   const [selection, setSelection] = (0, import_react3.useState)(null);
   const selectionRef = (0, import_react3.useRef)(null);
+  const lastVisiblePagesKeyRef = (0, import_react3.useRef)("");
   const lastScrollOffsetYRef = (0, import_react3.useRef)(0);
   const scrollDownAccumRef = (0, import_react3.useRef)(0);
   const scrollUpAccumRef = (0, import_react3.useRef)(0);
@@ -24043,7 +24046,7 @@ function DedicatedAndroidPdfViewer({
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native3.View, { style: styles3.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_engine_native2.PapyrusPdfViewerView,
+      import_engine_native2.PapyrusPdfDocumentView,
       {
         style: styles3.viewer,
         engineId,
@@ -24057,13 +24060,30 @@ function DedicatedAndroidPdfViewer({
         searchResults,
         annotations,
         selectionActive: !!selection,
-        viewMode,
-        onPageChanged: (event) => {
+        viewMode: nativeViewMode,
+        onPageChange: (event) => {
           setDocumentState({ currentPage: event.nativeEvent.page });
         },
-        onZoomChanged: (event) => {
+        onZoomChange: (event) => {
           setDocumentState({ zoom: event.nativeEvent.zoom });
         },
+        onVisiblePagesChange: (event) => {
+          const pages = event.nativeEvent.pages ?? [];
+          const stablePages = pages.filter(
+            (page) => page.visibleRatio >= 0.03
+          );
+          if (stablePages.length === 0) {
+            return;
+          }
+          const key = stablePages.map(
+            (page) => `${page.pageIndex}:${Math.round(page.visibleRatio * 100)}`
+          ).join("|");
+          if (key === lastVisiblePagesKeyRef.current) {
+            return;
+          }
+          lastVisiblePagesKeyRef.current = key;
+          setDocumentState({ visiblePages: stablePages });
+        },
         onAnnotationCreated: (event) => {
           addAnnotation(event.nativeEvent);
         },
@@ -24193,6 +24213,14 @@ var styles3 = import_react_native3.StyleSheet.create({
   }
 });
 
+// components/nativePdfViewerMode.ts
+var shouldUseNativePdfViewer = ({
+  viewerMode,
+  pageCount,
+  isWebView,
+  nativeEngineId
+}) => viewerMode === "native" && pageCount > 0 && !isWebView && !!nativeEngineId;
+
 // components/Viewer.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var LIST_TOP_PADDING = 18;
@@ -24222,7 +24250,8 @@ var Viewer = ({
   virtualWindowSize,
   maxToRenderPerBatch,
   removeClippedSubviews,
-  useDedicatedAndroidPdfViewer
+  useDedicatedAndroidPdfViewer,
+  viewerMode
 }) => {
   const pageCount = (0, import_core4.useViewerStore)((state) => state.pageCount);
   const currentPage = (0, import_core4.useViewerStore)((state) => state.currentPage);
@@ -24236,6 +24265,7 @@ var Viewer = ({
   const uiTheme = (0, import_core4.useViewerStore)((state) => state.uiTheme);
   const viewMode = (0, import_core4.useViewerStore)((state) => state.viewMode);
   const zoom = (0, import_core4.useViewerStore)((state) => state.zoom);
+  const storeViewerMode = (0, import_core4.useViewerStore)((state) => state.viewerMode);
   const listRef = (0, import_react4.useRef)(null);
   const horizontalScrollRef = (0, import_react4.useRef)(null);
   const isDark = uiTheme === "dark";
@@ -24244,7 +24274,14 @@ var Viewer = ({
   const isSingle = viewMode === "single";
   const renderTargetType = engine.getRenderTargetType?.() ?? "canvas";
   const isWebView = renderTargetType === "webview";
-  const isDedicatedAndroidPdfViewer = import_react_native4.Platform.OS === "android" && !!useDedicatedAndroidPdfViewer && pageCount > 0 && !isWebView && !!getDedicatedAndroidPdfEngineId(engine);
+  const resolvedViewerMode = viewerMode ?? (useDedicatedAndroidPdfViewer ? "native" : storeViewerMode);
+  const nativeEngineId = getDedicatedAndroidPdfEngineId(engine);
+  const isNativePdfViewer = shouldUseNativePdfViewer({
+    viewerMode: resolvedViewerMode,
+    pageCount,
+    isWebView,
+    nativeEngineId
+  });
   const perfEnabled = isMobilePerfEnabled();
   const mountedAtRef = (0, import_react4.useRef)(perfNow());
   const readyLoggedRef = (0, import_react4.useRef)(false);
@@ -25398,7 +25435,7 @@ var Viewer = ({
   if (isWebView) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WebViewViewer_default, { engine }) });
   }
-  if (isDedicatedAndroidPdfViewer) {
+  if (isNativePdfViewer) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DedicatedAndroidPdfViewer, { engine }) });
   }
   if (isSingle) {
@@ -30610,6 +30647,7 @@ var styles19 = import_react_native19.StyleSheet.create({
   DocumentActionsSheet,
   InfoSheet,
   MOBILE_CHROME_METRICS,
+  NativePdfDocumentViewer,
   OverflowSheet,
   PageRenderer,
   ProgressPill,