@embedpdf/react 3.0.0-next.14 → 3.0.0-next.16

package/dist/annotation-CDI8CFb3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-CDI8CFb3.js","names":["AnnotationToken","AnnotationHostToken","AnnotationToken","React","AnnotationHostToken"],"sources":["../src/annotation-hooks.ts","../src/annotation-menu.tsx","../src/annotation.tsx"],"sourcesContent":["/**\n * The annotation hooks other feature entries use too (the form plugin reads\n * the selection), kept apart so they don't import the whole annotation\n * feature: the state and the settings, each from its declaration.\n */\nimport { AnnotationToken, annotationState } from '@embedpdf/plugin-annotation/contract';\n\nimport { settingsHook, stateHook } from './state';\n\n/**\n * The annotation state: `status` (`'loading'` until every annotation is in,\n * then `'ready'`), the `selected` annotations, the one `hovered` under the\n * pointer and the text box being typed in (`editing`). Re-renders only when a\n * field changes, or the value `select` picks. Empty without a document.\n */\nexport const useAnnotationState = stateHook(annotationState);\n\n/**\n * The annotation settings (`snap`, `chrome`, `afterCreate`, `tools`), or the\n * value `select` picks. They belong to the plugin, so they read without a\n * document; change them with `useAnnotation().updateSettings()`.\n */\nexport const useAnnotationSettings = settingsHook(AnnotationToken);\n","/**\n * Annotation menus: thin anchor plumbing over the one `<Anchored>` primitive.\n * They come from `/annotation`; this module stays apart so it doesn't pull\n * in the layer.\n *\n * These work identically under `<Stage>` (mount in the overlay slot; the\n * camera projects, no DOM reads) and `<PageView>` (measured and portalled):\n * the surface provides the projector, the menu doesn't care.\n *\n * No action bags: actions come from `useAnnotation()` and the state hooks,\n * which subscribe properly and compose across plugins. Render props carry\n * only the anchor's data (the draft menu's progress); the selection menu\n * takes plain children.\n */\nimport * as React from 'react';\nimport { AnnotationToken } from '@embedpdf/plugin-annotation/contract';\nimport { AnnotationToken as AnnotationHostToken } from '@embedpdf/plugin-annotation/contract/host';\nimport type { CreationDraftAnchor, RotationAnchor } from '@embedpdf/core-annotation';\nimport {\n  paint,\n  paintDefault,\n  sameCreationDraftAnchor,\n  sameRotationAnchor,\n  sameSelectionAnchor,\n} from '@embedpdf/web';\nimport { Anchored, useProjectorBinding, type AnchoredPlacement } from './anchored';\nimport { useAnnotationSettings } from './annotation-hooks';\nimport { useOptionalSelector } from './runtime';\n\nexport interface AnnotationMenuProps {\n  children: React.ReactNode;\n  /** Gap in screen px between the selection box and the menu (default 15). */\n  gap?: number;\n  /** Where to place the menu relative to the selection box. Default 'top'. */\n  placement?: AnchoredPlacement;\n}\n\n/**\n * Your own menu next to the selection (one anchor, also for a selection over\n * several pages), clear of the rotation handle. It hides while the selection\n * is dragged, resized or turned. What's in it is yours: build it from\n * `useAnnotation()` and `useAnnotationState()`.\n */\nexport function AnnotationMenu({ children, gap = 15, placement = 'top' }: AnnotationMenuProps) {\n  // Reading the binding subscribes this component to projection changes\n  // (its identity is the revision), so the anchor read below re-runs with\n  // fresh view facts in the same commit as the surface: the rotation\n  // handle's offset is screen-constant, so its page-space position depends\n  // on the page's live view scale.\n  const { projector } = useProjectorBinding();\n  const anchor = useOptionalSelector(\n    AnnotationHostToken,\n    (annotation) => {\n      const selectionAnchor = annotation.selection.getAnchor();\n      if (!selectionAnchor) return null;\n      const env = projector.viewEnv(selectionAnchor.page);\n      return env ? annotation.getSelectionAnchorIn(env) : selectionAnchor;\n    },\n    null,\n    sameSelectionAnchor,\n  );\n  if (!anchor) return null;\n  return (\n    <Anchored\n      anchor={{\n        page: anchor.page,\n        bounds: anchor.bounds,\n        ...(anchor.rotationHandle ? { avoid: [anchor.rotationHandle] } : {}),\n      }}\n      placement={placement}\n      gap={gap}\n    >\n      {children}\n    </Anchored>\n  );\n}\n\nexport interface AnnotationDraftMenuProps {\n  /** Render prop receiving the shape being drawn (`subtype`, `pointCount`,\n   *  `minPoints`, `canFinish`, …). The verbs are capability calls:\n   *  `useAnnotation().draft.finish()` and `.draft.cancel()`. */\n  children: (anchor: CreationDraftAnchor) => React.ReactNode;\n  /** Gap in screen px between the draft anchor and the menu (default 8). */\n  gap?: number;\n  /** Where to place the menu relative to the draft anchor. Default 'top'. */\n  placement?: AnchoredPlacement;\n}\n\n/** Floats over a live multi-click creation draft (polygon, polyline, …). */\nexport function AnnotationDraftMenu({\n  children,\n  gap = 8,\n  placement = 'top',\n}: AnnotationDraftMenuProps) {\n  const anchor = useOptionalSelector(\n    AnnotationToken,\n    (annotation) => annotation.draft.get(),\n    null,\n    sameCreationDraftAnchor,\n  );\n  if (!anchor) return null;\n  return (\n    <Anchored anchor={anchor} placement={placement} gap={gap}>\n      {children(anchor)}\n    </Anchored>\n  );\n}\n\nexport interface AnnotationRotationBadgeProps {\n  /** Render prop receiving the rotation in progress (`angle`, degrees\n   *  clockwise, as the commit will apply it). Without it, the badge shows the\n   *  angle in the `chrome.readout` colors, when `chrome.readout.enabled`. */\n  children?: (rotation: RotationAnchor) => React.ReactNode;\n  /** Gap in screen px between the pointer and the badge (default 16). */\n  gap?: number;\n  /** Where to place the badge relative to the pointer. Default 'right'. */\n  placement?: AnchoredPlacement;\n}\n\n/**\n * Follows the pointer while a selection is being turned, upright however the\n * page is shown: it floats over the page like the menus, not in it. Shows\n * nothing when no rotation is in progress.\n */\nexport function AnnotationRotationBadge({\n  children,\n  gap = 16,\n  placement = 'right',\n}: AnnotationRotationBadgeProps) {\n  const rotation = useOptionalSelector(\n    AnnotationToken,\n    (annotation) => annotation.selection.getRotationAnchor(),\n    null,\n    sameRotationAnchor,\n  );\n  const readout = useAnnotationSettings((settings) => settings.chrome.readout);\n  if (!rotation || (!children && !readout.enabled)) return null;\n  return (\n    <Anchored\n      anchor={{ page: rotation.page, bounds: { ...rotation.at, width: 0, height: 0 } }}\n      placement={placement}\n      gap={gap}\n    >\n      {children ? (\n        children(rotation)\n      ) : (\n        <div\n          style={{\n            pointerEvents: 'none',\n            whiteSpace: 'nowrap',\n            borderRadius: 4,\n            padding: '2px 6px',\n            fontFamily: paintDefault('font-mono'),\n            fontSize: 12,\n            background: paint('readout-background', readout.background),\n            color: paint('readout-color', readout.color),\n          }}\n        >\n          {rotation.angle}°\n        </div>\n      )}\n    </Anchored>\n  );\n}\n","/**\n * The React view of @embedpdf/plugin-annotation.\n *\n * Pure paint: it reads the per-page render items and chrome and draws them.\n * Pointer events arrive through the interaction hub (the Stage's forwarding),\n * and the cursor is driven by the hub too (the edit handler claims\n * move/pointer/resize on hover). Each annotation resolves to one native node:\n * a vector scene, the engine's baked /AP <img>, or a registered behavior; a\n * renderer may wrap or replace it. Every chrome color is a setting painted\n * through `paint()`, so its `--epdf-annotation-*` CSS variable wins.\n *\n * What isn't React lives in `@embedpdf/web`, the same for every framework:\n * the scene as SVG elements, the chrome's paint and pixels, the text box\n * editor, which drawing each annotation gets and the behaviors renderers\n * register, and the object URLs of baked appearances and the stamp ghost.\n *\n * The hooks follow every plugin's four: `useAnnotation()` (the API),\n * `useAnnotationState()` (status, selected, hovered, editing),\n * `useAnnotationEvent()` and `useAnnotationSettings()`; the reads a component\n * follows on their own are `useAnnotationList()`, `useAnnotationDefaults()`,\n * `useAnnotationProperties()` and `useAnnotationAnchor()`.\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-annotation';\nimport type { EventHook, PageRef } from '@embedpdf/core';\nimport {\n  hasLiveDrawing,\n  scene,\n  MITER_LIMIT,\n  type FieldValues,\n  type Point,\n  type RenderItem,\n} from '@embedpdf/core-annotation';\nimport {\n  AnnotationToken,\n  annotationKey,\n  type Annotation,\n  type AnnotationAnchor,\n  type AnnotationCapability,\n  type AnnotationFilter,\n  type AnnotationProperties,\n  type AnnotationRef,\n  type ChromeSettings,\n  type CommentsApi,\n  type CommentThread,\n  type FilePickerProvider,\n  type HandleRole,\n  type TextItem,\n  type ToolDefaults,\n} from '@embedpdf/plugin-annotation';\n// The render layer is framework code, so it resolves the full host lens\n// (page items, chrome, appearances…). Same runtime token as the public one,\n// only the type differs. App code never imports this.\nimport {\n  AnnotationToken as AnnotationHostToken,\n  previewBucket,\n} from '@embedpdf/plugin-annotation/contract/host';\nimport { InteractionToken } from '@embedpdf/plugin-interaction/contract';\nimport { RenderToken } from '@embedpdf/plugin-render/contract/host';\nimport {\n  annotationChromePaint,\n  annotationDrawingOf,\n  bakedAppearanceOf,\n  chromeInPixels,\n  createShownUrls,\n  createTextBoxEditorFollower,\n  editingTextKeyOf,\n  enrichCommentThreads,\n  frameInPixels,\n  freeTextBoxOf,\n  ghostOpacity,\n  installFilePickerProvider,\n  layerTextBoxesOf,\n  loadAppearanceUrls,\n  loadObjectUrl,\n  lookFrameOf,\n  ownTextBoxOf,\n  pickRequestedFile,\n  pictureOrPainting,\n  rasterInFrame,\n  rectInPixels,\n  registerRendererBehaviors,\n  sameAnnotationAnchor,\n  sceneViewBox,\n  shownAppearance,\n  svgShapesOf,\n  textBoxEditorScaleOf,\n  type AnnotationChromePaint,\n  type AppearanceUrl,\n  type FrameFraction,\n} from '@embedpdf/web';\nimport { useEffect, useRef, useState } from 'react';\nimport * as React from 'react';\n\nexport type {\n  CreationDraftAnchor,\n  RenderItem,\n  LineEnding,\n  LineEndings,\n  Style,\n  AnnotationFlags,\n  FieldValues,\n  TextAlign,\n  TextStyle,\n} from '@embedpdf/core-annotation';\nimport { devWarn } from './dev';\nimport { usePaintsPagePart } from './page-layers';\nimport { useAnnotationSettings } from './annotation-hooks';\nimport { INERT } from './inert';\nimport {\n  shallowArray,\n  useCapability,\n  useCapabilityEvent,\n  useDocumentId,\n  useKernelValue,\n  useOptionalCapability,\n  useOptionalSelector,\n  usePage,\n  useSelector,\n  useViewerSettings,\n} from './runtime';\nimport type { PageContextValue, PageLayout } from './runtime';\nimport { SvgShapes } from './svg-shapes';\n\nexport { useAnnotationSettings, useAnnotationState } from './annotation-hooks';\nexport {\n  AnnotationDraftMenu,\n  AnnotationMenu,\n  AnnotationRotationBadge,\n  type AnnotationDraftMenuProps,\n  type AnnotationMenuProps,\n  type AnnotationRotationBadgeProps,\n} from './annotation-menu';\n\n// ── renderers ────────────────────────────────────────────────────────────────\n\n/** The box a renderer draws into: the size to draw at, how it's turned, and how it's scaled. */\nexport interface AnnotationFrame {\n  /** Its width in pixels at the annotation's 100% size, before its turn: draw at this. */\n  width: number;\n  /** Its height in pixels at the annotation's 100% size, before its turn: draw at this. */\n  height: number;\n  /**\n   * How it's turned on screen, degrees clockwise: the page's turn and the\n   * annotation's own. 0 is upright; turn your content by `-rotation` to keep\n   * it upright.\n   */\n  rotation: number;\n  /**\n   * How much the layer scales what you draw, with the page: the zoom, or for\n   * an annotation that keeps its size on screen, the zoom up to 1.\n   */\n  scale: number;\n}\n\n/**\n * What a renderer's component gets: the annotation, the frame to draw into,\n * and the layer's own drawing of it to keep or wrap. The layer keeps handling\n * the pointer (select, move, resize) unless the renderer is `interactive`.\n */\nexport interface AnnotationRendererProps {\n  /** The annotation, as `get()` returns it. */\n  annotation: Annotation;\n  /**\n   * The box you draw into. The layer places, turns and scales it like the\n   * annotation's own drawing, also during a drag, a resize or a turn. Fill it\n   * (`width: 100%; height: 100%`) and draw at the annotation's 100% size: your\n   * text and borders scale with the page.\n   */\n  frame: AnnotationFrame;\n  /** The layer's own drawing of it, filling the frame. Render it to keep the original look and add to it. */\n  native: React.ReactNode;\n  /** The engine's picture of the annotation as an image (`url`), or `null`. `native` draws it in place. */\n  appearance: { url: string } | null;\n  /** True while the pointer is over it. */\n  hovered: boolean;\n  /** True while it's selected. */\n  selected: boolean;\n  /** True when what you draw takes the pointer (see `interactive` on the renderer). */\n  interactive: boolean;\n}\n\n/**\n * What a sibling plugin's renderer gets for the annotations its behavior owns\n * (the form plugin's fill controls). It places its own controls: `item` is the\n * layer's projection of the annotation (its box, style, text and raster box,\n * in page coordinates), and `page.transform.toPixels()` turns those into the\n * layer's pixels.\n */\nexport interface BehaviorRendererProps {\n  annotation: Annotation;\n  item: RenderItem;\n  page: PageContextValue;\n  /** The layer's own drawing of it, where the layer draws it. */\n  native: React.ReactNode;\n  hovered: boolean;\n  selected: boolean;\n  interactive: boolean;\n}\n\n/** What an `interactive` function is asked: the annotation, and the active tool. */\nexport interface AnnotationInteractiveContext {\n  annotation: Annotation;\n  toolId: string;\n}\n\n/**\n * One rule: \"draw these annotations with this component\". `for` gets the\n * annotation with all its fields; the first renderer that matches wins.\n * Without `interactive` the component only draws: the layer keeps handling\n * the pointer. With `interactive` (or a function asked whenever it matters)\n * the component takes the pointer, and the annotation can't be selected or\n * moved while it does.\n *\n * Define the list once, outside your component or in `useMemo`: the layer\n * registers each entry, and a new list every render registers them again.\n *\n * `{ behavior, component }` draws what a sibling plugin's behavior owns (the\n * form plugin's fill controls); the plugin decides when it's engaged.\n */\nexport type AnnotationRenderer =\n  | { behavior: string; component: React.ComponentType<BehaviorRendererProps> }\n  | {\n      /** A stable id for the registration (optional; generated). */\n      id?: string;\n      for: (annotation: Annotation) => boolean;\n      component: React.ComponentType<AnnotationRendererProps>;\n      interactive?: boolean | ((context: AnnotationInteractiveContext) => boolean);\n      /**\n       * Scale what you draw with the page (the default): you draw at the\n       * annotation's 100% size. `false`: you draw at its size on screen, and\n       * size things yourself from `frame.scale`.\n       */\n      scale?: boolean;\n    };\n\n/** What a handle component you draw yourself gets. */\nexport interface HandleProps {\n  /** The handle's center, in pixels on the page. */\n  at: Point;\n  /** The `size` from the settings, px. */\n  size: number;\n  /** The selection's rotation (degrees clockwise), so a square handle can turn with it. */\n  rotation: number;\n  /** A box's `'corner'` or `'side'`, or one `'point'` of a line or a polygon. */\n  kind: HandleRole;\n  /** True while it's being dragged. */\n  active: boolean;\n}\n\n/** What a rotation handle component gets: a handle's props, and where its stalk starts on the box. */\nexport interface RotationHandleProps extends Omit<HandleProps, 'kind'> {\n  /** Where the stalk starts on the box, in pixels on the page. */\n  from: Point;\n}\n\n/** Your own handles, drawn in place of the layer's. The viewer still decides where they can be grabbed. */\nexport interface AnnotationLayerComponents {\n  Handle?: React.ComponentType<HandleProps>;\n  RotationHandle?: React.ComponentType<RotationHandleProps>;\n}\n\nexport interface AnnotationLayerProps {\n  /** Your own look for some annotations ({@link AnnotationRenderer}). */\n  renderers?: AnnotationRenderer[];\n  /** Your own handles and rotation handle. */\n  components?: AnnotationLayerComponents;\n}\n\n/** How much the layer scales the look around it: 1 outside a look, or in one drawn at its size on screen. */\nconst LookScaleContext = React.createContext(1);\n\n/**\n * The box an annotation draws into, placed, sized and turned like the\n * annotation (`item.frame`) inside the page layer, which the page itself\n * turns. The annotation's own drawing and any look of yours draw inside it.\n */\nfunction AnnotationFrame({\n  item,\n  page,\n  interactive = false,\n  inert = false,\n  children,\n}: {\n  item: RenderItem;\n  page: PageContextValue;\n  interactive?: boolean;\n  inert?: boolean;\n  children: React.ReactNode;\n}) {\n  const box = frameInPixels(item.frame, page.transform);\n  return (\n    <div\n      {...(inert ? INERT : {})}\n      style={{\n        position: 'absolute',\n        left: box.left,\n        top: box.top,\n        width: box.width,\n        height: box.height,\n        transform: box.transform,\n        transformOrigin: 'center',\n        // On the frame: a turned frame groups what is inside it, so blending on\n        // an inner element would stop blending with the page.\n        mixBlendMode: item.blend,\n        // An interactive renderer takes the pointer: the layer's own `none` ends here.\n        pointerEvents: interactive ? 'auto' : 'none',\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\n/** SVG attribute names as React props: `stroke-width` is `strokeWidth`. */\n/**\n * The scene, filling the item's frame: drawn upright in it, the frame turns\n * it. The core computed the box and the painted scene; `@embedpdf/web`\n * describes each scene node as one SVG element, so there is no per-kind\n * logic and no bounds math here.\n */\nfunction Shape({ item }: { item: RenderItem }) {\n  // Nothing to draw until the annotation has area (the 0×0 draft at mouse-down).\n  const viewBox = sceneViewBox(item.box);\n  if (!viewBox) return null;\n  return (\n    <svg\n      viewBox={viewBox}\n      style={{\n        position: 'absolute',\n        left: 0,\n        top: 0,\n        width: '100%',\n        height: '100%',\n        overflow: 'visible',\n        pointerEvents: 'none',\n        // A ghost is see-through as a whole, so its fill and stroke don't stack.\n        ...(item.source === 'ghost' ? { opacity: ghostOpacity(item.ghostOpacity ?? 0.5) } : {}),\n      }}\n    >\n      <SvgShapes shapes={svgShapesOf(scene(item), { miterLimit: MITER_LIMIT })} />\n    </svg>\n  );\n}\n\n/** The engine's raster inside the item's frame, where `item.raster` puts it, at any frame size. */\nfunction BakedImage({ url, box }: { url: string; box: FrameFraction }) {\n  return (\n    <img\n      src={url}\n      alt=\"\"\n      draggable={false}\n      style={{\n        position: 'absolute',\n        left: box.left,\n        top: box.top,\n        width: box.width,\n        height: box.height,\n        // The AP box is sized in content units; a global `img { max-width: 100% }`\n        // reset would otherwise clamp it to the containing block and distort the\n        // aspect. This bites specifically when the box is wider than that block —\n        // a landscape stamp whose unrotated box overhangs a view-rotated (portrait)\n        // page — so honour the explicit size.\n        maxWidth: 'none',\n        maxHeight: 'none',\n        pointerEvents: 'none',\n        // The turn the engine took out of the raster, put back about its middle.\n        transform: box.transform,\n        transformOrigin: 'center',\n      }}\n    />\n  );\n}\n\n/**\n * The armed stamp's ghost: a see-through render of the payload drawn in the\n * exact box a click would place it (the plugin computes it with the same fit\n * + clamp as placement). Every other tool's ghost rides `pageItems` like a\n * drawing in progress. The preview bytes live in the capability closure; this\n * layer owns only the object-URL lifetime, keyed on the armed stamp — a new\n * arm swaps the image, a disarm (or tool change) drops it.\n */\nfunction ToolGhostImage({ page }: { page: PageContextValue }) {\n  const anno = useCapability(AnnotationHostToken);\n  const ghost = useSelector(AnnotationHostToken, (annotation) =>\n    annotation.getImageGhost(page.ref),\n  );\n  const armed = useSelector(AnnotationHostToken, (annotation) => annotation.getArmedStamp());\n  const [url, setUrl] = useState<string | null>(null);\n  // The ghost is a bitmap of vector artwork, right at one size: ask for the\n  // bucket that covers the box's device width (points × device px per point),\n  // so it stays sharp at every zoom and density. The plugin caches per bucket.\n  const bucket = ghost ? previewBucket(ghost.box.width * page.transform.renderScale) : 0;\n\n  useEffect(() => {\n    if (!bucket) {\n      setUrl(null);\n      return;\n    }\n    // The previous bucket's image stays up until this one resolves: no\n    // flicker while a zoom crosses a bucket boundary.\n    return loadObjectUrl(() => anno.renderArmedStampPreview(bucket), setUrl);\n  }, [anno, armed, bucket]);\n\n  if (!ghost || !url) return null;\n  const frame = rectInPixels(ghost.box, page.transform);\n  return (\n    <img\n      src={url}\n      alt=\"\"\n      draggable={false}\n      style={{\n        position: 'absolute',\n        left: frame.left,\n        top: frame.top,\n        width: frame.width,\n        height: frame.height,\n        // Same explicit-size rule as BakedImage: never let a global img reset\n        // clamp the box and distort the aspect.\n        maxWidth: 'none',\n        maxHeight: 'none',\n        pointerEvents: 'none',\n        opacity: ghostOpacity(ghost.opacity),\n        ...(ghost.rot ? { transform: `rotate(${ghost.rot}deg)`, transformOrigin: 'center' } : {}),\n      }}\n    />\n  );\n}\n\n// ── the selection's chrome ───────────────────────────────────────────────────\n\n/** The chrome settings, painted: follows the settings and the viewer's accent live. */\nfunction useChromePaint(): { chrome: ChromeSettings; painted: AnnotationChromePaint } {\n  const chrome = useAnnotationSettings((settings) => settings.chrome);\n  const accent = useViewerSettings((settings) => settings.accent);\n  const painted = React.useMemo(() => annotationChromePaint(chrome, accent), [chrome, accent]);\n  return { chrome, painted };\n}\n\n/** A handle as the layer draws it: a square or a circle, `size` px across. */\nfunction DefaultHandle({\n  at,\n  size,\n  rotation,\n  shape,\n  style,\n}: {\n  at: Point;\n  size: number;\n  rotation: number;\n  shape: 'square' | 'circle';\n  style: React.CSSProperties;\n}) {\n  if (shape === 'circle') {\n    return <circle cx={at.x} cy={at.y} r={size / 2} strokeWidth={1.5} style={style} />;\n  }\n  return (\n    <rect\n      x={at.x - size / 2}\n      y={at.y - size / 2}\n      width={size}\n      height={size}\n      strokeWidth={1.5}\n      style={style}\n      // The square rides a rotated box's orientation (spin about itself).\n      {...(rotation ? { transform: `rotate(${rotation} ${at.x} ${at.y})` } : {})}\n    />\n  );\n}\n\nfunction Chrome({\n  page,\n  components,\n}: {\n  page: PageContextValue;\n  components?: AnnotationLayerComponents;\n}) {\n  // The page's view scale converts the screen-pixel chrome settings into\n  // content units inside the plugin (rotation handle offset, grab zones):\n  // screen-constant at every zoom. What this draws is in screen pixels already.\n  const scale = page.transform.viewScale;\n  const rotation = page.transform.rotation;\n  const zoom = page.transform.zoom;\n  const nodes = useSelector(\n    AnnotationHostToken,\n    (annotation) => annotation.listChromeNodes(page.ref, scale, rotation, zoom),\n    shallowArray,\n  );\n  const { chrome, painted } = useChromePaint();\n  const Handle = components?.Handle;\n  const RotationHandle = components?.RotationHandle;\n  // Your own handles draw as HTML over the page; the layer's as SVG.\n  const custom: React.ReactNode[] = [];\n  const svg = chromeInPixels(nodes, page.transform).map((node, i) => {\n    switch (node.kind) {\n      case 'handle':\n        if (Handle) {\n          custom.push(\n            <Handle\n              key={i}\n              at={node.at}\n              size={chrome.handles.size}\n              rotation={node.rotation}\n              kind={node.role}\n              active={node.active}\n            />,\n          );\n          return null;\n        }\n        return (\n          <DefaultHandle\n            key={i}\n            at={node.at}\n            size={chrome.handles.size}\n            rotation={node.rotation}\n            shape={chrome.handles.shape}\n            style={painted.handle}\n          />\n        );\n      case 'guide':\n        return (\n          <line\n            key={i}\n            x1={node.from.x}\n            y1={node.from.y}\n            x2={node.to.x}\n            y2={node.to.y}\n            shapeRendering=\"crispEdges\"\n            style={painted.guide}\n          />\n        );\n      case 'turned-outline':\n        return <polygon key={i} points={node.points} fill=\"none\" style={painted.outline} />;\n      case 'rotation-guides':\n        return (\n          <g key={i}>\n            {node.lines.map((line, j) => (\n              <line\n                key={j}\n                x1={line.from.x}\n                y1={line.from.y}\n                x2={line.to.x}\n                y2={line.to.y}\n                opacity={line.opacity}\n                style={painted.rotationGuide}\n              />\n            ))}\n          </g>\n        );\n      case 'rotation-handle':\n        if (RotationHandle) {\n          custom.push(\n            <RotationHandle\n              key={i}\n              at={node.at}\n              from={node.from}\n              size={chrome.rotationHandle.size}\n              rotation={0}\n              active={false}\n            />,\n          );\n          return null;\n        }\n        return (\n          <g key={i}>\n            {chrome.rotationHandle.stalk && (\n              <line\n                x1={node.from.x}\n                y1={node.from.y}\n                x2={node.at.x}\n                y2={node.at.y}\n                strokeWidth={1}\n                style={{ stroke: painted.rotationHandle.stroke }}\n              />\n            )}\n            <circle\n              cx={node.at.x}\n              cy={node.at.y}\n              r={chrome.rotationHandle.size / 2}\n              strokeWidth={1.5}\n              style={painted.rotationHandle}\n            />\n          </g>\n        );\n      // The box dragged to select keeps its own look (a see-through accent\n      // fill, always dashed); the selection outline follows the settings.\n      case 'marquee':\n        return (\n          <rect\n            key={i}\n            x={node.box.left}\n            y={node.box.top}\n            width={node.box.width}\n            height={node.box.height}\n            strokeWidth={1}\n            strokeDasharray=\"4 3\"\n            style={painted.marquee}\n          />\n        );\n      case 'outline':\n        return (\n          <rect\n            key={i}\n            x={node.box.left}\n            y={node.box.top}\n            width={node.box.width}\n            height={node.box.height}\n            fill=\"none\"\n            style={painted.outline}\n          />\n        );\n    }\n  });\n  return (\n    <>\n      <svg style={{ position: 'absolute', inset: 0, overflow: 'visible', pointerEvents: 'none' }}>\n        {svg}\n      </svg>\n      {custom.length > 0 && (\n        <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>{custom}</div>\n      )}\n    </>\n  );\n}\n\n// ── text boxes ───────────────────────────────────────────────────────────────\n\n/**\n * Make an element the editor of a text box: `@embedpdf/web`'s text box\n * editor binds it (rich text, focus and `contentEditable` following\n * `item.editing`, presses kept inside), and its follower attaches again for\n * another element or document and hands it the item and the scale. Returns\n * the ref callback for the element.\n */\nfunction useTextBoxEditor(\n  item: TextItem | null,\n  scale: number,\n): (element: HTMLElement | null) => void {\n  const anno = useCapability(AnnotationHostToken);\n  const [element, setElement] = useState<HTMLElement | null>(null);\n  const [follower] = useState(() => createTextBoxEditorFollower<AnnotationRef>());\n  // On every item or scale change too: the editor redraws only when the text differs.\n  useEffect(\n    () => follower.follow(element, anno, item, scale),\n    [follower, anno, element, item, scale],\n  );\n  useEffect(() => () => follower.detach(), [follower]);\n  return setElement;\n}\n\n/** A free text annotation: the same styled element for reading and typing. */\nfunction FreeText({ item, page }: { item: TextItem; page: PageContextValue }) {\n  const { painted } = useChromePaint();\n  // On the engine's text plate (the box inset by its padding), laid out at a legible size.\n  const box = freeTextBoxOf(item, page.transform, painted.textOutline);\n  const ref = useTextBoxEditor(item, box.scale);\n  return <div ref={ref} suppressContentEditableWarning style={box.style} />;\n}\n\n/** What `useRichTextEditor()` gives the element you draw a text box with. */\nexport interface RichTextEditor {\n  /** Put it on your element: it becomes the editor. */\n  ref: (element: HTMLElement | null) => void;\n  /**\n   * The box's body style as CSS (font, size, color and alignment), filling the element's parent\n   * at a legible size: draw the box's frame on the parent. While typing it takes the pointer too.\n   */\n  style: React.CSSProperties;\n  /** True while someone types in the box. */\n  editing: boolean;\n}\n\nconst NO_STYLE: React.CSSProperties = {};\n\n/**\n * Make your own element the editor of a text box you draw yourself (a\n * renderer for free text): it draws the runs, turns typing back into runs,\n * keeps the caret when the style changes, and handles pasting, input methods\n * and the format shortcuts. The formatting calls (`text.toggleFormat`,\n * `selection.update`) work on it as they do on the built-in one.\n */\nexport function useRichTextEditor(annotation: Annotation): RichTextEditor {\n  const page = usePage();\n  const zoom = page.transform.zoom;\n  const rotation = page.transform.rotation;\n  // Saved and idle too: your element draws its text, no engine picture does.\n  const item = useOptionalSelector(\n    AnnotationHostToken,\n    (anno) => anno.getTextItem(annotation.ref, { zoom, rotation }),\n    null,\n  );\n  // Pixels per point where the element is: inside a scaled look, at the\n  // annotation's 100% size; the look's scale does the rest.\n  const scale = textBoxEditorScaleOf(item, page.transform, React.useContext(LookScaleContext));\n  const own = React.useMemo(() => (item ? ownTextBoxOf(item, scale) : null), [item, scale]);\n  const ref = useTextBoxEditor(item, own?.scale ?? scale);\n  return { ref, style: own?.style ?? NO_STYLE, editing: item?.editing ?? false };\n}\n\n// ── renderers that take the pointer ──────────────────────────────────────────\n\n/**\n * Register the behaviors this layer's `interactive` renderers need, through\n * `@embedpdf/web`'s `registerRendererBehaviors`: counted per capability and\n * entry, since the layer mounts once per page. Entry identity is the key,\n * hence the \"define entries outside render\" rule on {@link AnnotationRenderer}.\n * Once they are registered the layer draws again: its drawings ask them.\n */\nfunction useRendererBehaviors(\n  anno: Parameters<typeof registerRendererBehaviors<Annotation>>[0],\n  activeToolId: () => string,\n  renderers?: AnnotationRenderer[],\n): void {\n  const toolRef = useRef(activeToolId);\n  toolRef.current = activeToolId;\n  const [, setRegistrations] = useState(0);\n  useEffect(() => {\n    if (!renderers) return;\n    const release = registerRendererBehaviors(anno, renderers, () => toolRef.current());\n    setRegistrations((count) => count + 1);\n    return release;\n  }, [anno, renderers]);\n}\n\n/**\n * Draws a page's annotations, the selection's outline and handles, the tool's\n * preview and the text boxes being typed in. Put it above the rendered page:\n * while it's there, the render layer leaves the annotations out of the\n * page's picture.\n */\nexport function AnnotationLayer({ renderers, components }: AnnotationLayerProps = {}) {\n  const page = usePage();\n  const anno = useCapability(AnnotationHostToken);\n  // The active tool decides which interactive renderers take the pointer, so\n  // a tool change repaints the layer (`interactive` functions read it live).\n  useOptionalSelector(InteractionToken, (interaction) => interaction.getActiveToolId(), '');\n  const interaction = useOptionalCapability(InteractionToken);\n  // The page's view env (relative zoom + total display rotation) projects\n  // screen-anchored (`noZoom`/`noRotate`) annotations to their effective\n  // footprint inside the plugin: no flag logic lives in the framework.\n  // `transform.zoom` (not `viewScale`): 1 = the page's physical 100%.\n  const viewZoom = page.transform.zoom;\n  const viewRotation = page.transform.rotation;\n  const items = useSelector(\n    AnnotationHostToken,\n    (annotation) => annotation.listPageItems(page.ref, { zoom: viewZoom, rotation: viewRotation }),\n    shallowArray,\n  );\n  const texts = useSelector(\n    AnnotationHostToken,\n    (annotation) => annotation.listTextItems(page.ref, { zoom: viewZoom, rotation: viewRotation }),\n    shallowArray,\n  );\n  // `null` until the page's first pictures arrive.\n  const [urls, setUrls] = useState<Record<string, AppearanceUrl> | null>(null);\n  // The pictures shown stay valid until the next ones are shown.\n  const [shown] = useState(createShownUrls);\n  useEffect(() => () => shown.release(), [shown]);\n  useRendererBehaviors(anno, () => (interaction?.getActiveToolId() as string) ?? '', renderers);\n  usePaintsPagePart(page.ref, 'annotations');\n  // Entry identity keys the behavior registration, so an inline `renderers`\n  // array registers again on every render. Detect it once: a fresh array\n  // whose entries are the previous ones.\n  const previousRenderers = useRef(renderers);\n  if (\n    renderers &&\n    previousRenderers.current &&\n    renderers !== previousRenderers.current &&\n    shallowArray(renderers, previousRenderers.current)\n  ) {\n    devWarn(\n      'annotation-renderers-inline',\n      '<AnnotationLayer renderers> was given a new array with the same entries — define it ' +\n        'outside render (module scope or useMemo), because entry identity keys the behavior registration.',\n    );\n  }\n  previousRenderers.current = renderers;\n\n  // Baked annotations render from engine rasters: fetch again when the\n  // page's baked set or an /AP version changes (a freshly placed stamp, a\n  // resize whose re-bake resolved), and at appearance-scale crossings. A move\n  // or a turn leaves the epoch as it is (the blit repositions the same\n  // pixels), and live gestures don't touch it either: no mid-drag fetches.\n  const bakedKey = useSelector(AnnotationHostToken, (annotation) =>\n    annotation.getAppearanceEpoch(page.ref),\n  );\n  // The appearance scale follows the document's render policy: zoom ticks\n  // inside an appearance-lattice rung re-bake nothing; crossing 1→2 re-bakes\n  // once. Without the render plugin, only this session's pictures load.\n  const bakeScale = useOptionalSelector(\n    RenderToken,\n    (render) => render.getAppearanceScale(page.transform.renderScale),\n    page.transform.renderScale,\n  );\n\n  useEffect(\n    () =>\n      loadAppearanceUrls(\n        shown,\n        (signal) => anno.renderAppearances(page.ref, bakeScale, signal),\n        annotationKey,\n        setUrls,\n      ),\n    [shown, anno, page.ref, bakeScale, bakedKey],\n  );\n\n  /** The text box being typed in, by key. */\n  const editingKey = editingTextKeyOf(texts, annotationKey);\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((item) => {\n        // The default look, inside the item's frame: the engine's raster where\n        // the core places it (following a move as it happens), or the scene.\n        const state = item.annotation?.appearanceState ?? null;\n        const shows = pictureOrPainting({\n          pending: item.source !== 'baked',\n          picture: urls && shownAppearance(urls, item.id, state),\n          version: item.pictureVersion ?? 0,\n          loaded: urls !== null,\n          paint: () => (hasLiveDrawing(item) ? item : null),\n        });\n        const native: React.ReactNode =\n          shows?.kind === 'painting' ? (\n            // shapes, cloudy, markup: all painted via scene()\n            <Shape item={item} />\n          ) : shows?.kind === 'picture' && item.raster ? (\n            <BakedImage url={shows.picture.url} box={rasterInFrame(item.raster, item.frame)} />\n          ) : null;\n        const framed = (\n          content: React.ReactNode,\n          options?: { interactive?: boolean; inert?: boolean },\n        ) => (\n          <AnnotationFrame key={item.id} item={item} page={page} {...options}>\n            {content}\n          </AnnotationFrame>\n        );\n        const annotation = item.annotation;\n        if (!annotation) return framed(native);\n        /** Your look in the frame: drawn at the annotation's 100% size and scaled with the page, unless it opts out. */\n        const look = (\n          entry: Extract<AnnotationRenderer, { for: unknown }>,\n          interactive: boolean,\n        ): React.ReactNode => {\n          const pixels = frameInPixels(item.frame, page.transform);\n          const scaled = entry.scale !== false;\n          const Look = entry.component;\n          const drawn = (\n            <Look\n              annotation={annotation}\n              frame={lookFrameOf(pixels, scaled)}\n              native={native}\n              appearance={urls && bakedAppearanceOf(urls, item.id, state)}\n              hovered={item.hovered ?? false}\n              selected={item.selected}\n              interactive={interactive}\n            />\n          );\n          if (!scaled) return drawn;\n          return (\n            <div\n              style={{\n                position: 'absolute',\n                left: 0,\n                top: 0,\n                width: pixels.design.width,\n                height: pixels.design.height,\n                transform: `scale(${pixels.scale})`,\n                transformOrigin: '0 0',\n              }}\n            >\n              <LookScaleContext.Provider value={pixels.scale}>{drawn}</LookScaleContext.Provider>\n            </div>\n          );\n        };\n\n        // Ownership beats looks: an engaged behavior's renderer is\n        // authoritative (form fill controls own their DOM); `for` rules apply\n        // only to what the layer owns, and draw without the pointer. While its\n        // text box is typed in, a look's editor (`useRichTextEditor`) takes\n        // the keys: an inert subtree can't.\n        const typing = editingKey !== null && annotationKey(annotation.ref) === editingKey;\n        const drawing = annotationDrawingOf(annotation, anno, renderers, typing);\n        switch (drawing.kind) {\n          case 'owned': {\n            // Its controls place themselves in the layer; the native drawing keeps its frame.\n            const Owner = drawing.entry.component;\n            return (\n              <Owner\n                key={item.id}\n                annotation={annotation}\n                item={item}\n                page={page}\n                native={framed(native)}\n                hovered={item.hovered ?? false}\n                selected={item.selected}\n                interactive\n              />\n            );\n          }\n          case 'look':\n            return framed(look(drawing.entry, drawing.interactive), {\n              interactive: drawing.interactive,\n              inert: drawing.inert,\n            });\n          case 'native':\n            // Inert when an engaged behavior has no renderer of yours: its\n            // plugin owns the input (a link's anchor takes the click), and the\n            // annotation keeps its own look.\n            return framed(native, { inert: drawing.inert });\n        }\n      })}\n      {/* A text box your renderer draws is edited there (`useRichTextEditor`). */}\n      {layerTextBoxesOf(texts, items, renderers, annotationKey).map((text) => (\n        <FreeText key={text.id} item={text} page={page} />\n      ))}\n      <ToolGhostImage page={page} />\n      <Chrome page={page} components={components} />\n    </div>\n  );\n}\n\n/**\n * The default file-picker provider: the built-in file dialog (from\n * `@embedpdf/web`), honouring the tool's `accept` filter. This is the adapter\n * fulfilling the plugin's DOM-free port — the dialog lives in the framework\n * layer, never in the plugin.\n */\nexport const filePickerProvider: FilePickerProvider = pickRequestedFile;\n\n/**\n * Install the file-picker provider for the active document — the one port\n * behind every click-then-pick tool (a stamp `'prompt'` source, the file-\n * attachment tool). Call once at a document-scoped spot (not inside\n * `<AnnotationLayer>`, which is per page). Defaults to\n * {@link filePickerProvider}, so a bare `useFilePickerProvider()` makes all of\n * them work out of the box; pass a custom provider (asset library, cloud\n * drive — switch on `req.subtype` / `req.toolId`) or `null` to make\n * click-then-pick tools inert. Cleared on unmount.\n */\nexport function useFilePickerProvider(\n  provider: FilePickerProvider | null = filePickerProvider,\n): void {\n  const anno = useOptionalCapability(AnnotationToken);\n  useEffect(() => {\n    if (!anno) return;\n    // One port per document: a second caller silently replaces the first.\n    return installFilePickerProvider(anno, provider, () =>\n      devWarn(\n        'file-picker-provider-twice',\n        'useFilePickerProvider() is called from two mounted components for the same document — ' +\n          'the later one wins. Call it once, at a document-scoped spot.',\n      ),\n    );\n  }, [anno, provider]);\n}\n\nexport function useAnnotation(): AnnotationCapability {\n  return useCapability(AnnotationToken);\n}\n\n/** Listen to one annotation event while the component is mounted: `useAnnotationEvent((annotation) => annotation.onCreated, handler)`. */\nexport function useAnnotationEvent<T>(\n  select: (annotation: AnnotationCapability) => EventHook<T>,\n  handler: (event: T) => void,\n): void {\n  useCapabilityEvent(AnnotationToken, select, handler);\n}\n\nconst NO_ANNOTATIONS: readonly Annotation[] = [];\n\n/**\n * The annotations matching `filter` (some pages, one kind), in drawing order,\n * as the user sees them; the same array while they stay the same. Empty\n * without a document.\n */\nexport function useAnnotationList(filter?: AnnotationFilter): readonly Annotation[] {\n  const key = filter\n    ? `${(filter.pages ?? [])\n        .map((page) => (typeof page === 'number' ? `#${page}` : page.objectNumber))\n        .join(',')}|${filter.pages ? 'p' : ''}|${filter.subtype ?? ''}`\n    : '';\n  // Keyed by value, so an inline filter object never subscribes again.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stable = React.useMemo(() => filter, [key]);\n  return useOptionalSelector(\n    AnnotationToken,\n    (annotation) => annotation.list(stable),\n    NO_ANNOTATIONS,\n    shallowArray,\n  );\n}\n\nconst NO_DEFAULTS: ToolDefaults = {};\n\n/**\n * A tool's defaults: the fields its next annotation starts with, over the\n * engine's. The component re-renders when they change, so a color picker\n * always shows the current color. Empty without a document.\n */\nexport function useAnnotationDefaults(toolId: string): ToolDefaults {\n  return useOptionalSelector(\n    AnnotationToken,\n    (annotation) => annotation.tools.getDefaults(toolId),\n    NO_DEFAULTS,\n  );\n}\n\nconst NO_PROPERTIES: AnnotationProperties = { properties: [], values: {}, mixed: [] };\n\n/**\n * What a style panel shows: the selection's properties (`selection.getProperties()`),\n * or, given a tool id, the tool's (`tools.getProperties(id)`). The component\n * re-renders when they change. Empty without a document.\n */\nexport function useAnnotationProperties(toolId?: string): AnnotationProperties {\n  return useOptionalSelector(\n    AnnotationToken,\n    (annotation) =>\n      toolId === undefined\n        ? annotation.selection.getProperties()\n        : annotation.tools.getProperties(toolId),\n    NO_PROPERTIES,\n  );\n}\n\n/**\n * An anchor for `<Anchored>` that keeps a card or a badge attached to one\n * annotation: its page and the box around what it shows, following a move\n * as it happens. `null` for `null`, or an annotation that isn't here. The\n * component re-renders when the annotation moves, not while people scroll or\n * zoom: a note that keeps its size on screen hands `<Anchored>` its\n * `boundsIn`.\n */\nexport function useAnnotationAnchor(ref: AnnotationRef | null): AnnotationAnchor | null {\n  const key = ref ? annotationKey(ref) : null;\n  // Keyed by value, so an inline ref never subscribes again.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stable = React.useMemo(() => ref, [key]);\n  return useOptionalSelector(\n    AnnotationHostToken,\n    (annotation) => (stable ? annotation.getAnnotationAnchor(stable) : null),\n    null,\n    sameAnnotationAnchor,\n  );\n}\n\n// ── Comments (the conversation plane) ────────────────────────────────────────\n\n/**\n * A {@link CommentThread} enriched with its page's live display position —\n * the framework-layer join (`enrichCommentThreads` in `@embedpdf/web`).\n * Identity stays `page` (like every annotation surface); these two fields\n * are presentation, tracking page moves and deletes.\n */\nexport interface CommentThreadView extends CommentThread {\n  /** Current 0-based display index of the thread's page; `-1` when the page\n   *  is no longer in the document (one-frame teardown race on delete). */\n  pageIndex: number;\n  /** The page's `/PageLabels` label when the PDF declares one (\"iv\", \"A-2\"),\n   *  else the 1-based position as a string — print it verbatim. */\n  pageLabel: string;\n}\n\n/** The comments API: the `comments` part of `useAnnotation()`. Pair it with\n *  {@link useCommentThreads} for the threads to show. */\nexport function useComments(): CommentsApi {\n  return useCapability(AnnotationToken).comments;\n}\n\nconst EMPTY_PAGES: readonly PageLayout[] = [];\nconst NO_THREADS: readonly CommentThread[] = [];\n\n/**\n * Every comment thread in the document, display-ordered (page position →\n * top of page → creation date) and enriched with `pageIndex`/`pageLabel`.\n * Subscribed to both stores: annotation writes (own, remote, hydration)\n * recompute the threads; page moves/deletes re-run the join. Reference-\n * stable between changes — safe to memo child renders on the array.\n */\nexport function useCommentThreads(): CommentThreadView[] {\n  const docId = useDocumentId();\n  const threads = useOptionalSelector(\n    AnnotationToken,\n    (annotation) => annotation.comments.listThreads(),\n    NO_THREADS,\n  );\n  const pages = useKernelValue((kernel) =>\n    docId ? kernel.documents.listPages(docId) : EMPTY_PAGES,\n  );\n  return React.useMemo(() => enrichCommentThreads(threads, pages), [threads, pages]);\n}\n\n/** The enriched thread containing any member ref (root, reply, grouped part,\n *  state annotation), or null. */\nexport function useCommentThread(ref: AnnotationRef | null): CommentThreadView | null {\n  const views = useCommentThreads();\n  const api = useOptionalCapability(AnnotationToken);\n  if (ref == null || !api) return null;\n  const thread = api.comments.getThread(ref);\n  if (!thread) return null;\n  return (\n    views.find((view) => annotationKey(view.root.ref) === annotationKey(thread.root.ref)) ?? null\n  );\n}\n"],"mappings":"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"}

package/dist/annotation-DhEfs0pH.d.ts

@@ -0,0 +1,305 @@
+import { n as StateHook, t as SettingsHook } from "./state-0K1I5cM4.js";
+import { r as AnchoredPlacement } from "./anchored-DeX95xSd.js";
+import { c as PageContextValue } from "./runtime-V3MVMb91.js";
+import { EventHook } from "@embedpdf/core";
+import * as React$1 from "react";
+import { Annotation, AnnotationAnchor, AnnotationCapability, AnnotationFilter, AnnotationProperties, AnnotationRef, CommentThread, CommentsApi, FilePickerProvider, HandleRole, ToolDefaults } from "@embedpdf/plugin-annotation";
+import { AnnotationFlags, CreationDraftAnchor, CreationDraftAnchor as CreationDraftAnchor$1, FieldValues, LineEnding, LineEndings, Point, RenderItem, RenderItem as RenderItem$1, RotationAnchor, Style, TextAlign, TextStyle } from "@embedpdf/core-annotation";
+//#region src/annotation-hooks.d.ts
+/**
+ * The annotation state: `status` (`'loading'` until every annotation is in,
+ * then `'ready'`), the `selected` annotations, the one `hovered` under the
+ * pointer and the text box being typed in (`editing`). Re-renders only when a
+ * field changes, or the value `select` picks. Empty without a document.
+ */
+declare const useAnnotationState: StateHook<{
+  status: import("@embedpdf/core").ResourceStatus;
+  selected: readonly import("@embedpdf/plugin-annotation").Annotation[];
+  hovered: import("@embedpdf/plugin-annotation").Annotation | null;
+  editing: import("@embedpdf/plugin-annotation").Annotation | null;
+}>;
+/**
+ * The annotation settings (`snap`, `chrome`, `afterCreate`, `tools`), or the
+ * value `select` picks. They belong to the plugin, so they read without a
+ * document; change them with `useAnnotation().updateSettings()`.
+ */
+declare const useAnnotationSettings: SettingsHook<import("@embedpdf/plugin-annotation").AnnotationSettings>;
+//#endregion
+//#region src/annotation-menu.d.ts
+interface AnnotationMenuProps {
+  children: React$1.ReactNode;
+  /** Gap in screen px between the selection box and the menu (default 15). */
+  gap?: number;
+  /** Where to place the menu relative to the selection box. Default 'top'. */
+  placement?: AnchoredPlacement;
+}
+/**
+ * Your own menu next to the selection (one anchor, also for a selection over
+ * several pages), clear of the rotation handle. It hides while the selection
+ * is dragged, resized or turned. What's in it is yours: build it from
+ * `useAnnotation()` and `useAnnotationState()`.
+ */
+declare function AnnotationMenu({ children, gap, placement }: AnnotationMenuProps): import("react/jsx-runtime").JSX.Element | null;
+interface AnnotationDraftMenuProps {
+  /** Render prop receiving the shape being drawn (`subtype`, `pointCount`,
+   *  `minPoints`, `canFinish`, …). The verbs are capability calls:
+   *  `useAnnotation().draft.finish()` and `.draft.cancel()`. */
+  children: (anchor: CreationDraftAnchor) => React$1.ReactNode;
+  /** Gap in screen px between the draft anchor and the menu (default 8). */
+  gap?: number;
+  /** Where to place the menu relative to the draft anchor. Default 'top'. */
+  placement?: AnchoredPlacement;
+}
+/** Floats over a live multi-click creation draft (polygon, polyline, …). */
+declare function AnnotationDraftMenu({ children, gap, placement }: AnnotationDraftMenuProps): import("react/jsx-runtime").JSX.Element | null;
+interface AnnotationRotationBadgeProps {
+  /** Render prop receiving the rotation in progress (`angle`, degrees
+   *  clockwise, as the commit will apply it). Without it, the badge shows the
+   *  angle in the `chrome.readout` colors, when `chrome.readout.enabled`. */
+  children?: (rotation: RotationAnchor) => React$1.ReactNode;
+  /** Gap in screen px between the pointer and the badge (default 16). */
+  gap?: number;
+  /** Where to place the badge relative to the pointer. Default 'right'. */
+  placement?: AnchoredPlacement;
+}
+/**
+ * Follows the pointer while a selection is being turned, upright however the
+ * page is shown: it floats over the page like the menus, not in it. Shows
+ * nothing when no rotation is in progress.
+ */
+declare function AnnotationRotationBadge({ children, gap, placement }: AnnotationRotationBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//#region src/annotation.d.ts
+/** The box a renderer draws into: the size to draw at, how it's turned, and how it's scaled. */
+interface AnnotationFrame {
+  /** Its width in pixels at the annotation's 100% size, before its turn: draw at this. */
+  width: number;
+  /** Its height in pixels at the annotation's 100% size, before its turn: draw at this. */
+  height: number;
+  /**
+   * How it's turned on screen, degrees clockwise: the page's turn and the
+   * annotation's own. 0 is upright; turn your content by `-rotation` to keep
+   * it upright.
+   */
+  rotation: number;
+  /**
+   * How much the layer scales what you draw, with the page: the zoom, or for
+   * an annotation that keeps its size on screen, the zoom up to 1.
+   */
+  scale: number;
+}
+/**
+ * What a renderer's component gets: the annotation, the frame to draw into,
+ * and the layer's own drawing of it to keep or wrap. The layer keeps handling
+ * the pointer (select, move, resize) unless the renderer is `interactive`.
+ */
+interface AnnotationRendererProps {
+  /** The annotation, as `get()` returns it. */
+  annotation: Annotation;
+  /**
+   * The box you draw into. The layer places, turns and scales it like the
+   * annotation's own drawing, also during a drag, a resize or a turn. Fill it
+   * (`width: 100%; height: 100%`) and draw at the annotation's 100% size: your
+   * text and borders scale with the page.
+   */
+  frame: AnnotationFrame;
+  /** The layer's own drawing of it, filling the frame. Render it to keep the original look and add to it. */
+  native: React$1.ReactNode;
+  /** The engine's picture of the annotation as an image (`url`), or `null`. `native` draws it in place. */
+  appearance: {
+    url: string;
+  } | null;
+  /** True while the pointer is over it. */
+  hovered: boolean;
+  /** True while it's selected. */
+  selected: boolean;
+  /** True when what you draw takes the pointer (see `interactive` on the renderer). */
+  interactive: boolean;
+}
+/**
+ * What a sibling plugin's renderer gets for the annotations its behavior owns
+ * (the form plugin's fill controls). It places its own controls: `item` is the
+ * layer's projection of the annotation (its box, style, text and raster box,
+ * in page coordinates), and `page.transform.toPixels()` turns those into the
+ * layer's pixels.
+ */
+interface BehaviorRendererProps {
+  annotation: Annotation;
+  item: RenderItem;
+  page: PageContextValue;
+  /** The layer's own drawing of it, where the layer draws it. */
+  native: React$1.ReactNode;
+  hovered: boolean;
+  selected: boolean;
+  interactive: boolean;
+}
+/** What an `interactive` function is asked: the annotation, and the active tool. */
+interface AnnotationInteractiveContext {
+  annotation: Annotation;
+  toolId: string;
+}
+/**
+ * One rule: "draw these annotations with this component". `for` gets the
+ * annotation with all its fields; the first renderer that matches wins.
+ * Without `interactive` the component only draws: the layer keeps handling
+ * the pointer. With `interactive` (or a function asked whenever it matters)
+ * the component takes the pointer, and the annotation can't be selected or
+ * moved while it does.
+ *
+ * Define the list once, outside your component or in `useMemo`: the layer
+ * registers each entry, and a new list every render registers them again.
+ *
+ * `{ behavior, component }` draws what a sibling plugin's behavior owns (the
+ * form plugin's fill controls); the plugin decides when it's engaged.
+ */
+type AnnotationRenderer = {
+  behavior: string;
+  component: React$1.ComponentType<BehaviorRendererProps>;
+} | {
+  /** A stable id for the registration (optional; generated). */
+  id?: string;
+  for: (annotation: Annotation) => boolean;
+  component: React$1.ComponentType<AnnotationRendererProps>;
+  interactive?: boolean | ((context: AnnotationInteractiveContext) => boolean);
+  /**
+   * Scale what you draw with the page (the default): you draw at the
+   * annotation's 100% size. `false`: you draw at its size on screen, and
+   * size things yourself from `frame.scale`.
+   */
+  scale?: boolean;
+};
+/** What a handle component you draw yourself gets. */
+interface HandleProps {
+  /** The handle's center, in pixels on the page. */
+  at: Point;
+  /** The `size` from the settings, px. */
+  size: number;
+  /** The selection's rotation (degrees clockwise), so a square handle can turn with it. */
+  rotation: number;
+  /** A box's `'corner'` or `'side'`, or one `'point'` of a line or a polygon. */
+  kind: HandleRole;
+  /** True while it's being dragged. */
+  active: boolean;
+}
+/** What a rotation handle component gets: a handle's props, and where its stalk starts on the box. */
+interface RotationHandleProps extends Omit<HandleProps, 'kind'> {
+  /** Where the stalk starts on the box, in pixels on the page. */
+  from: Point;
+}
+/** Your own handles, drawn in place of the layer's. The viewer still decides where they can be grabbed. */
+interface AnnotationLayerComponents {
+  Handle?: React$1.ComponentType<HandleProps>;
+  RotationHandle?: React$1.ComponentType<RotationHandleProps>;
+}
+interface AnnotationLayerProps {
+  /** Your own look for some annotations ({@link AnnotationRenderer}). */
+  renderers?: AnnotationRenderer[];
+  /** Your own handles and rotation handle. */
+  components?: AnnotationLayerComponents;
+}
+/** What `useRichTextEditor()` gives the element you draw a text box with. */
+interface RichTextEditor {
+  /** Put it on your element: it becomes the editor. */
+  ref: (element: HTMLElement | null) => void;
+  /**
+   * The box's body style as CSS (font, size, color and alignment), filling the element's parent
+   * at a legible size: draw the box's frame on the parent. While typing it takes the pointer too.
+   */
+  style: React$1.CSSProperties;
+  /** True while someone types in the box. */
+  editing: boolean;
+}
+/**
+ * Make your own element the editor of a text box you draw yourself (a
+ * renderer for free text): it draws the runs, turns typing back into runs,
+ * keeps the caret when the style changes, and handles pasting, input methods
+ * and the format shortcuts. The formatting calls (`text.toggleFormat`,
+ * `selection.update`) work on it as they do on the built-in one.
+ */
+declare function useRichTextEditor(annotation: Annotation): RichTextEditor;
+/**
+ * Draws a page's annotations, the selection's outline and handles, the tool's
+ * preview and the text boxes being typed in. Put it above the rendered page:
+ * while it's there, the render layer leaves the annotations out of the
+ * page's picture.
+ */
+declare function AnnotationLayer({ renderers, components }?: AnnotationLayerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * The default file-picker provider: the built-in file dialog (from
+ * `@embedpdf/web`), honouring the tool's `accept` filter. This is the adapter
+ * fulfilling the plugin's DOM-free port — the dialog lives in the framework
+ * layer, never in the plugin.
+ */
+declare const filePickerProvider: FilePickerProvider;
+/**
+ * Install the file-picker provider for the active document — the one port
+ * behind every click-then-pick tool (a stamp `'prompt'` source, the file-
+ * attachment tool). Call once at a document-scoped spot (not inside
+ * `<AnnotationLayer>`, which is per page). Defaults to
+ * {@link filePickerProvider}, so a bare `useFilePickerProvider()` makes all of
+ * them work out of the box; pass a custom provider (asset library, cloud
+ * drive — switch on `req.subtype` / `req.toolId`) or `null` to make
+ * click-then-pick tools inert. Cleared on unmount.
+ */
+declare function useFilePickerProvider(provider?: FilePickerProvider | null): void;
+declare function useAnnotation(): AnnotationCapability;
+/** Listen to one annotation event while the component is mounted: `useAnnotationEvent((annotation) => annotation.onCreated, handler)`. */
+declare function useAnnotationEvent<T>(select: (annotation: AnnotationCapability) => EventHook<T>, handler: (event: T) => void): void;
+/**
+ * The annotations matching `filter` (some pages, one kind), in drawing order,
+ * as the user sees them; the same array while they stay the same. Empty
+ * without a document.
+ */
+declare function useAnnotationList(filter?: AnnotationFilter): readonly Annotation[];
+/**
+ * A tool's defaults: the fields its next annotation starts with, over the
+ * engine's. The component re-renders when they change, so a color picker
+ * always shows the current color. Empty without a document.
+ */
+declare function useAnnotationDefaults(toolId: string): ToolDefaults;
+/**
+ * What a style panel shows: the selection's properties (`selection.getProperties()`),
+ * or, given a tool id, the tool's (`tools.getProperties(id)`). The component
+ * re-renders when they change. Empty without a document.
+ */
+declare function useAnnotationProperties(toolId?: string): AnnotationProperties;
+/**
+ * An anchor for `<Anchored>` that keeps a card or a badge attached to one
+ * annotation: its page and the box around what it shows, following a move
+ * as it happens. `null` for `null`, or an annotation that isn't here. The
+ * component re-renders when the annotation moves, not while people scroll or
+ * zoom: a note that keeps its size on screen hands `<Anchored>` its
+ * `boundsIn`.
+ */
+declare function useAnnotationAnchor(ref: AnnotationRef | null): AnnotationAnchor | null;
+/**
+ * A {@link CommentThread} enriched with its page's live display position —
+ * the framework-layer join (`enrichCommentThreads` in `@embedpdf/web`).
+ * Identity stays `page` (like every annotation surface); these two fields
+ * are presentation, tracking page moves and deletes.
+ */
+interface CommentThreadView extends CommentThread {
+  /** Current 0-based display index of the thread's page; `-1` when the page
+   *  is no longer in the document (one-frame teardown race on delete). */
+  pageIndex: number;
+  /** The page's `/PageLabels` label when the PDF declares one ("iv", "A-2"),
+   *  else the 1-based position as a string — print it verbatim. */
+  pageLabel: string;
+}
+/** The comments API: the `comments` part of `useAnnotation()`. Pair it with
+ *  {@link useCommentThreads} for the threads to show. */
+declare function useComments(): CommentsApi;
+/**
+ * Every comment thread in the document, display-ordered (page position →
+ * top of page → creation date) and enriched with `pageIndex`/`pageLabel`.
+ * Subscribed to both stores: annotation writes (own, remote, hydration)
+ * recompute the threads; page moves/deletes re-run the join. Reference-
+ * stable between changes — safe to memo child renders on the array.
+ */
+declare function useCommentThreads(): CommentThreadView[];
+/** The enriched thread containing any member ref (root, reply, grouped part,
+ *  state annotation), or null. */
+declare function useCommentThread(ref: AnnotationRef | null): CommentThreadView | null;
+//#endregion
+export { useCommentThreads as A, useAnnotationSettings as B, useAnnotation as C, useAnnotationList as D, useAnnotationEvent as E, AnnotationDraftMenuProps as F, AnnotationMenu as I, AnnotationMenuProps as L, useFilePickerProvider as M, useRichTextEditor as N, useAnnotationProperties as O, AnnotationDraftMenu as P, AnnotationRotationBadge as R, filePickerProvider as S, useAnnotationDefaults as T, useAnnotationState as V, RichTextEditor as _, AnnotationLayerComponents as a, TextAlign as b, AnnotationRendererProps as c, CreationDraftAnchor$1 as d, FieldValues as f, RenderItem$1 as g, LineEndings as h, AnnotationLayer as i, useComments as j, useCommentThread as k, BehaviorRendererProps as l, LineEnding as m, AnnotationFrame as n, AnnotationLayerProps as o, HandleProps as p, AnnotationInteractiveContext as r, AnnotationRenderer as s, AnnotationFlags as t, CommentThreadView as u, RotationHandleProps as v, useAnnotationAnchor as w, TextStyle as x, Style as y, AnnotationRotationBadgeProps as z };
+//# sourceMappingURL=annotation-DhEfs0pH.d.ts.map