@embedpdf/react 3.0.0-next.1 → 3.0.0-next.10

package/dist/annotation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation.js","names":["AnnotationHostToken"],"sources":["../src/annotation.tsx"],"sourcesContent":["/**\n * The React view of @embedpdf/plugin-annotation.\n *\n * Pure paint: it reads the per-page render items + chrome and draws them. Pointer\n * events arrive through the interaction hub (the Stage's forwarding), and the\n * CURSOR is driven by the hub too (the edit handler claims move/pointer/resize on\n * hover). Each annotation resolves to ONE native node — a vector SceneSvg, the\n * engine's baked /AP <img>, or a registered behavior — and the host\n * `customRenderer` may wrap or replace it.\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-annotation';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport {\n  AnnotationToken,\n  refKey,\n  type AnnotationHydration,\n  type AnnotationRef,\n  type Behavior,\n  type CommentsApi,\n  type CommentThread,\n  type SelectionFlags,\n  type SelectionProps,\n  type FilePickerProvider,\n  type TextItem,\n} from '@embedpdf/plugin-annotation';\nimport { pickFile } from '@embedpdf/web';\n// The render layer is framework code, so it resolves the FULL host lens\n// (pageItems/chrome/appearances/…). Same runtime token as the public one — only\n// the type differs. App code never imports this.\nimport { AnnotationToken as AnnotationHostToken } from '@embedpdf/plugin-annotation/internal';\nimport {\n  scene,\n  MITER_LIMIT,\n  pdfToContentRect,\n  type AnnotationProps,\n  type CreationDraftAnchor,\n  type Paint,\n  type Rect,\n  type RenderItem,\n  type Vec,\n} from '@embedpdf/core-annotation';\n\nexport type {\n  CreationDraftAnchor,\n  RenderItem,\n  Geom,\n  LineEnding,\n  LineEndings,\n  Border,\n  Style,\n  AnnotationFlags,\n  AnnotationProps,\n  AnnotationPropsPatch,\n  PropKey,\n  PropSpec,\n  TextAlign,\n  TextStyle,\n} from '@embedpdf/core-annotation';\nexport type { SelectionFlags, SelectionProps } from '@embedpdf/plugin-annotation';\nimport {\n  shallowArray,\n  useCapability,\n  useDocumentId,\n  useKernelValue,\n  useOptionalCapability,\n  usePage,\n  useSelector,\n} from './runtime';\nimport type { PageContextValue, PageLayout } from './runtime';\n\n/** `#rrggbb` → `rgba(...)` — the marquee's translucent fill derives from the\n *  accent, so one `setChrome({ accent })` restyles every piece of chrome. */\nconst rgba = (hex: string, alpha: number): string => {\n  const m = /^#?([0-9a-f]{6})$/i.exec(hex);\n  if (!m) return hex;\n  const n = parseInt(m[1], 16);\n  return `rgba(${(n >> 16) & 255},${(n >> 8) & 255},${n & 255},${alpha})`;\n};\n\n/**\n * What an annotation renderer receives: the projected item (its `box` is LIVE —\n * it follows drags), the page context, the engine's baked /AP raster (the\n * \"picture\"), the default visual (`native` — wrap it or ignore it), and\n * whether this entry currently OWNS the pointer (`interactive`). While not\n * interactive the layer renders your component pointer-locked: the annotation\n * stays a first-class citizen of the annotation plane (select/move/resize).\n */\nexport interface AnnotationRendererProps {\n  item: RenderItem;\n  page: PageContextValue;\n  appearance: { url: string; box: Rect } | null;\n  native: React.ReactNode;\n  interactive: boolean;\n}\n\n/**\n * ONE rule: \"for THESE annotations, render THIS component, and it owns the\n * pointer WHEN …\". The two shapes:\n *\n *   - `{ for, component, interactive? }` — your own rule. Without\n *     `interactive` it is a pure SKIN: pixels only, mechanically\n *     pointer-locked, the annotation plane keeps selection/move/resize. With\n *     `interactive` (boolean or live predicate) the layer registers a plugin\n *     Behavior for you: while it holds, the annotation plane stands down\n *     (hit-test-inert) and your component owns the input.\n *   - `{ behavior, component }` — the renderer for a PLUGIN-registered\n *     behavior (the form plugin's fill controls via `formWidgetRenderer`);\n *     the plugin decides engagement, never the app.\n *\n * Resolution: ownership beats skin — an ENGAGED behavior's component is\n * authoritative; `for` rules apply only to plane-owned annotations, first\n * match wins. Define entries OUTSIDE render (module scope or useMemo): entry\n * identity keys the behavior registration.\n */\nexport type AnnotationRenderer =\n  | { behavior: string; component: React.ComponentType<AnnotationRendererProps> }\n  | {\n      /** Stable id for the auto-registered behavior (optional; generated). */\n      id?: string;\n      for: Behavior['matches'];\n      component: React.ComponentType<AnnotationRendererProps>;\n      interactive?: boolean | (() => boolean);\n    };\n\nexport interface AnnotationLayerProps {\n  /** Annotation renderers — skins and interactive takeovers ({@link AnnotationRenderer}). */\n  renderers?: AnnotationRenderer[];\n}\n\n/** Content rect → a view-px box (the page wrapper's own coordinate space). */\nfunction boxOf(r: Rect, page: PageContextValue) {\n  const tl = page.transform.toPixels({ x: r.x, y: r.y });\n  const br = page.transform.toPixels({ x: r.x + r.width, y: r.y + r.height });\n  return { left: tl.x, top: tl.y, width: br.x - tl.x, height: br.y - tl.y };\n}\n\n/** Map a core `Paint` to SVG presentation attributes — the whole framework-facing\n *  surface. Everything else about appearance is decided in the core's `scene`. */\nfunction paintAttrs(p: Paint) {\n  return {\n    fill: p.fill ?? 'none',\n    stroke: p.stroke ?? 'none',\n    strokeWidth: p.width,\n    opacity: p.opacity,\n    strokeLinejoin: p.join ?? ('miter' as const), // undefined → sharp miter; 'round' only for ink\n    strokeMiterlimit: MITER_LIMIT, // must match the bounds math so spike vs bevel agree\n    strokeLinecap: p.cap, // undefined → SVG default (butt); 'round' only for ink\n    strokeDasharray: p.dash ? p.dash.join(' ') : undefined,\n    ...(p.blend ? { style: { mixBlendMode: p.blend } } : {}),\n  };\n}\n\n/**\n * The dumb painter. The pure core computed `item.box` and the painted `scene`; we\n * size the <svg> to the box with a content-space `viewBox` and map each SceneNode\n * to one element, applying its `paint`. No per-kind logic, no bounds math — so\n * shapes, cloudy borders and every text-markup type all render here, and a Vue /\n * Svelte painter is the same ~10-line loop.\n */\nfunction Shape({ item, page }: { item: RenderItem; page: PageContextValue }) {\n  // Nothing to draw until the annotation has area (the 0×0 draft at mouse-down).\n  if (item.box.width <= 0 || item.box.height <= 0) return null;\n  const { left, top, width, height } = boxOf(item.box, page);\n  // The viewBox (content units) and the <svg> on-screen size MUST stay proportional\n  // (scale == zoom). Clamping either — e.g. a `max(1px)` floor on the element while\n  // the viewBox keeps shrinking — decouples them, so a sub-pixel box scales content\n  // up by ~1/size and a cloudy border's scallops flood the stage. No clamps here.\n  const vb = `${item.box.x} ${item.box.y} ${item.box.width} ${item.box.height}`;\n  // BOX-family kinds (square/circle, caret) carry an UNROTATED `box` + a `rot`\n  // angle; rotate the whole <svg> about its centre. VERTEX kinds (line/poly/ink)\n  // are already rotated in their geometry, so `rot` is advisory there — never\n  // re-applied.\n  const rot = item.geom.t === 'rect' || item.geom.t === 'caret' ? (item.rot ?? 0) : 0;\n  return (\n    <svg\n      viewBox={vb}\n      style={{\n        position: 'absolute',\n        left,\n        top,\n        width,\n        height,\n        overflow: 'visible',\n        pointerEvents: 'none',\n        ...(rot ? { transform: `rotate(${rot}deg)`, transformOrigin: 'center' } : {}),\n      }}\n    >\n      {sceneNodes(item)}\n    </svg>\n  );\n}\n\n/** Map a core scene to SVG children. */\nfunction sceneNodes(item: RenderItem): React.ReactNode[] {\n  return scene(item).map((n, i) => {\n    const a = paintAttrs(n.paint);\n    if (n.kind === 'rect')\n      return (\n        <rect\n          key={i}\n          x={n.rect.x}\n          y={n.rect.y}\n          width={n.rect.width}\n          height={n.rect.height}\n          {...a}\n        />\n      );\n    if (n.kind === 'ellipse')\n      return (\n        <ellipse\n          key={i}\n          cx={n.rect.x + n.rect.width / 2}\n          cy={n.rect.y + n.rect.height / 2}\n          rx={n.rect.width / 2}\n          ry={n.rect.height / 2}\n          {...a}\n        />\n      );\n    if (n.kind === 'line')\n      return <line key={i} x1={n.a.x} y1={n.a.y} x2={n.b.x} y2={n.b.y} {...a} />;\n    if (n.kind === 'path') return <path key={i} d={n.d} {...a} />;\n    if (n.kind === 'text')\n      return (\n        <text\n          key={i}\n          x={n.at.x}\n          y={n.at.y}\n          fontSize={n.fontSize}\n          {...(n.fontFamily ? { fontFamily: n.fontFamily } : {})}\n          {...a}\n        >\n          {n.text}\n        </text>\n      );\n    const pts = n.points.map((p) => `${p.x},${p.y}`).join(' ');\n    return n.closed ? (\n      <polygon key={i} points={pts} {...a} />\n    ) : (\n      <polyline key={i} points={pts} {...a} />\n    );\n  });\n}\n\nfunction BakedImage({\n  box,\n  url,\n  page,\n  blend,\n  rot,\n}: {\n  box: Rect;\n  url: string;\n  page: PageContextValue;\n  blend?: Paint['blend'];\n  /** The rotation (deg, CW) the engine STRIPPED from this raster\n   *  (`RenderItem.apRot`) — re-applied here as a view transform, so a live\n   *  rotate gesture spins the bitmap with zero engine re-renders. Unset for\n   *  rasters that already contain their rotation (vertex kinds). */\n  rot?: number;\n}) {\n  const b = boxOf(box, page);\n  return (\n    <img\n      src={url}\n      alt=\"\"\n      draggable={false}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.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 and let `rot` place it.\n        maxWidth: 'none',\n        maxHeight: 'none',\n        pointerEvents: 'none',\n        mixBlendMode: blend,\n        // Same CW convention as the free-text element: rotate about the centre.\n        ...(rot ? { transform: `rotate(${rot}deg)`, transformOrigin: 'center' } : {}),\n      }}\n    />\n  );\n}\n\n/**\n * The armed stamp's IMAGE footprint ghost: a translucent render of the payload\n * drawn in the EXACT box a click would place it (the plugin computes it with\n * the same fit + clamp as placement). Vector footprint ghosts never reach this\n * component — they ride `pageItems` like every draft preview. The preview\n * bytes live in the capability closure; this layer owns only the object-URL\n * lifetime, keyed on the arm epoch — a new arm swaps the image, a disarm (or\n * tool change) drops it.\n */\nfunction ToolGhostImage({ page }: { page: PageContextValue }) {\n  const anno = useCapability(AnnotationHostToken);\n  const ghost = useSelector(AnnotationHostToken, (c) => c.toolGhost(page.pon));\n  const epoch = useSelector(AnnotationHostToken, (c) => c.stampArmEpoch());\n  const [url, setUrl] = useState<string | null>(null);\n\n  useEffect(() => {\n    const preview = anno.armedStampPreview();\n    if (!preview) {\n      setUrl(null);\n      return;\n    }\n    // Copy into an EXACT ArrayBuffer (the engine idiom): a Uint8Array view may\n    // sit on a larger or shared buffer, which Blob won't accept.\n    const body = new ArrayBuffer(preview.bytes.byteLength);\n    new Uint8Array(body).set(preview.bytes);\n    const blob = new Blob([body], preview.mimeType ? { type: preview.mimeType } : {});\n    const obj = URL.createObjectURL(blob);\n    setUrl(obj);\n    return () => {\n      URL.revokeObjectURL(obj);\n      setUrl(null);\n    };\n  }, [anno, epoch]);\n\n  if (!ghost || ghost.kind !== 'image' || !url) return null;\n  const b = boxOf(ghost.box, page);\n  return (\n    <img\n      src={url}\n      alt=\"\"\n      draggable={false}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.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: 0.5,\n        ...(ghost.rot ? { transform: `rotate(${ghost.rot}deg)`, transformOrigin: 'center' } : {}),\n      }}\n    />\n  );\n}\n\nfunction Chrome({ page }: { page: PageContextValue }) {\n  // The page's view scale converts the CSS-px chrome settings into content\n  // units inside the core (knob stalk, grab zones) — screen-constant at every\n  // zoom. The painter's own px values (handle glyphs, dot radius) are drawn in\n  // screen space and need no conversion.\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    (c) => c.chrome(page.pon, scale, rotation, zoom),\n    shallowArray,\n  );\n  const cs = useSelector(AnnotationHostToken, (c) => c.chromeSettings());\n  // The accent cascade: each piece's color falls back to the one accent.\n  const outlineStroke = cs.outline.color ?? cs.accent;\n  const handleStroke = cs.handles.stroke ?? cs.accent;\n  const knobStroke = cs.knob.stroke ?? cs.accent;\n  // ONE outline style for the resting rect AND the rotated obb — the selection\n  // box must never flip dashed↔solid when a rotation starts.\n  const outlineDash = cs.outline.style === 'dashed' ? '4 3' : undefined;\n  // The live rotation readout — an HTML chip (rounded box + padded text beats\n  // hand-rolling it in SVG), riding the pointer like v2's.\n  const chip = nodes.find((n) => n.kind === 'angle-chip');\n  const chipAt = chip ? page.transform.toPixels(chip.at) : null;\n  return (\n    <>\n      <svg style={{ position: 'absolute', inset: 0, overflow: 'visible', pointerEvents: 'none' }}>\n        {nodes.map((n, i) => {\n          if (n.kind === 'angle-chip') return null; // rendered as HTML below\n          if (n.kind === 'handle') {\n            const p = page.transform.toPixels(n.at);\n            const hs = cs.handles.size;\n            return (\n              <rect\n                key={i}\n                x={p.x - hs / 2}\n                y={p.y - hs / 2}\n                width={hs}\n                height={hs}\n                fill={cs.handles.fill}\n                stroke={handleStroke}\n                strokeWidth={1.5}\n                // The square rides a rotated box's orientation (spin about itself).\n                {...(n.rot ? { transform: `rotate(${n.rot} ${p.x} ${p.y})` } : {})}\n              />\n            );\n          }\n          // A live alignment guide of a snapped move: a through-line at the snapped\n          // edge/center, spanning both shapes.\n          if (n.kind === 'guide') {\n            const a = page.transform.toPixels(\n              n.axis === 'x' ? { x: n.at, y: n.lo } : { x: n.lo, y: n.at },\n            );\n            const b = page.transform.toPixels(\n              n.axis === 'x' ? { x: n.at, y: n.hi } : { x: n.hi, y: n.at },\n            );\n            return (\n              <line\n                key={i}\n                x1={a.x}\n                y1={a.y}\n                x2={b.x}\n                y2={b.y}\n                stroke=\"#e91e63\"\n                strokeWidth={1.5}\n                shapeRendering=\"crispEdges\"\n              />\n            );\n          }\n          // An oriented selection box (a tilted shape/group): a closed quad through\n          // the four content-space corners — replaces the axis-aligned outline.\n          if (n.kind === 'obb') {\n            const pts = n.corners\n              .map((c) => {\n                const p = page.transform.toPixels(c);\n                return `${p.x},${p.y}`;\n              })\n              .join(' ');\n            return (\n              <polygon\n                key={i}\n                points={pts}\n                fill=\"none\"\n                stroke={outlineStroke}\n                strokeWidth={cs.outline.width}\n                strokeDasharray={outlineDash}\n              />\n            );\n          }\n          // Rotation guides (live rotate only): the faint 0°/90° reference cross\n          // + the prominent indicator riding the angle — pre-cut page chords, so\n          // this is a dumb line loop.\n          if (n.kind === 'rotate-guides') {\n            const guideDash = cs.guides.style === 'dashed' ? '4 3' : undefined;\n            return (\n              <g key={i}>\n                {n.lines.map((l, j) => {\n                  const a = page.transform.toPixels(l.a);\n                  const b = page.transform.toPixels(l.b);\n                  const axis = l.role === 'axis';\n                  return (\n                    <line\n                      key={j}\n                      x1={a.x}\n                      y1={a.y}\n                      x2={b.x}\n                      y2={b.y}\n                      stroke={\n                        axis\n                          ? (cs.guides.axisColor ?? cs.accent)\n                          : (cs.guides.indicatorColor ?? cs.accent)\n                      }\n                      opacity={axis ? cs.guides.axisOpacity : cs.guides.indicatorOpacity}\n                      strokeWidth={cs.guides.width}\n                      strokeDasharray={guideDash}\n                    />\n                  );\n                })}\n              </g>\n            );\n          }\n          // The rotate knob: a stalk from the top-edge midpoint out to a grab dot.\n          if (n.kind === 'rotate-knob') {\n            const at = page.transform.toPixels(n.at);\n            const from = page.transform.toPixels(n.from);\n            return (\n              <g key={i}>\n                {cs.knob.stalk && (\n                  <line\n                    x1={from.x}\n                    y1={from.y}\n                    x2={at.x}\n                    y2={at.y}\n                    stroke={knobStroke}\n                    strokeWidth={1}\n                  />\n                )}\n                <circle\n                  cx={at.x}\n                  cy={at.y}\n                  r={cs.knob.size / 2}\n                  fill={cs.knob.fill}\n                  stroke={knobStroke}\n                  strokeWidth={1.5}\n                />\n              </g>\n            );\n          }\n          const b = boxOf(n.rect, page);\n          // The marquee rubber band keeps its own look (translucent accent fill,\n          // always dashed); the selection outline follows the settings.\n          if (n.kind === 'marquee') {\n            return (\n              <rect\n                key={i}\n                x={b.left}\n                y={b.top}\n                width={b.width}\n                height={b.height}\n                fill={rgba(cs.accent, 0.08)}\n                stroke={cs.accent}\n                strokeWidth={1}\n                strokeDasharray=\"4 3\"\n              />\n            );\n          }\n          return (\n            <rect\n              key={i}\n              x={b.left}\n              y={b.top}\n              width={b.width}\n              height={b.height}\n              fill=\"none\"\n              stroke={outlineStroke}\n              strokeWidth={cs.outline.width}\n              strokeDasharray={outlineDash}\n            />\n          );\n        })}\n      </svg>\n      {chip && chipAt && (\n        <div\n          style={{\n            position: 'absolute',\n            left: chipAt.x + 16,\n            top: chipAt.y - 28,\n            background: 'rgba(0,0,0,0.8)',\n            color: '#fff',\n            padding: '2px 6px',\n            borderRadius: 4,\n            fontSize: 12,\n            fontFamily: 'monospace',\n            pointerEvents: 'none',\n            whiteSpace: 'nowrap',\n            zIndex: 1,\n          }}\n        >\n          {chip.angle}°\n        </div>\n      )}\n    </>\n  );\n}\n\n/**\n * A free-text annotation: the SAME styled element for viewing and editing —\n * `contentEditable` just toggles, so the text never jumps. The plugin handed us a\n * ready-to-spread style (`item.css`); the browser owns layout, caret, selection,\n * IME and clipboard; the plugin owns the text truth + the debounced engine write.\n * This component is the ENTIRE per-framework surface for text editing.\n */\nfunction FreeText({ item, page }: { item: TextItem; page: PageContextValue }) {\n  const anno = useCapability(AnnotationHostToken);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const box = boxOf(item.box, page);\n  const scale = item.box.width > 0 ? box.width / item.box.width : 1; // content units → screen px\n  // The element IS the engine's text PLATE (`SetPlateRect` + its `re W n`\n  // clip): positioned at the padding inset with ZERO CSS padding, so the\n  // scrollport's edge is the plate edge. CSS padding does NOT clip overflow —\n  // scrolled lines slide straight through it and paint over the border band —\n  // so the border band must sit OUTSIDE the scrollport, never inside it.\n  const pad = item.css.padding * scale;\n  const plate = {\n    left: box.left + pad,\n    top: box.top + pad,\n    width: Math.max(0, box.width - 2 * pad),\n    height: Math.max(0, box.height - 2 * pad),\n  };\n\n  // DOM ← model, but ONLY when this element isn't being typed in — keeps the caret\n  // stable while you type AND lets a remote (collab) edit land live when idle.\n  useEffect(() => {\n    const el = ref.current;\n    if (el && document.activeElement !== el && el.innerText !== item.contents) {\n      el.innerText = item.contents;\n    }\n  }, [item.contents, item.editing]);\n  // Keep DOM focus in sync with the model's `editing` state. Focus follows the\n  // model — it never drives it (exit is hub-driven, see the edit handler), so a\n  // transient focus-steal by the page surface can't end the edit.\n  useEffect(() => {\n    if (item.editing) {\n      const el = ref.current;\n      if (!el) return;\n      el.focus();\n      // Enter at the TOP — the same anchoring the baked appearance uses\n      // (/Q vertical-align top), so baked → edit → baked never jumps. The\n      // browser still follows the caret once the user clicks or types.\n      el.scrollTop = 0;\n    }\n  }, [item.editing]);\n\n  // Isolate the editor from the interaction hub: a pointerdown inside it must NOT\n  // bubble up to the Stage's native listener (which the edit handler reads as a\n  // click-outside → exit). Stopping it here lets the browser own caret placement\n  // and drag-selection inside the box, while clicks OUTSIDE still reach the hub and\n  // commit the edit. Native listener (not React's) so it runs during real DOM\n  // bubbling, before the Stage's own native listener on an ancestor.\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const stop = (e: Event) => e.stopPropagation();\n    el.addEventListener('pointerdown', stop);\n    return () => el.removeEventListener('pointerdown', stop);\n  }, []);\n\n  return (\n    <div\n      ref={ref}\n      contentEditable={item.editing}\n      suppressContentEditableWarning\n      onInput={() => item.ref && anno.setContents(item.ref, ref.current!.innerText)}\n      onBlur={(e) => {\n        // The gesture that opens the editor fires a native `mousedown` on the\n        // non-focusable page surface, which blurs us to <body> (relatedTarget null)\n        // right after we focus. If the MODEL still has this box in edit, that blur\n        // is a spurious steal — re-assert focus. A real click-away routes through\n        // the hub, which clears `editing` BEFORE this fires, so we let it go (and a\n        // focus move to a real element, relatedTarget != null, is always honoured).\n        if (\n          e.relatedTarget == null &&\n          ref.current?.isConnected &&\n          anno.currentEditing() === item.id\n        ) {\n          ref.current.focus();\n        }\n      }}\n      onPaste={(e) => {\n        e.preventDefault();\n        document.execCommand('insertText', false, e.clipboardData.getData('text/plain'));\n      }}\n      style={{\n        position: 'absolute',\n        left: plate.left,\n        top: plate.top,\n        width: plate.width,\n        // Fixed to the annotation rect's plate — the box never grows with\n        // content; it scrolls while editing and clips otherwise, at the SAME\n        // boundary the baked /AP clips at (`re W n` on the text body).\n        height: plate.height,\n        fontFamily: item.css.fontFamily,\n        fontSize: item.css.fontSize * scale,\n        lineHeight: `${item.css.lineHeight * scale}px`,\n        color: item.css.color,\n        textAlign: item.css.align,\n        boxSizing: 'border-box',\n        background: item.css.background ?? 'transparent',\n        whiteSpace: 'pre-wrap',\n        overflowWrap: 'break-word',\n        overflowY: item.editing ? 'auto' : 'hidden',\n        overflowX: 'hidden',\n        outline: item.editing ? '1px solid #3858e9' : 'none',\n        cursor: item.editing ? 'text' : 'default',\n        // A plain text box rotates about its centre (the box model — same as the\n        // baked /AP). `box` is the unrotated box; CSS rotate matches our CW `rot`.\n        ...(item.rot ? { transform: `rotate(${item.rot}deg)`, transformOrigin: 'center' } : {}),\n        // not editing → clicks fall through to the shape layer (select / move / resize)\n        pointerEvents: item.editing ? 'auto' : 'none',\n      }}\n    />\n  );\n}\n\n/**\n * Auto-registered behaviors for `interactive` renderer entries — refcounted\n * per (capability, entry) because the layer mounts once PER PAGE: the first\n * page registers, the last unregisters. Entry identity is the key, hence the\n * \"define entries outside render\" rule on {@link AnnotationRenderer}.\n */\nconst autoBehaviors = new WeakMap<\n  object,\n  Map<object, { id: string; count: number; unregister: () => void }>\n>();\nlet autoBehaviorSeq = 0;\n\nfunction useAutoBehaviors(\n  anno: { registerBehavior(b: Behavior): () => void },\n  renderers?: AnnotationRenderer[],\n): void {\n  useEffect(() => {\n    if (!renderers) return;\n    const released: Array<() => void> = [];\n    for (const r of renderers) {\n      if (!('for' in r) || !r.interactive) continue;\n      let perCap = autoBehaviors.get(anno);\n      if (!perCap) autoBehaviors.set(anno, (perCap = new Map()));\n      let rec = perCap.get(r);\n      if (!rec) {\n        const id = r.id ?? `renderer:${++autoBehaviorSeq}`;\n        const engaged = typeof r.interactive === 'function' ? r.interactive : () => true;\n        rec = { id, count: 0, unregister: anno.registerBehavior({ id, matches: r.for, engaged }) };\n        perCap.set(r, rec);\n      }\n      rec.count++;\n      const owned = rec;\n      released.push(() => {\n        owned.count--;\n        if (owned.count === 0) {\n          owned.unregister();\n          autoBehaviors.get(anno)?.delete(r);\n        }\n      });\n    }\n    return () => released.forEach((f) => f());\n  }, [anno, renderers]);\n}\n\n/** The behavior id a renderer entry answers for (plugin-owned or auto-registered). */\nfunction rendererBehaviorId(anno: object, r: AnnotationRenderer): string | null {\n  if ('behavior' in r) return r.behavior;\n  return autoBehaviors.get(anno)?.get(r)?.id ?? null;\n}\n\n/** React 18 spells the `inert` attribute as a string spread; it hard-disables\n *  pointer AND focus for the whole subtree — the mechanical guarantee that a\n *  non-interactive renderer entry (a skin) can never steal input. */\nconst INERT = { inert: '' } as Record<string, string>;\n\nexport function AnnotationLayer({ renderers }: AnnotationLayerProps = {}) {\n  const page = usePage();\n  const anno = useCapability(AnnotationHostToken);\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    (c) => c.pageItems(page.pon, { zoom: viewZoom, rotation: viewRotation }),\n    shallowArray,\n  );\n  const texts = useSelector(\n    AnnotationHostToken,\n    (c) => c.textItems(page.pon, { zoom: viewZoom, rotation: viewRotation }),\n    shallowArray,\n  );\n  const [urls, setUrls] = useState<Record<string, { url: string; box: Rect }>>({});\n  useAutoBehaviors(anno, renderers);\n\n  useEffect(() => {\n    anno.ensurePage(page.pon);\n  }, [anno, page.pon]);\n\n  // Baked annotations render from engine rasters — refetch when the page's\n  // baked set or an /AP content version changes (a freshly placed stamp, a\n  // resize whose re-bake RESOLVED), plus at APPEARANCE-SCALE crossings. A move\n  // or a rotate leaves the epoch untouched (the blit repositions the same\n  // pixels), and live gesture previews don't touch it either — so no mid-drag\n  // spam.\n  const bakedKey = useSelector(AnnotationHostToken, (c) => c.appearanceEpoch(page.pon));\n  // The bake scale conforms to the document's render policy — the plugin's\n  // OWN capability over the kernel-materialized fact (no foreign tokens):\n  // zoom ticks inside an appearance-lattice rung re-bake NOTHING; crossing\n  // 1→2 re-bakes once; continuous is the identity.\n  const bakeScale = useSelector(AnnotationHostToken, (c) =>\n    c.bakeScale(page.transform.renderScale),\n  );\n\n  useEffect(() => {\n    const controller = new AbortController();\n    const revokers: Array<() => void> = [];\n    (async () => {\n      try {\n        const imgs = await anno.appearances(page.pon, bakeScale, controller.signal);\n        const map: Record<string, { url: string; box: Rect }> = {};\n        for (const ap of imgs) {\n          // Place the baked bitmap by its OWN /Rect (the box it was rendered into),\n          // converted to content space by the plugin — never a recomputed bound.\n          const box = anno.toContentBox(page.pon, ap.rect);\n          if (!box) continue;\n          const obj = await ap.image.objectUrl(controller.signal);\n          if (controller.signal.aborted) {\n            obj.revoke();\n            return;\n          }\n          revokers.push(obj.revoke);\n          map[refKey(ap.ref)] = { url: obj.url, box };\n        }\n        if (!controller.signal.aborted) setUrls(map);\n      } catch {\n        /* aborted / no appearances */\n      }\n    })();\n    return () => {\n      controller.abort();\n      revokers.forEach((r) => r());\n    };\n  }, [anno, page.pon, bakeScale, bakedKey]);\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((item) => {\n        // The default visual: the engine's baked raster (blitted into the LIVE\n        // AP box — `apBox` follows a move) or the vector scene.\n        const baked = urls[item.id];\n        const native: React.ReactNode =\n          item.source === 'baked' ? (\n            baked ? (\n              <BakedImage\n                box={item.apBox ?? baked.box}\n                url={baked.url}\n                page={page}\n                blend={item.blend}\n                rot={item.apRot}\n              />\n            ) : null\n          ) : (\n            <Shape item={item} page={page} /> // shapes, cloudy, markup — all painted via scene()\n          );\n\n        // Ownership beats skin: an ENGAGED behavior's renderer is authoritative\n        // (form fill controls own their DOM); `for` rules apply only to\n        // plane-owned annotations and render pointer-locked — a skin can change\n        // pixels, never steal input.\n        const behavior = anno.behaviorFor({ subtype: item.subtype, ref: item.ref });\n        let out: React.ReactNode;\n        if (behavior) {\n          const entry = renderers?.find((r) => rendererBehaviorId(anno, r) === behavior.id);\n          if (entry) {\n            const Owner = entry.component;\n            out = (\n              <Owner\n                item={item}\n                page={page}\n                appearance={baked ?? null}\n                native={native}\n                interactive\n              />\n            );\n          } else {\n            out = null; // engaged but no renderer wired — the owner shows nothing\n          }\n        } else {\n          const entry = renderers?.find(\n            (r) => 'for' in r && r.for({ subtype: item.subtype, ref: item.ref }),\n          );\n          if (entry) {\n            const Skin = entry.component;\n            out = (\n              <div {...INERT} style={{ pointerEvents: 'none' }}>\n                <Skin\n                  item={item}\n                  page={page}\n                  appearance={baked ?? null}\n                  native={native}\n                  interactive={false}\n                />\n              </div>\n            );\n          } else {\n            out = native;\n          }\n        }\n        return <React.Fragment key={item.id}>{out}</React.Fragment>;\n      })}\n      {texts.map((t) => (\n        <FreeText key={t.id} item={t} page={page} />\n      ))}\n      <ToolGhostImage page={page} />\n      <Chrome page={page} />\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 here, in the\n * framework layer, never in the plugin. A picked `File` carries its own name\n * and mime, so it goes straight through as the engine's file source.\n */\nexport const filePickerProvider: FilePickerProvider = async (req) => {\n  const file = await pickFile({ accept: req.accept ?? '*/*' });\n  return file ? { data: file } : null;\n};\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    anno.setFilePickerProvider(provider);\n    return () => anno.setFilePickerProvider(null);\n  }, [anno, provider]);\n}\n\nexport function useAnnotation() {\n  return useCapability(AnnotationToken);\n}\n\nexport function useAnnotationSelection() {\n  return useSelector(AnnotationToken, (c) => c.selection(), shallowArray);\n}\n\n/** The selected annotations as engine DTOs — for selection-aware toolbars/sidebars. */\nexport function useAnnotationSelected() {\n  return useSelector(AnnotationToken, (c) => c.getSelected(), shallowArray);\n}\n\n/** Structural equality for a resolved props bag — keeps the subscription from\n *  re-rendering on unrelated dispatches, since `currentDefaults` returns a fresh\n *  object each call. Small flat objects; JSON compare is exact and cheap here. */\nconst sameProps = (a: AnnotationProps, b: AnnotationProps): boolean =>\n  a === b || JSON.stringify(a) === JSON.stringify(b);\n\n/**\n * A tool's RESOLVED defaults (base + per-tool override) as a full flat props\n * bag, subscribed so a `setDefaults` re-renders the consumer. Use this — not the\n * imperative `useAnnotation().currentDefaults(id)` — to drive default-editing\n * controls, so they reflect changes live. Pair with `propsForTool(id)` for the\n * specs to render.\n */\nexport function useAnnotationDefaults(toolId: string): AnnotationProps {\n  return useSelector(AnnotationToken, (c) => c.currentDefaults(toolId), sameProps);\n}\n\n/**\n * The selection's editable properties — ordered specs shared by every selected\n * kind, current values, and which keys are mixed. THE hook a property sidebar\n * renders from; write back with `useAnnotation().updateSelection({ [key]: v })`.\n * Reference-stable between model changes (the capability memoizes by model\n * identity), so the default equality is enough.\n */\nexport function useSelectionProps(): SelectionProps {\n  return useSelector(AnnotationToken, (c) => c.getSelectionProps());\n}\n\n/**\n * The selection's `/F` annotation flags — per-flag `true`/`false`, `null` where\n * the selected annotations disagree (render an indeterminate control), `null`\n * overall when nothing is selected. Write back with\n * `useAnnotation().updateSelectionFlags({ locked: true })`. Reference-stable\n * between model changes, like {@link useSelectionProps}.\n */\nexport function useSelectionFlags(): SelectionFlags | null {\n  return useSelector(AnnotationToken, (c) => c.getSelectionFlags());\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. Identity stays `pageObjectNumber` (like every\n * annotation surface); these two fields are PRESENTATION, tracking page\n * 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   * The root annotation's rect in CONTENT space (y-down, crop-relative,\n   * unscaled points) — the space `StageCapability.reveal` takes, so a\n   * \"jump to this comment\" is `stage.reveal(pageIndex, { rect: contentRect })`.\n   * Null when the page is gone. Identity still travels as `pageObjectNumber`;\n   * this, like `pageIndex`, is presentation.\n   */\n  contentRect: Rect | null;\n}\n\n/** Pure join behind {@link useCommentThreads} — exported for tests. */\nexport function enrichCommentThreads(\n  threads: readonly CommentThread[],\n  pages: readonly PageLayout[],\n): CommentThreadView[] {\n  const byPon = new Map(pages.map((p) => [p.pageObjectNumber, p] as const));\n  return threads.map((t) => {\n    const page = byPon.get(t.pageObjectNumber);\n    return {\n      ...t,\n      pageIndex: page ? page.index : -1,\n      pageLabel: page ? (page.label ?? String(page.index + 1)) : '?',\n      contentRect: page ? pdfToContentRect(t.root.rect, page.boxes.crop) : null,\n    };\n  });\n}\n\n/** The comments surface (verbs + `permissionsFor`) — imperative; pair with\n *  {@link useCommentThreads} for the subscribed view. */\nexport function useComments(): CommentsApi {\n  return useCapability(AnnotationToken).comments;\n}\n\nconst EMPTY_PAGES: readonly PageLayout[] = [];\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 = useSelector(AnnotationToken, (c) => c.comments.threads());\n  const pages = useKernelValue((k) =>\n    docId ? (k.getState().core.documents[docId]?.pages ?? EMPTY_PAGES) : 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 = useComments();\n  if (ref == null) return null;\n  const t = api.thread(ref);\n  if (!t) return null;\n  return views.find((v) => refKey(v.root.ref) === refKey(t.root.ref)) ?? null;\n}\n\n/** Whole-document hydration status — the comments sidebar's honest loading\n *  state (`loading` until `listRawAll` lands, then `complete`/`error`). */\nexport function useCommentsHydration(): AnnotationHydration {\n  return useSelector(AnnotationToken, (c) => c.comments.hydration());\n}\n\n// ── Selection-menu anchor vocabulary ─────────────────────────────────────────\n// The content-space anchor (`selectionAnchor`) consumed by `<AnnotationMenu>`\n// (./annotation-menu) through the surface-provided ViewProjector — one menu\n// implementation for <Stage> and <PageView> alike (see ./anchored).\n\n/** The selection's menu anchor: the primary page + the union box of the selection\n *  on that page (content space). */\nexport type SelectionAnchor = { pon: number; bounds: Rect; knob?: Vec };\n\n/** Structural equality for the selection anchor — keeps the menu from re-rendering\n *  on unrelated dispatches (the capability returns a fresh object each call). */\nexport function sameAnchor(a: SelectionAnchor | null, b: SelectionAnchor | null): boolean {\n  if (a === b) return true;\n  if (!a || !b) return false;\n  return (\n    a.pon === b.pon &&\n    a.bounds.x === b.bounds.x &&\n    a.bounds.y === b.bounds.y &&\n    a.bounds.width === b.bounds.width &&\n    a.bounds.height === b.bounds.height &&\n    a.knob?.x === b.knob?.x &&\n    a.knob?.y === b.knob?.y\n  );\n}\n\nexport function sameCreationDraftAnchor(\n  a: CreationDraftAnchor | null,\n  b: CreationDraftAnchor | null,\n): boolean {\n  if (a === b) return true;\n  if (!a || !b) return false;\n  return (\n    a.kind === b.kind &&\n    a.subtype === b.subtype &&\n    a.pon === b.pon &&\n    a.pointCount === b.pointCount &&\n    a.minPoints === b.minPoints &&\n    a.canFinish === b.canFinish &&\n    a.bounds.x === b.bounds.x &&\n    a.bounds.y === b.bounds.y &&\n    a.bounds.width === b.bounds.width &&\n    a.bounds.height === b.bounds.height\n  );\n}\n\n"],"mappings":"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"}

package/dist/commands.js

@@ -1,3 +1,4 @@
+import "./rolldown-runtime-BBjsoOtd.js";
 import { useCapability, useDocumentId, useKernelValue } from "./runtime.js";
 import { useEffect } from "react";
 import { CommandsToken, resolvedCommandsEqual } from "@embedpdf/plugin-commands";

package/dist/commands.js.map

@@ -1 +1 @@
-{"version":3,"file":"commands.js","names":[],"sources":["../src/commands.ts"],"sourcesContent":["/**\n * The React surface for @embedpdf/plugin-commands.\n *\n * Command state is a pure derivation over the store, so these hooks are thin:\n * `useCommand` re-resolves on the kernel's one change stream (cached by value\n * equality — locale flips, permission changes, and active-tool changes all\n * propagate with zero events), and `useCommandShortcuts` is the ~20 lines of\n * DOM that turn the registry's pure stroke matcher into a live keymap.\n */\n\n// One-line-per-feature: registration travels with the UI.\n// (resolvedCommandsEqual lives in the plugin now — it's pure value equality\n// over ResolvedCommand, framework-free — and arrives through this star.)\nexport * from '@embedpdf/plugin-commands';\nimport { useEffect } from 'react';\nimport { CommandsToken, resolvedCommandsEqual } from '@embedpdf/plugin-commands';\nimport type { CommandsCapability, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useCapability, useDocumentId, useKernelValue } from './runtime';\n\n/** The commands capability (register/execute/search/categories). */\nexport function useCommands(): CommandsCapability {\n  return useCapability(CommandsToken);\n}\n\n/** A command resolved against this subtree's document, reactively. */\nexport function useCommand(id: string): ResolvedCommand | null {\n  const commands = useCapability(CommandsToken);\n  const documentId = useDocumentId();\n  return useKernelValue(() => commands.resolve(id, documentId ?? undefined), resolvedCommandsEqual);\n}\n\n/** Is this environment mac-like? Decides how 'Mod' resolves and displays. */\nexport const isMacPlatform = (): boolean =>\n  typeof navigator !== 'undefined' && /Mac|iP(hone|ad|od)/.test(navigator.platform);\n\nconst isEditableTarget = (target: EventTarget | null): boolean => {\n  const el = target as HTMLElement | null;\n  if (!el || !el.tagName) return false;\n  return el.tagName === 'INPUT' || el.tagName === 'TEXTAREA' || el.isContentEditable;\n};\n\n/**\n * Bind every registered shortcut. One listener for the whole registry —\n * matching is pure (ui-core), execution goes through the one command path.\n * Strokes from editable elements are ignored.\n */\nexport function useCommandShortcuts(options?: { isMac?: boolean }): void {\n  const commands = useCapability(CommandsToken);\n  const isMac = options?.isMac;\n  useEffect(() => {\n    const mac = isMac ?? isMacPlatform();\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isEditableTarget(event.target)) return;\n      const id = commands.matchStroke(event, { isMac: mac });\n      if (!id) return;\n      event.preventDefault();\n      commands.execute(id);\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [commands, isMac]);\n}\n"],"mappings":";;;;;;AAoBA,SAAgB,cAAkC;CAChD,OAAO,cAAc,aAAa;AACpC;;AAGA,SAAgB,WAAW,IAAoC;CAC7D,MAAM,WAAW,cAAc,aAAa;CAC5C,MAAM,aAAa,cAAc;CACjC,OAAO,qBAAqB,SAAS,QAAQ,IAAI,cAAc,KAAA,CAAS,GAAG,qBAAqB;AAClG;;AAGA,MAAa,sBACX,OAAO,cAAc,eAAe,qBAAqB,KAAK,UAAU,QAAQ;AAElF,MAAM,oBAAoB,WAAwC;CAChE,MAAM,KAAK;CACX,IAAI,CAAC,MAAM,CAAC,GAAG,SAAS,OAAO;CAC/B,OAAO,GAAG,YAAY,WAAW,GAAG,YAAY,cAAc,GAAG;AACnE;;;;;;AAOA,SAAgB,oBAAoB,SAAqC;CACvE,MAAM,WAAW,cAAc,aAAa;CAC5C,MAAM,QAAQ,SAAS;CACvB,gBAAgB;EACd,MAAM,MAAM,SAAS,cAAc;EACnC,MAAM,aAAa,UAAyB;GAC1C,IAAI,MAAM,oBAAoB,iBAAiB,MAAM,MAAM,GAAG;GAC9D,MAAM,KAAK,SAAS,YAAY,OAAO,EAAE,OAAO,IAAI,CAAC;GACrD,IAAI,CAAC,IAAI;GACT,MAAM,eAAe;GACrB,SAAS,QAAQ,EAAE;EACrB;EACA,OAAO,iBAAiB,WAAW,SAAS;EAC5C,aAAa,OAAO,oBAAoB,WAAW,SAAS;CAC9D,GAAG,CAAC,UAAU,KAAK,CAAC;AACtB"}
+{"version":3,"file":"commands.js","names":[],"sources":["../src/commands.ts"],"sourcesContent":["/**\n * The React surface for @embedpdf/plugin-commands.\n *\n * Command state is a pure derivation over the store, so these hooks are thin:\n * `useCommand` re-resolves on the kernel's one change stream (cached by value\n * equality — locale flips, permission changes, and active-tool changes all\n * propagate with zero events), and `useCommandShortcuts` is the ~20 lines of\n * DOM that turn the registry's pure stroke matcher into a live keymap.\n */\n\n// One-line-per-feature: registration travels with the UI.\n// (resolvedCommandsEqual lives in the plugin now — it's pure value equality\n// over ResolvedCommand, framework-free — and arrives through this star.)\nexport * from '@embedpdf/plugin-commands';\nimport { useEffect } from 'react';\nimport { CommandsToken, resolvedCommandsEqual } from '@embedpdf/plugin-commands';\nimport type { CommandsCapability, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useCapability, useDocumentId, useKernelValue } from './runtime';\n\n/** The commands capability (register/execute/search/categories). */\nexport function useCommands(): CommandsCapability {\n  return useCapability(CommandsToken);\n}\n\n/** A command resolved against this subtree's document, reactively. */\nexport function useCommand(id: string): ResolvedCommand | null {\n  const commands = useCapability(CommandsToken);\n  const documentId = useDocumentId();\n  return useKernelValue(() => commands.resolve(id, documentId ?? undefined), resolvedCommandsEqual);\n}\n\n/** Is this environment mac-like? Decides how 'Mod' resolves and displays. */\nexport const isMacPlatform = (): boolean =>\n  typeof navigator !== 'undefined' && /Mac|iP(hone|ad|od)/.test(navigator.platform);\n\nconst isEditableTarget = (target: EventTarget | null): boolean => {\n  const el = target as HTMLElement | null;\n  if (!el || !el.tagName) return false;\n  return el.tagName === 'INPUT' || el.tagName === 'TEXTAREA' || el.isContentEditable;\n};\n\n/**\n * Bind every registered shortcut. One listener for the whole registry —\n * matching is pure (ui-core), execution goes through the one command path.\n * Strokes from editable elements are ignored.\n */\nexport function useCommandShortcuts(options?: { isMac?: boolean }): void {\n  const commands = useCapability(CommandsToken);\n  const isMac = options?.isMac;\n  useEffect(() => {\n    const mac = isMac ?? isMacPlatform();\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isEditableTarget(event.target)) return;\n      const id = commands.matchStroke(event, { isMac: mac });\n      if (!id) return;\n      event.preventDefault();\n      commands.execute(id);\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [commands, isMac]);\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,cAAkC;CAChD,OAAO,cAAc,aAAa;AACpC;;AAGA,SAAgB,WAAW,IAAoC;CAC7D,MAAM,WAAW,cAAc,aAAa;CAC5C,MAAM,aAAa,cAAc;CACjC,OAAO,qBAAqB,SAAS,QAAQ,IAAI,cAAc,KAAA,CAAS,GAAG,qBAAqB;AAClG;;AAGA,MAAa,sBACX,OAAO,cAAc,eAAe,qBAAqB,KAAK,UAAU,QAAQ;AAElF,MAAM,oBAAoB,WAAwC;CAChE,MAAM,KAAK;CACX,IAAI,CAAC,MAAM,CAAC,GAAG,SAAS,OAAO;CAC/B,OAAO,GAAG,YAAY,WAAW,GAAG,YAAY,cAAc,GAAG;AACnE;;;;;;AAOA,SAAgB,oBAAoB,SAAqC;CACvE,MAAM,WAAW,cAAc,aAAa;CAC5C,MAAM,QAAQ,SAAS;CACvB,gBAAgB;EACd,MAAM,MAAM,SAAS,cAAc;EACnC,MAAM,aAAa,UAAyB;GAC1C,IAAI,MAAM,oBAAoB,iBAAiB,MAAM,MAAM,GAAG;GAC9D,MAAM,KAAK,SAAS,YAAY,OAAO,EAAE,OAAO,IAAI,CAAC;GACrD,IAAI,CAAC,IAAI;GACT,MAAM,eAAe;GACrB,SAAS,QAAQ,EAAE;EACrB;EACA,OAAO,iBAAiB,WAAW,SAAS;EAC5C,aAAa,OAAO,oBAAoB,WAAW,SAAS;CAC9D,GAAG,CAAC,UAAU,KAAK,CAAC;AACtB"}

package/dist/form.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("./rolldown-runtime-DDXJien1.cjs");
 const require_runtime = require("./runtime.cjs");
-const require_annotation = require("./annotation-Ct6dFtzJ.cjs");
+const require_annotation = require("./annotation.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
@@ -11,11 +11,11 @@ let _embedpdf_plugin_form = require("@embedpdf/plugin-form");
 //#region src/form.tsx
 /** Content rect → a view-px box (the page wrapper's own coordinate space). */
 function viewBox(r, page) {
-	const tl = page.transform.pageToContent({
+	const tl = page.transform.toPixels({
 		x: r.x,
 		y: r.y
 	});
-	const br = page.transform.pageToContent({
+	const br = page.transform.toPixels({
 		x: r.x + r.width,
 		y: r.y + r.height
 	});

package/dist/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.cjs","names":["useOptionalCapability","FormToken","StageToken","useSelector","useCapability","usePage","InteractionToken","shallowArray","useAnnotationSelected"],"sources":["../src/form.tsx"],"sourcesContent":["/**\n * The React view of @embedpdf/plugin-form.\n *\n * TWO fill surfaces, one plugin:\n *\n * 1. `formWidgetRenderer` — the full-viewer path. Widgets are annotations,\n *    so the fill controls plug into the annotation stack:\n *    `<AnnotationLayer renderers={[formWidgetRenderer]} />` routes every\n *    ENGAGED widget here with its live box and its baked /AP raster. The\n *    picture IS the resting control (the engine's own rendering of value,\n *    check state, borders, fonts); these components add exactly the\n *    interaction skin on top:\n *\n *      text   → picture at rest; click swaps in an <input>/<textarea> (the\n *               focused element IS the draft store — the plugin model only\n *               learns a value on commit); blur/Enter commits, the engine\n *               re-bakes the /AP, the refreshed picture replaces the editor.\n *      toggle → the picture is the whole control; click writes the toggled\n *               value; the re-baked appearance shows the new check state.\n *      choice → an invisible native <select> over the picture (v2's trick):\n *               the browser owns the dropdown, the engine owns the pixels.\n *      button → native keyboard/click target over the picture; activation is\n *               delegated to the form plugin's isolated scripting pipeline.\n *\n * 2. `<FormLayer />` — the annotation-less path (fill-only viewers with no\n *    annotation plugin): synthetic HTML controls positioned from the form\n *    model's own widget geometry. Do NOT mount it next to an AnnotationLayer\n *    wired with `formWidgetRenderer` — the controls would double up.\n *\n * Every control isolates its pointerdown from the interaction hub with a\n * NATIVE listener (the FreeText precedent): the Stage listens natively on an\n * ancestor, so React's synthetic events would run too late.\n */\n\n// One-line-per-feature (ADAPTERS.md): registration travels with the UI.\nexport * from '@embedpdf/plugin-form';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { FormToken } from '@embedpdf/plugin-form';\nimport type {\n  FillItem,\n  FormFieldDTO,\n  FormUiEffect,\n  FormUiEffectProvider,\n} from '@embedpdf/plugin-form';\nimport { InteractionToken } from '@embedpdf/plugin-interaction';\nimport { StageToken } from '@embedpdf/plugin-stage';\nimport type { Rect } from '@embedpdf/core-annotation';\n\nimport { useAnnotationSelected } from './annotation';\nimport type { AnnotationRenderer, AnnotationRendererProps } from './annotation';\nimport {\n  shallowArray,\n  useCapability,\n  useOptionalCapability,\n  usePage,\n  useSelector,\n} from './runtime';\nimport type { PageContextValue } from './runtime';\n\n/** Content rect → a view-px box (the page wrapper's own coordinate space). */\nfunction viewBox(r: Rect, page: PageContextValue) {\n  const tl = page.transform.pageToContent({ x: r.x, y: r.y });\n  const br = page.transform.pageToContent({ x: r.x + r.width, y: r.y + r.height });\n  return { left: tl.x, top: tl.y, width: br.x - tl.x, height: br.y - tl.y };\n}\n\n/**\n * Keep the interaction hub out of gestures that begin inside a fill control.\n * Native listener (not React's) so it runs during real DOM bubbling, before\n * the Stage's own native listener on an ancestor — same trick as FreeText.\n */\nfunction useIsolated<T extends HTMLElement>() {\n  const ref = useRef<T>(null);\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const stop = (e: Event) => e.stopPropagation();\n    el.addEventListener('pointerdown', stop);\n    return () => el.removeEventListener('pointerdown', stop);\n  }, []);\n  return ref;\n}\n\nexport interface FormScriptingUiHandlers {\n  alert?: (message: string, effect: Extract<FormUiEffect, { kind: 'alert' }>) => void;\n  print?: (effect: Extract<FormUiEffect, { kind: 'print' }>) => void;\n  gotoPage?: (page: number, effect: Extract<FormUiEffect, { kind: 'gotoPage' }>) => void;\n}\n\n/**\n * Fulfil form-script UI requests for the active document. By default alerts use\n * the browser dialog, page navigation uses the main Stage, and print delegates\n * to the browser. Pass handlers (or one raw provider) to replace that policy.\n */\nexport function useFormScriptingProvider(\n  adapter?: FormScriptingUiHandlers | FormUiEffectProvider,\n): void {\n  const form = useOptionalCapability(FormToken);\n  const stage = useOptionalCapability(StageToken);\n  const adapterRef = useRef(adapter);\n  adapterRef.current = adapter;\n\n  useEffect(() => {\n    if (!form) return;\n    const provider: FormUiEffectProvider = (effect) => {\n      const current = adapterRef.current;\n      if (typeof current === 'function') {\n        current(effect);\n        return;\n      }\n      switch (effect.kind) {\n        case 'alert':\n          if (current?.alert) current.alert(effect.message, effect);\n          else if (typeof globalThis.alert === 'function') globalThis.alert(effect.message);\n          break;\n        case 'gotoPage':\n          if (current?.gotoPage) current.gotoPage(effect.page, effect);\n          else stage?.goToPage(effect.page);\n          break;\n        case 'print':\n          if (current?.print) current.print(effect);\n          else if (typeof globalThis.print === 'function') globalThis.print();\n          break;\n      }\n    };\n    form.setUiEffectProvider(provider);\n    return () => form.setUiEffectProvider(null);\n  }, [form, stage]);\n}\n\n/* ══════════════════════════ behavior widgets ══════════════════════════ */\n\n/** The baked /AP raster, blitted by its OWN box (exactly like BakedImage). */\nfunction Picture({\n  page,\n  appearance,\n  apBox,\n  frame,\n  hidden,\n}: {\n  page: PageContextValue;\n  appearance: { url: string; box: Rect } | null;\n  /** The item's live AP box — wins over the fetched box when present. */\n  apBox?: Rect;\n  /** The positioned wrapper this renders INSIDE (its view box) — the blit is\n   *  page-frame, so subtract the wrapper's origin. Omit when rendering\n   *  directly in the layer container. */\n  frame?: { left: number; top: number };\n  hidden?: boolean;\n}) {\n  if (!appearance) return null;\n  const b = viewBox(apBox ?? appearance.box, page);\n  return (\n    <img\n      src={appearance.url}\n      alt=\"\"\n      draggable={false}\n      style={{\n        position: 'absolute',\n        left: b.left - (frame?.left ?? 0),\n        top: b.top - (frame?.top ?? 0),\n        width: b.width,\n        height: b.height,\n        // Content-unit sizing; a global `img { max-width: 100% }` reset would\n        // otherwise clamp it to the containing block and distort the blit.\n        maxWidth: 'none',\n        pointerEvents: 'none',\n        visibility: hidden ? 'hidden' : 'visible',\n      }}\n    />\n  );\n}\n\ninterface WidgetProps<C extends FillItem['control']> {\n  fill: Extract<FillItem, { control: C }>;\n  item: AnnotationRendererProps['item'];\n  page: PageContextValue;\n  appearance: AnnotationRendererProps['appearance'];\n}\n\n/**\n * Dispatch one engaged widget to its fill control. The FIELD plane (value,\n * behavior, disabled) comes from the form plugin's single-widget projection;\n * the WIDGET plane (live box, /DA font, baked raster) rides in on the\n * renderer props — no geometry is read from the form model here.\n */\nfunction FormWidget({ item, page, appearance }: AnnotationRendererProps) {\n  const annot = item.ref?.kind === 'objectNumber' ? item.ref.annotObjectNumber : 0;\n  // Reference-stable per model change, so the default Object.is equality holds.\n  const fill = useSelector(FormToken, (c) => (annot > 0 ? c.fillItem(annot) : null));\n  // Field plane not loaded (or no fill control for this family) → picture only.\n  if (!fill) return <Picture page={page} appearance={appearance} apBox={item.apBox} />;\n  switch (fill.control) {\n    case 'text':\n      return <TextWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'toggle':\n      return <ToggleWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'choice':\n      return <ChoiceWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'button':\n      return <ButtonWidget fill={fill} item={item} page={page} appearance={appearance} />;\n  }\n}\n\nfunction ButtonWidget({ fill, item, page, appearance }: WidgetProps<'button'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLButtonElement>();\n  const b = viewBox(item.box, page);\n  return (\n    <button\n      ref={wrap}\n      type=\"button\"\n      aria-label={fill.label}\n      disabled={fill.disabled}\n      onClick={() => {\n        if (item.ref) void form.activateWidget(fill.key, item.ref);\n      }}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        boxSizing: 'border-box',\n        padding: 0,\n        border: 0,\n        background: 'transparent',\n        cursor: fill.disabled ? 'default' : 'pointer',\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n    </button>\n  );\n}\n\nfunction TextWidget({ fill, item, page, appearance }: WidgetProps<'text'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  // The editor is ALWAYS MOUNTED (v2's pattern): transparent over the picture\n  // at rest, visible while focused. That makes the DOM the focus manager —\n  // native Tab order reaches every field, focus enters edit, blur commits —\n  // with zero focus machinery of our own. The focused element holds the\n  // draft; the plugin model only learns a value on commit (see model.ts).\n  const [focused, setFocused] = useState(false);\n  const [draft, setDraft] = useState(fill.value);\n  const cancelled = useRef(false);\n  // Adopt engine truth whenever it changes under us — but never mid-edit.\n  useEffect(() => {\n    if (!focused) setDraft(fill.value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fill.value, focused]);\n\n  const b = viewBox(item.box, page);\n  const scale = item.box.width > 0 ? b.width / item.box.width : 1;\n\n  // /DA font, scaled to view px. Size 0 means \"auto\" in PDF: approximate with\n  // the box height for a single line, Acrobat's 12pt default for multiline.\n  const fontSize =\n    item.text && item.text.fontSize > 0\n      ? item.text.fontSize * scale\n      : fill.multiline\n        ? 12 * scale\n        : Math.max(6, b.height * 0.72);\n  const editorStyle: React.CSSProperties = {\n    position: 'absolute',\n    inset: 0,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    border: 'none',\n    outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n    outlineOffset: -2,\n    padding: '0 2px',\n    margin: 0,\n    background: item.style.interiorColor ?? '#fff',\n    color: item.text?.fontColor ?? '#000',\n    fontFamily: item.text?.fontFamily ?? 'Helvetica, Arial, sans-serif',\n    fontSize,\n    textAlign: item.text?.textAlign ?? 'left',\n    resize: 'none',\n    cursor: 'text',\n    opacity: focused ? 1 : 0, // rest: the engine's picture IS the field\n  };\n  const editorProps = {\n    value: draft,\n    maxLength: fill.maxLength ?? undefined,\n    'aria-label': fill.label,\n    disabled: fill.disabled,\n    onFocus: () => setFocused(true),\n    onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n      setDraft(e.target.value),\n    onBlur: () => {\n      setFocused(false);\n      if (cancelled.current) {\n        cancelled.current = false;\n        setDraft(fill.value);\n        return;\n      }\n      if (draft !== fill.value) void form.setText(fill.key, draft);\n    },\n    style: editorStyle,\n  };\n  const onKeys = (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    if (e.key === 'Escape') {\n      cancelled.current = true;\n      e.currentTarget.blur();\n    }\n    if (e.key === 'Enter' && !fill.multiline) e.currentTarget.blur(); // blur commits\n  };\n\n  return (\n    <div\n      ref={wrap}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} hidden={focused} />\n      {fill.multiline ? (\n        <textarea {...editorProps} onKeyDown={onKeys} />\n      ) : (\n        <input {...editorProps} type={fill.password ? 'password' : 'text'} onKeyDown={onKeys} />\n      )}\n    </div>\n  );\n}\n\nfunction ToggleWidget({ fill, item, page, appearance }: WidgetProps<'toggle'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  const [focused, setFocused] = useState(false);\n  const b = viewBox(item.box, page);\n  const toggle = () => {\n    if (fill.disabled) return;\n    // Checkbox: click toggles on/off (null clears). Radio: click always\n    // selects its own on-state — no untoggle, per PDF/Acrobat convention.\n    void form.toggle(fill.key, fill.kind === 'checkbox' && fill.checked ? null : fill.onState);\n  };\n  return (\n    <div\n      ref={wrap}\n      role={fill.kind === 'checkbox' ? 'checkbox' : 'radio'}\n      aria-checked={fill.checked}\n      aria-label={fill.label}\n      tabIndex={fill.disabled ? -1 : 0}\n      onClick={toggle}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      onKeyDown={(e) => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault();\n          toggle();\n        }\n      }}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        cursor: fill.disabled ? 'default' : 'pointer',\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n        outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n        outlineOffset: -2,\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n    </div>\n  );\n}\n\nfunction ChoiceWidget({ fill, item, page, appearance }: WidgetProps<'choice'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  const [focused, setFocused] = useState(false);\n  const b = viewBox(item.box, page);\n  const multiple = fill.kind === 'list' && fill.multi;\n  return (\n    <div\n      ref={wrap}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n        outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n        outlineOffset: -2,\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n      {/* v2's trick: an invisible NATIVE select owns the dropdown/keyboard;\n          the engine's baked appearance stays the visible value. Keyed +\n          uncontrolled so an in-flight write never snaps the selection back. */}\n      <select\n        key={fill.selected.join('\u0000')}\n        multiple={multiple}\n        size={fill.kind === 'list' ? Math.max(2, fill.options.length) : undefined}\n        defaultValue={multiple ? fill.selected : (fill.selected[0] ?? '')}\n        aria-label={fill.label}\n        disabled={fill.disabled}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        onChange={(e) => {\n          const values = Array.from(e.currentTarget.selectedOptions).map((o) => o.value);\n          void form.choose(fill.key, values);\n        }}\n        style={{\n          position: 'absolute',\n          inset: 0,\n          width: '100%',\n          height: '100%',\n          opacity: 0,\n          cursor: fill.disabled ? 'default' : 'pointer',\n        }}\n      >\n        {fill.options.map((o, i) => (\n          <option key={i} value={o.value}>\n            {o.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\n/**\n * The form plugin's renderer entry, ready for\n * `<AnnotationLayer renderers={[formWidgetRenderer]} />`. It answers for the\n * PLUGIN-registered 'form-widgets' Behavior — the form plugin decides when\n * widgets are fill controls vs. editable annotations, never the app.\n */\nexport const formWidgetRenderer: AnnotationRenderer = {\n  behavior: 'form-widgets',\n  component: FormWidget,\n};\n\n/* ══════════════════════ standalone layer (no annotations) ══════════════════ */\n\nconst controlBase: React.CSSProperties = {\n  position: 'absolute',\n  boxSizing: 'border-box',\n  border: '1px solid rgba(56, 88, 233, 0.55)',\n  background: 'rgba(255, 255, 255, 0.92)',\n  borderRadius: 2,\n  font: 'inherit',\n};\n\nconst fillBox = (item: FillItem, page: PageContextValue) => viewBox(item.box, page);\n\n/** Text control: keystrokes stay LOCAL (the input is the draft store);\n *  the engine write happens on blur or Enter. */\nfunction FillText({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'text' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const [draft, setDraft] = useState(item.value);\n  // Adopt engine truth whenever it changes under us (remote edit, reset).\n  useEffect(() => setDraft(item.value), [item.value]);\n\n  const css = fillBox(item, page);\n  const fontSize = Math.max(9, Math.min(css.height * 0.62, 24));\n  const commit = () => {\n    if (draft !== item.value) void form.setText(item.key, draft).catch(() => setDraft(item.value));\n  };\n  const shared: React.CSSProperties = {\n    ...controlBase,\n    ...css,\n    fontSize,\n    padding: '0 3px',\n    ...(item.comb ? { letterSpacing: css.width / Math.max(1, item.maxLength ?? 1) / 2 } : {}),\n  };\n  return item.multiline ? (\n    <textarea\n      aria-label={item.label}\n      value={draft}\n      disabled={item.disabled}\n      onChange={(e) => setDraft(e.target.value)}\n      onBlur={commit}\n      style={{ ...shared, resize: 'none' }}\n    />\n  ) : (\n    <input\n      aria-label={item.label}\n      type={item.password ? 'password' : 'text'}\n      value={draft}\n      maxLength={item.maxLength ?? undefined}\n      disabled={item.disabled}\n      onChange={(e) => setDraft(e.target.value)}\n      onBlur={commit}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') (e.target as HTMLInputElement).blur();\n      }}\n      style={shared}\n    />\n  );\n}\n\nfunction FillToggle({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'toggle' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  const glyphSize = Math.min(css.width, css.height) * 0.72;\n  return (\n    <button\n      role={item.kind}\n      aria-checked={item.checked}\n      aria-label={item.label}\n      disabled={item.disabled}\n      onClick={() =>\n        // Checkbox re-click clears; radio click always selects its state.\n        void form.toggle(item.key, item.kind === 'checkbox' && item.checked ? null : item.onState)\n      }\n      style={{\n        ...controlBase,\n        ...css,\n        cursor: item.disabled ? 'default' : 'pointer',\n        display: 'grid',\n        placeItems: 'center',\n        padding: 0,\n        borderRadius: item.kind === 'radio' ? '50%' : 2,\n        fontSize: glyphSize,\n        lineHeight: 1,\n        color: '#1f2a44',\n      }}\n    >\n      {item.checked ? (item.kind === 'radio' ? '●' : '✓') : ''}\n    </button>\n  );\n}\n\nfunction FillChoice({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'choice' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  return (\n    <select\n      aria-label={item.label}\n      multiple={item.multi}\n      disabled={item.disabled}\n      value={item.multi ? item.selected : (item.selected[0] ?? '')}\n      onChange={(e) => {\n        const values = item.multi\n          ? Array.from(e.target.selectedOptions).map((o) => o.value)\n          : [e.target.value];\n        void form.choose(item.key, values);\n      }}\n      style={{ ...controlBase, ...css, fontSize: Math.max(9, Math.min(css.height * 0.55, 18)) }}\n    >\n      {!item.multi && item.selected.length === 0 && <option value=\"\" />}\n      {item.options.map((o) => (\n        <option key={o.value} value={o.value}>\n          {o.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nfunction FillButton({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'button' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  return (\n    <button\n      type=\"button\"\n      aria-label={item.label}\n      disabled={item.disabled}\n      onClick={() =>\n        void form.activateWidget(item.key, {\n          kind: 'objectNumber',\n          pageObjectNumber: page.pon,\n          annotObjectNumber: item.annotObjectNumber,\n        })\n      }\n      style={{\n        ...controlBase,\n        ...css,\n        padding: 0,\n        border: 0,\n        background: 'transparent',\n        cursor: item.disabled ? 'default' : 'pointer',\n      }}\n    />\n  );\n}\n\n/**\n * Fill-mode form controls for one page, positioned from the form model's own\n * widget geometry — the ANNOTATION-LESS path (a fill-only viewer whose page\n * pixels come from an annotated RenderLayer raster). Active whenever the\n * active tool carries the 'form-fill' tag (the built-in pointer/pan tools\n * do); any other tool stands the controls down. Do not mount next to an\n * AnnotationLayer wired with `formWidgetBehaviors`.\n */\nexport function FormLayer() {\n  const page = usePage();\n  const form = useCapability(FormToken);\n  const active = useSelector(InteractionToken, (c) => c.activeTool().enables.has('form-fill'));\n\n  useEffect(() => {\n    if (active) form.ensureGeom(page.pon);\n  }, [active, form, page.pon]);\n\n  const items = useSelector(FormToken, (c) => c.fillItems(page.pon), shallowArray);\n  if (!active) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0 }}>\n      {items.map((item) =>\n        item.control === 'text' ? (\n          <FillText key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'toggle' ? (\n          <FillToggle key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'choice' ? (\n          <FillChoice key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'button' ? (\n          <FillButton key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : null,\n      )}\n    </div>\n  );\n}\n\n/* ═══════════════════════════════ hooks ═══════════════════════════════ */\n\n/** The form capability — values, interchange, design-mode verbs. */\nexport function useForm() {\n  return useCapability(FormToken);\n}\n\n/** The reconciled form snapshot (null until the first load lands),\n *  re-rendering on every form model change. */\nexport function useFormSnapshot() {\n  return useSelector(FormToken, (c) => c.snapshot());\n}\n\n/**\n * The FIELD behind the currently selected widget annotation (single\n * selection), or null. The design-mode join: widget selection lives in the\n * annotation plane, field properties live here.\n */\nexport function useFormField(): FormFieldDTO | null {\n  const selected = useAnnotationSelected();\n  const widget = selected.length === 1 && selected[0]!.subtype === 'widget' ? selected[0]! : null;\n  const objnum = widget && widget.ref.kind === 'objectNumber' ? widget.ref.annotObjectNumber : 0;\n  return useSelector(FormToken, (c) => (objnum > 0 ? c.fieldForWidget(objnum) : null));\n}\n"],"mappings":"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"}
+{"version":3,"file":"form.cjs","names":["useOptionalCapability","FormToken","StageToken","useSelector","useCapability","usePage","InteractionToken","shallowArray","useAnnotationSelected"],"sources":["../src/form.tsx"],"sourcesContent":["/**\n * The React view of @embedpdf/plugin-form.\n *\n * TWO fill surfaces, one plugin:\n *\n * 1. `formWidgetRenderer` — the full-viewer path. Widgets are annotations,\n *    so the fill controls plug into the annotation stack:\n *    `<AnnotationLayer renderers={[formWidgetRenderer]} />` routes every\n *    ENGAGED widget here with its live box and its baked /AP raster. The\n *    picture IS the resting control (the engine's own rendering of value,\n *    check state, borders, fonts); these components add exactly the\n *    interaction skin on top:\n *\n *      text   → picture at rest; click swaps in an <input>/<textarea> (the\n *               focused element IS the draft store — the plugin model only\n *               learns a value on commit); blur/Enter commits, the engine\n *               re-bakes the /AP, the refreshed picture replaces the editor.\n *      toggle → the picture is the whole control; click writes the toggled\n *               value; the re-baked appearance shows the new check state.\n *      choice → an invisible native <select> over the picture (v2's trick):\n *               the browser owns the dropdown, the engine owns the pixels.\n *      button → native keyboard/click target over the picture; activation is\n *               delegated to the form plugin's isolated scripting pipeline.\n *\n * 2. `<FormLayer />` — the annotation-less path (fill-only viewers with no\n *    annotation plugin): synthetic HTML controls positioned from the form\n *    model's own widget geometry. Do NOT mount it next to an AnnotationLayer\n *    wired with `formWidgetRenderer` — the controls would double up.\n *\n * Every control isolates its pointerdown from the interaction hub with a\n * NATIVE listener (the FreeText precedent): the Stage listens natively on an\n * ancestor, so React's synthetic events would run too late.\n */\n\n// One-line-per-feature (ADAPTERS.md): registration travels with the UI.\nexport * from '@embedpdf/plugin-form';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { FormToken } from '@embedpdf/plugin-form';\nimport type {\n  FillItem,\n  FormFieldDTO,\n  FormUiEffect,\n  FormUiEffectProvider,\n} from '@embedpdf/plugin-form';\nimport { InteractionToken } from '@embedpdf/plugin-interaction';\nimport { StageToken } from '@embedpdf/plugin-stage';\nimport type { Rect } from '@embedpdf/core-annotation';\n\nimport { useAnnotationSelected } from './annotation';\nimport type { AnnotationRenderer, AnnotationRendererProps } from './annotation';\nimport {\n  shallowArray,\n  useCapability,\n  useOptionalCapability,\n  usePage,\n  useSelector,\n} from './runtime';\nimport type { PageContextValue } from './runtime';\n\n/** Content rect → a view-px box (the page wrapper's own coordinate space). */\nfunction viewBox(r: Rect, page: PageContextValue) {\n  const tl = page.transform.toPixels({ x: r.x, y: r.y });\n  const br = page.transform.toPixels({ x: r.x + r.width, y: r.y + r.height });\n  return { left: tl.x, top: tl.y, width: br.x - tl.x, height: br.y - tl.y };\n}\n\n/**\n * Keep the interaction hub out of gestures that begin inside a fill control.\n * Native listener (not React's) so it runs during real DOM bubbling, before\n * the Stage's own native listener on an ancestor — same trick as FreeText.\n */\nfunction useIsolated<T extends HTMLElement>() {\n  const ref = useRef<T>(null);\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const stop = (e: Event) => e.stopPropagation();\n    el.addEventListener('pointerdown', stop);\n    return () => el.removeEventListener('pointerdown', stop);\n  }, []);\n  return ref;\n}\n\nexport interface FormScriptingUiHandlers {\n  alert?: (message: string, effect: Extract<FormUiEffect, { kind: 'alert' }>) => void;\n  print?: (effect: Extract<FormUiEffect, { kind: 'print' }>) => void;\n  gotoPage?: (page: number, effect: Extract<FormUiEffect, { kind: 'gotoPage' }>) => void;\n}\n\n/**\n * Fulfil form-script UI requests for the active document. By default alerts use\n * the browser dialog, page navigation uses the main Stage, and print delegates\n * to the browser. Pass handlers (or one raw provider) to replace that policy.\n */\nexport function useFormScriptingProvider(\n  adapter?: FormScriptingUiHandlers | FormUiEffectProvider,\n): void {\n  const form = useOptionalCapability(FormToken);\n  const stage = useOptionalCapability(StageToken);\n  const adapterRef = useRef(adapter);\n  adapterRef.current = adapter;\n\n  useEffect(() => {\n    if (!form) return;\n    const provider: FormUiEffectProvider = (effect) => {\n      const current = adapterRef.current;\n      if (typeof current === 'function') {\n        current(effect);\n        return;\n      }\n      switch (effect.kind) {\n        case 'alert':\n          if (current?.alert) current.alert(effect.message, effect);\n          else if (typeof globalThis.alert === 'function') globalThis.alert(effect.message);\n          break;\n        case 'gotoPage':\n          if (current?.gotoPage) current.gotoPage(effect.page, effect);\n          else stage?.goToPage(effect.page);\n          break;\n        case 'print':\n          if (current?.print) current.print(effect);\n          else if (typeof globalThis.print === 'function') globalThis.print();\n          break;\n      }\n    };\n    form.setUiEffectProvider(provider);\n    return () => form.setUiEffectProvider(null);\n  }, [form, stage]);\n}\n\n/* ══════════════════════════ behavior widgets ══════════════════════════ */\n\n/** The baked /AP raster, blitted by its OWN box (exactly like BakedImage). */\nfunction Picture({\n  page,\n  appearance,\n  apBox,\n  frame,\n  hidden,\n}: {\n  page: PageContextValue;\n  appearance: { url: string; box: Rect } | null;\n  /** The item's live AP box — wins over the fetched box when present. */\n  apBox?: Rect;\n  /** The positioned wrapper this renders INSIDE (its view box) — the blit is\n   *  page-frame, so subtract the wrapper's origin. Omit when rendering\n   *  directly in the layer container. */\n  frame?: { left: number; top: number };\n  hidden?: boolean;\n}) {\n  if (!appearance) return null;\n  const b = viewBox(apBox ?? appearance.box, page);\n  return (\n    <img\n      src={appearance.url}\n      alt=\"\"\n      draggable={false}\n      style={{\n        position: 'absolute',\n        left: b.left - (frame?.left ?? 0),\n        top: b.top - (frame?.top ?? 0),\n        width: b.width,\n        height: b.height,\n        // Content-unit sizing; a global `img { max-width: 100% }` reset would\n        // otherwise clamp it to the containing block and distort the blit.\n        maxWidth: 'none',\n        pointerEvents: 'none',\n        visibility: hidden ? 'hidden' : 'visible',\n      }}\n    />\n  );\n}\n\ninterface WidgetProps<C extends FillItem['control']> {\n  fill: Extract<FillItem, { control: C }>;\n  item: AnnotationRendererProps['item'];\n  page: PageContextValue;\n  appearance: AnnotationRendererProps['appearance'];\n}\n\n/**\n * Dispatch one engaged widget to its fill control. The FIELD plane (value,\n * behavior, disabled) comes from the form plugin's single-widget projection;\n * the WIDGET plane (live box, /DA font, baked raster) rides in on the\n * renderer props — no geometry is read from the form model here.\n */\nfunction FormWidget({ item, page, appearance }: AnnotationRendererProps) {\n  const annot = item.ref?.kind === 'objectNumber' ? item.ref.annotObjectNumber : 0;\n  // Reference-stable per model change, so the default Object.is equality holds.\n  const fill = useSelector(FormToken, (c) => (annot > 0 ? c.fillItem(annot) : null));\n  // Field plane not loaded (or no fill control for this family) → picture only.\n  if (!fill) return <Picture page={page} appearance={appearance} apBox={item.apBox} />;\n  switch (fill.control) {\n    case 'text':\n      return <TextWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'toggle':\n      return <ToggleWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'choice':\n      return <ChoiceWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'button':\n      return <ButtonWidget fill={fill} item={item} page={page} appearance={appearance} />;\n  }\n}\n\nfunction ButtonWidget({ fill, item, page, appearance }: WidgetProps<'button'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLButtonElement>();\n  const b = viewBox(item.box, page);\n  return (\n    <button\n      ref={wrap}\n      type=\"button\"\n      aria-label={fill.label}\n      disabled={fill.disabled}\n      onClick={() => {\n        if (item.ref) void form.activateWidget(fill.key, item.ref);\n      }}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        boxSizing: 'border-box',\n        padding: 0,\n        border: 0,\n        background: 'transparent',\n        cursor: fill.disabled ? 'default' : 'pointer',\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n    </button>\n  );\n}\n\nfunction TextWidget({ fill, item, page, appearance }: WidgetProps<'text'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  // The editor is ALWAYS MOUNTED (v2's pattern): transparent over the picture\n  // at rest, visible while focused. That makes the DOM the focus manager —\n  // native Tab order reaches every field, focus enters edit, blur commits —\n  // with zero focus machinery of our own. The focused element holds the\n  // draft; the plugin model only learns a value on commit (see model.ts).\n  const [focused, setFocused] = useState(false);\n  const [draft, setDraft] = useState(fill.value);\n  const cancelled = useRef(false);\n  // Adopt engine truth whenever it changes under us — but never mid-edit.\n  useEffect(() => {\n    if (!focused) setDraft(fill.value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fill.value, focused]);\n\n  const b = viewBox(item.box, page);\n  const scale = item.box.width > 0 ? b.width / item.box.width : 1;\n\n  // /DA font, scaled to view px. Size 0 means \"auto\" in PDF: approximate with\n  // the box height for a single line, Acrobat's 12pt default for multiline.\n  const fontSize =\n    item.text && item.text.fontSize > 0\n      ? item.text.fontSize * scale\n      : fill.multiline\n        ? 12 * scale\n        : Math.max(6, b.height * 0.72);\n  const editorStyle: React.CSSProperties = {\n    position: 'absolute',\n    inset: 0,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    border: 'none',\n    outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n    outlineOffset: -2,\n    padding: '0 2px',\n    margin: 0,\n    background: item.style.interiorColor ?? '#fff',\n    color: item.text?.fontColor ?? '#000',\n    fontFamily: item.text?.fontFamily ?? 'Helvetica, Arial, sans-serif',\n    fontSize,\n    textAlign: item.text?.textAlign ?? 'left',\n    resize: 'none',\n    cursor: 'text',\n    opacity: focused ? 1 : 0, // rest: the engine's picture IS the field\n  };\n  const editorProps = {\n    value: draft,\n    maxLength: fill.maxLength ?? undefined,\n    'aria-label': fill.label,\n    disabled: fill.disabled,\n    onFocus: () => setFocused(true),\n    onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n      setDraft(e.target.value),\n    onBlur: () => {\n      setFocused(false);\n      if (cancelled.current) {\n        cancelled.current = false;\n        setDraft(fill.value);\n        return;\n      }\n      if (draft !== fill.value) void form.setText(fill.key, draft);\n    },\n    style: editorStyle,\n  };\n  const onKeys = (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    if (e.key === 'Escape') {\n      cancelled.current = true;\n      e.currentTarget.blur();\n    }\n    if (e.key === 'Enter' && !fill.multiline) e.currentTarget.blur(); // blur commits\n  };\n\n  return (\n    <div\n      ref={wrap}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} hidden={focused} />\n      {fill.multiline ? (\n        <textarea {...editorProps} onKeyDown={onKeys} />\n      ) : (\n        <input {...editorProps} type={fill.password ? 'password' : 'text'} onKeyDown={onKeys} />\n      )}\n    </div>\n  );\n}\n\nfunction ToggleWidget({ fill, item, page, appearance }: WidgetProps<'toggle'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  const [focused, setFocused] = useState(false);\n  const b = viewBox(item.box, page);\n  const toggle = () => {\n    if (fill.disabled) return;\n    // Checkbox: click toggles on/off (null clears). Radio: click always\n    // selects its own on-state — no untoggle, per PDF/Acrobat convention.\n    void form.toggle(fill.key, fill.kind === 'checkbox' && fill.checked ? null : fill.onState);\n  };\n  return (\n    <div\n      ref={wrap}\n      role={fill.kind === 'checkbox' ? 'checkbox' : 'radio'}\n      aria-checked={fill.checked}\n      aria-label={fill.label}\n      tabIndex={fill.disabled ? -1 : 0}\n      onClick={toggle}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      onKeyDown={(e) => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault();\n          toggle();\n        }\n      }}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        cursor: fill.disabled ? 'default' : 'pointer',\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n        outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n        outlineOffset: -2,\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n    </div>\n  );\n}\n\nfunction ChoiceWidget({ fill, item, page, appearance }: WidgetProps<'choice'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  const [focused, setFocused] = useState(false);\n  const b = viewBox(item.box, page);\n  const multiple = fill.kind === 'list' && fill.multi;\n  return (\n    <div\n      ref={wrap}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n        outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n        outlineOffset: -2,\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n      {/* v2's trick: an invisible NATIVE select owns the dropdown/keyboard;\n          the engine's baked appearance stays the visible value. Keyed +\n          uncontrolled so an in-flight write never snaps the selection back. */}\n      <select\n        key={fill.selected.join('\\0')}\n        multiple={multiple}\n        size={fill.kind === 'list' ? Math.max(2, fill.options.length) : undefined}\n        defaultValue={multiple ? fill.selected : (fill.selected[0] ?? '')}\n        aria-label={fill.label}\n        disabled={fill.disabled}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        onChange={(e) => {\n          const values = Array.from(e.currentTarget.selectedOptions).map((o) => o.value);\n          void form.choose(fill.key, values);\n        }}\n        style={{\n          position: 'absolute',\n          inset: 0,\n          width: '100%',\n          height: '100%',\n          opacity: 0,\n          cursor: fill.disabled ? 'default' : 'pointer',\n        }}\n      >\n        {fill.options.map((o, i) => (\n          <option key={i} value={o.value}>\n            {o.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\n/**\n * The form plugin's renderer entry, ready for\n * `<AnnotationLayer renderers={[formWidgetRenderer]} />`. It answers for the\n * PLUGIN-registered 'form-widgets' Behavior — the form plugin decides when\n * widgets are fill controls vs. editable annotations, never the app.\n */\nexport const formWidgetRenderer: AnnotationRenderer = {\n  behavior: 'form-widgets',\n  component: FormWidget,\n};\n\n/* ══════════════════════ standalone layer (no annotations) ══════════════════ */\n\nconst controlBase: React.CSSProperties = {\n  position: 'absolute',\n  boxSizing: 'border-box',\n  border: '1px solid rgba(56, 88, 233, 0.55)',\n  background: 'rgba(255, 255, 255, 0.92)',\n  borderRadius: 2,\n  font: 'inherit',\n};\n\nconst fillBox = (item: FillItem, page: PageContextValue) => viewBox(item.box, page);\n\n/** Text control: keystrokes stay LOCAL (the input is the draft store);\n *  the engine write happens on blur or Enter. */\nfunction FillText({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'text' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const [draft, setDraft] = useState(item.value);\n  // Adopt engine truth whenever it changes under us (remote edit, reset).\n  useEffect(() => setDraft(item.value), [item.value]);\n\n  const css = fillBox(item, page);\n  const fontSize = Math.max(9, Math.min(css.height * 0.62, 24));\n  const commit = () => {\n    if (draft !== item.value) void form.setText(item.key, draft).catch(() => setDraft(item.value));\n  };\n  const shared: React.CSSProperties = {\n    ...controlBase,\n    ...css,\n    fontSize,\n    padding: '0 3px',\n    ...(item.comb ? { letterSpacing: css.width / Math.max(1, item.maxLength ?? 1) / 2 } : {}),\n  };\n  return item.multiline ? (\n    <textarea\n      aria-label={item.label}\n      value={draft}\n      disabled={item.disabled}\n      onChange={(e) => setDraft(e.target.value)}\n      onBlur={commit}\n      style={{ ...shared, resize: 'none' }}\n    />\n  ) : (\n    <input\n      aria-label={item.label}\n      type={item.password ? 'password' : 'text'}\n      value={draft}\n      maxLength={item.maxLength ?? undefined}\n      disabled={item.disabled}\n      onChange={(e) => setDraft(e.target.value)}\n      onBlur={commit}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') (e.target as HTMLInputElement).blur();\n      }}\n      style={shared}\n    />\n  );\n}\n\nfunction FillToggle({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'toggle' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  const glyphSize = Math.min(css.width, css.height) * 0.72;\n  return (\n    <button\n      role={item.kind}\n      aria-checked={item.checked}\n      aria-label={item.label}\n      disabled={item.disabled}\n      onClick={() =>\n        // Checkbox re-click clears; radio click always selects its state.\n        void form.toggle(item.key, item.kind === 'checkbox' && item.checked ? null : item.onState)\n      }\n      style={{\n        ...controlBase,\n        ...css,\n        cursor: item.disabled ? 'default' : 'pointer',\n        display: 'grid',\n        placeItems: 'center',\n        padding: 0,\n        borderRadius: item.kind === 'radio' ? '50%' : 2,\n        fontSize: glyphSize,\n        lineHeight: 1,\n        color: '#1f2a44',\n      }}\n    >\n      {item.checked ? (item.kind === 'radio' ? '●' : '✓') : ''}\n    </button>\n  );\n}\n\nfunction FillChoice({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'choice' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  return (\n    <select\n      aria-label={item.label}\n      multiple={item.multi}\n      disabled={item.disabled}\n      value={item.multi ? item.selected : (item.selected[0] ?? '')}\n      onChange={(e) => {\n        const values = item.multi\n          ? Array.from(e.target.selectedOptions).map((o) => o.value)\n          : [e.target.value];\n        void form.choose(item.key, values);\n      }}\n      style={{ ...controlBase, ...css, fontSize: Math.max(9, Math.min(css.height * 0.55, 18)) }}\n    >\n      {!item.multi && item.selected.length === 0 && <option value=\"\" />}\n      {item.options.map((o) => (\n        <option key={o.value} value={o.value}>\n          {o.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nfunction FillButton({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'button' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  return (\n    <button\n      type=\"button\"\n      aria-label={item.label}\n      disabled={item.disabled}\n      onClick={() =>\n        void form.activateWidget(item.key, {\n          kind: 'objectNumber',\n          pageObjectNumber: page.pon,\n          annotObjectNumber: item.annotObjectNumber,\n        })\n      }\n      style={{\n        ...controlBase,\n        ...css,\n        padding: 0,\n        border: 0,\n        background: 'transparent',\n        cursor: item.disabled ? 'default' : 'pointer',\n      }}\n    />\n  );\n}\n\n/**\n * Fill-mode form controls for one page, positioned from the form model's own\n * widget geometry — the ANNOTATION-LESS path (a fill-only viewer whose page\n * pixels come from an annotated RenderLayer raster). Active whenever the\n * active tool carries the 'form-fill' tag (the built-in pointer/pan tools\n * do); any other tool stands the controls down. Do not mount next to an\n * AnnotationLayer wired with `formWidgetBehaviors`.\n */\nexport function FormLayer() {\n  const page = usePage();\n  const form = useCapability(FormToken);\n  const active = useSelector(InteractionToken, (c) => c.activeTool().enables.has('form-fill'));\n\n  useEffect(() => {\n    if (active) form.ensureGeom(page.pon);\n  }, [active, form, page.pon]);\n\n  const items = useSelector(FormToken, (c) => c.fillItems(page.pon), shallowArray);\n  if (!active) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0 }}>\n      {items.map((item) =>\n        item.control === 'text' ? (\n          <FillText key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'toggle' ? (\n          <FillToggle key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'choice' ? (\n          <FillChoice key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'button' ? (\n          <FillButton key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : null,\n      )}\n    </div>\n  );\n}\n\n/* ═══════════════════════════════ hooks ═══════════════════════════════ */\n\n/** The form capability — values, interchange, design-mode verbs. */\nexport function useForm() {\n  return useCapability(FormToken);\n}\n\n/** The reconciled form snapshot (null until the first load lands),\n *  re-rendering on every form model change. */\nexport function useFormSnapshot() {\n  return useSelector(FormToken, (c) => c.snapshot());\n}\n\n/**\n * The FIELD behind the currently selected widget annotation (single\n * selection), or null. The design-mode join: widget selection lives in the\n * annotation plane, field properties live here.\n */\nexport function useFormField(): FormFieldDTO | null {\n  const selected = useAnnotationSelected();\n  const widget = selected.length === 1 && selected[0]!.subtype === 'widget' ? selected[0]! : null;\n  const objnum = widget && widget.ref.kind === 'objectNumber' ? widget.ref.annotObjectNumber : 0;\n  return useSelector(FormToken, (c) => (objnum > 0 ? c.fieldForWidget(objnum) : null));\n}\n"],"mappings":"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"}

package/dist/form.d.cts

@@ -1,5 +1,5 @@
-import { n as FormSnapshot } from "./AnnotationListSnapshot-W0RCsyDE-dWna4TTJ.cjs";
-import { u as AnnotationRenderer } from "./annotation-B6jwfTCh.cjs";
+import { AnnotationRenderer } from "./annotation.cjs";
+import { t as FormSnapshot } from "./AnnotationListSnapshot-DDxHpJQU-BG32YXxG.cjs";
 import { FormFieldDTO, FormUiEffect, FormUiEffectProvider } from "@embedpdf/plugin-form";
 export * from "@embedpdf/plugin-form";
 //#region src/form.d.ts

package/dist/form.d.ts

@@ -1,5 +1,5 @@
-import { n as FormSnapshot } from "./AnnotationListSnapshot-W0RCsyDE-dWna4TTJ.js";
-import { u as AnnotationRenderer } from "./annotation-nUMefyjw.js";
+import { AnnotationRenderer } from "./annotation.js";
+import { t as FormSnapshot } from "./AnnotationListSnapshot-DDxHpJQU-BG32YXxG.js";
 import { FormFieldDTO, FormUiEffect, FormUiEffectProvider } from "@embedpdf/plugin-form";
 export * from "@embedpdf/plugin-form";
 //#region src/form.d.ts

package/dist/form.js

@@ -1,5 +1,5 @@
 import { shallowArray, useCapability, useOptionalCapability, usePage, useSelector } from "./runtime.js";
-import { l as useAnnotationSelected } from "./annotation-DjGWJljY.js";
+import { useAnnotationSelected } from "./annotation.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { StageToken } from "@embedpdf/plugin-stage";
@@ -9,11 +9,11 @@ export * from "@embedpdf/plugin-form";
 //#region src/form.tsx
 /** Content rect → a view-px box (the page wrapper's own coordinate space). */
 function viewBox(r, page) {
-	const tl = page.transform.pageToContent({
+	const tl = page.transform.toPixels({
 		x: r.x,
 		y: r.y
 	});
-	const br = page.transform.pageToContent({
+	const br = page.transform.toPixels({
 		x: r.x + r.width,
 		y: r.y + r.height
 	});

package/dist/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../src/form.tsx"],"sourcesContent":["/**\n * The React view of @embedpdf/plugin-form.\n *\n * TWO fill surfaces, one plugin:\n *\n * 1. `formWidgetRenderer` — the full-viewer path. Widgets are annotations,\n *    so the fill controls plug into the annotation stack:\n *    `<AnnotationLayer renderers={[formWidgetRenderer]} />` routes every\n *    ENGAGED widget here with its live box and its baked /AP raster. The\n *    picture IS the resting control (the engine's own rendering of value,\n *    check state, borders, fonts); these components add exactly the\n *    interaction skin on top:\n *\n *      text   → picture at rest; click swaps in an <input>/<textarea> (the\n *               focused element IS the draft store — the plugin model only\n *               learns a value on commit); blur/Enter commits, the engine\n *               re-bakes the /AP, the refreshed picture replaces the editor.\n *      toggle → the picture is the whole control; click writes the toggled\n *               value; the re-baked appearance shows the new check state.\n *      choice → an invisible native <select> over the picture (v2's trick):\n *               the browser owns the dropdown, the engine owns the pixels.\n *      button → native keyboard/click target over the picture; activation is\n *               delegated to the form plugin's isolated scripting pipeline.\n *\n * 2. `<FormLayer />` — the annotation-less path (fill-only viewers with no\n *    annotation plugin): synthetic HTML controls positioned from the form\n *    model's own widget geometry. Do NOT mount it next to an AnnotationLayer\n *    wired with `formWidgetRenderer` — the controls would double up.\n *\n * Every control isolates its pointerdown from the interaction hub with a\n * NATIVE listener (the FreeText precedent): the Stage listens natively on an\n * ancestor, so React's synthetic events would run too late.\n */\n\n// One-line-per-feature (ADAPTERS.md): registration travels with the UI.\nexport * from '@embedpdf/plugin-form';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { FormToken } from '@embedpdf/plugin-form';\nimport type {\n  FillItem,\n  FormFieldDTO,\n  FormUiEffect,\n  FormUiEffectProvider,\n} from '@embedpdf/plugin-form';\nimport { InteractionToken } from '@embedpdf/plugin-interaction';\nimport { StageToken } from '@embedpdf/plugin-stage';\nimport type { Rect } from '@embedpdf/core-annotation';\n\nimport { useAnnotationSelected } from './annotation';\nimport type { AnnotationRenderer, AnnotationRendererProps } from './annotation';\nimport {\n  shallowArray,\n  useCapability,\n  useOptionalCapability,\n  usePage,\n  useSelector,\n} from './runtime';\nimport type { PageContextValue } from './runtime';\n\n/** Content rect → a view-px box (the page wrapper's own coordinate space). */\nfunction viewBox(r: Rect, page: PageContextValue) {\n  const tl = page.transform.pageToContent({ x: r.x, y: r.y });\n  const br = page.transform.pageToContent({ x: r.x + r.width, y: r.y + r.height });\n  return { left: tl.x, top: tl.y, width: br.x - tl.x, height: br.y - tl.y };\n}\n\n/**\n * Keep the interaction hub out of gestures that begin inside a fill control.\n * Native listener (not React's) so it runs during real DOM bubbling, before\n * the Stage's own native listener on an ancestor — same trick as FreeText.\n */\nfunction useIsolated<T extends HTMLElement>() {\n  const ref = useRef<T>(null);\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const stop = (e: Event) => e.stopPropagation();\n    el.addEventListener('pointerdown', stop);\n    return () => el.removeEventListener('pointerdown', stop);\n  }, []);\n  return ref;\n}\n\nexport interface FormScriptingUiHandlers {\n  alert?: (message: string, effect: Extract<FormUiEffect, { kind: 'alert' }>) => void;\n  print?: (effect: Extract<FormUiEffect, { kind: 'print' }>) => void;\n  gotoPage?: (page: number, effect: Extract<FormUiEffect, { kind: 'gotoPage' }>) => void;\n}\n\n/**\n * Fulfil form-script UI requests for the active document. By default alerts use\n * the browser dialog, page navigation uses the main Stage, and print delegates\n * to the browser. Pass handlers (or one raw provider) to replace that policy.\n */\nexport function useFormScriptingProvider(\n  adapter?: FormScriptingUiHandlers | FormUiEffectProvider,\n): void {\n  const form = useOptionalCapability(FormToken);\n  const stage = useOptionalCapability(StageToken);\n  const adapterRef = useRef(adapter);\n  adapterRef.current = adapter;\n\n  useEffect(() => {\n    if (!form) return;\n    const provider: FormUiEffectProvider = (effect) => {\n      const current = adapterRef.current;\n      if (typeof current === 'function') {\n        current(effect);\n        return;\n      }\n      switch (effect.kind) {\n        case 'alert':\n          if (current?.alert) current.alert(effect.message, effect);\n          else if (typeof globalThis.alert === 'function') globalThis.alert(effect.message);\n          break;\n        case 'gotoPage':\n          if (current?.gotoPage) current.gotoPage(effect.page, effect);\n          else stage?.goToPage(effect.page);\n          break;\n        case 'print':\n          if (current?.print) current.print(effect);\n          else if (typeof globalThis.print === 'function') globalThis.print();\n          break;\n      }\n    };\n    form.setUiEffectProvider(provider);\n    return () => form.setUiEffectProvider(null);\n  }, [form, stage]);\n}\n\n/* ══════════════════════════ behavior widgets ══════════════════════════ */\n\n/** The baked /AP raster, blitted by its OWN box (exactly like BakedImage). */\nfunction Picture({\n  page,\n  appearance,\n  apBox,\n  frame,\n  hidden,\n}: {\n  page: PageContextValue;\n  appearance: { url: string; box: Rect } | null;\n  /** The item's live AP box — wins over the fetched box when present. */\n  apBox?: Rect;\n  /** The positioned wrapper this renders INSIDE (its view box) — the blit is\n   *  page-frame, so subtract the wrapper's origin. Omit when rendering\n   *  directly in the layer container. */\n  frame?: { left: number; top: number };\n  hidden?: boolean;\n}) {\n  if (!appearance) return null;\n  const b = viewBox(apBox ?? appearance.box, page);\n  return (\n    <img\n      src={appearance.url}\n      alt=\"\"\n      draggable={false}\n      style={{\n        position: 'absolute',\n        left: b.left - (frame?.left ?? 0),\n        top: b.top - (frame?.top ?? 0),\n        width: b.width,\n        height: b.height,\n        // Content-unit sizing; a global `img { max-width: 100% }` reset would\n        // otherwise clamp it to the containing block and distort the blit.\n        maxWidth: 'none',\n        pointerEvents: 'none',\n        visibility: hidden ? 'hidden' : 'visible',\n      }}\n    />\n  );\n}\n\ninterface WidgetProps<C extends FillItem['control']> {\n  fill: Extract<FillItem, { control: C }>;\n  item: AnnotationRendererProps['item'];\n  page: PageContextValue;\n  appearance: AnnotationRendererProps['appearance'];\n}\n\n/**\n * Dispatch one engaged widget to its fill control. The FIELD plane (value,\n * behavior, disabled) comes from the form plugin's single-widget projection;\n * the WIDGET plane (live box, /DA font, baked raster) rides in on the\n * renderer props — no geometry is read from the form model here.\n */\nfunction FormWidget({ item, page, appearance }: AnnotationRendererProps) {\n  const annot = item.ref?.kind === 'objectNumber' ? item.ref.annotObjectNumber : 0;\n  // Reference-stable per model change, so the default Object.is equality holds.\n  const fill = useSelector(FormToken, (c) => (annot > 0 ? c.fillItem(annot) : null));\n  // Field plane not loaded (or no fill control for this family) → picture only.\n  if (!fill) return <Picture page={page} appearance={appearance} apBox={item.apBox} />;\n  switch (fill.control) {\n    case 'text':\n      return <TextWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'toggle':\n      return <ToggleWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'choice':\n      return <ChoiceWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'button':\n      return <ButtonWidget fill={fill} item={item} page={page} appearance={appearance} />;\n  }\n}\n\nfunction ButtonWidget({ fill, item, page, appearance }: WidgetProps<'button'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLButtonElement>();\n  const b = viewBox(item.box, page);\n  return (\n    <button\n      ref={wrap}\n      type=\"button\"\n      aria-label={fill.label}\n      disabled={fill.disabled}\n      onClick={() => {\n        if (item.ref) void form.activateWidget(fill.key, item.ref);\n      }}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        boxSizing: 'border-box',\n        padding: 0,\n        border: 0,\n        background: 'transparent',\n        cursor: fill.disabled ? 'default' : 'pointer',\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n    </button>\n  );\n}\n\nfunction TextWidget({ fill, item, page, appearance }: WidgetProps<'text'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  // The editor is ALWAYS MOUNTED (v2's pattern): transparent over the picture\n  // at rest, visible while focused. That makes the DOM the focus manager —\n  // native Tab order reaches every field, focus enters edit, blur commits —\n  // with zero focus machinery of our own. The focused element holds the\n  // draft; the plugin model only learns a value on commit (see model.ts).\n  const [focused, setFocused] = useState(false);\n  const [draft, setDraft] = useState(fill.value);\n  const cancelled = useRef(false);\n  // Adopt engine truth whenever it changes under us — but never mid-edit.\n  useEffect(() => {\n    if (!focused) setDraft(fill.value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fill.value, focused]);\n\n  const b = viewBox(item.box, page);\n  const scale = item.box.width > 0 ? b.width / item.box.width : 1;\n\n  // /DA font, scaled to view px. Size 0 means \"auto\" in PDF: approximate with\n  // the box height for a single line, Acrobat's 12pt default for multiline.\n  const fontSize =\n    item.text && item.text.fontSize > 0\n      ? item.text.fontSize * scale\n      : fill.multiline\n        ? 12 * scale\n        : Math.max(6, b.height * 0.72);\n  const editorStyle: React.CSSProperties = {\n    position: 'absolute',\n    inset: 0,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    border: 'none',\n    outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n    outlineOffset: -2,\n    padding: '0 2px',\n    margin: 0,\n    background: item.style.interiorColor ?? '#fff',\n    color: item.text?.fontColor ?? '#000',\n    fontFamily: item.text?.fontFamily ?? 'Helvetica, Arial, sans-serif',\n    fontSize,\n    textAlign: item.text?.textAlign ?? 'left',\n    resize: 'none',\n    cursor: 'text',\n    opacity: focused ? 1 : 0, // rest: the engine's picture IS the field\n  };\n  const editorProps = {\n    value: draft,\n    maxLength: fill.maxLength ?? undefined,\n    'aria-label': fill.label,\n    disabled: fill.disabled,\n    onFocus: () => setFocused(true),\n    onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n      setDraft(e.target.value),\n    onBlur: () => {\n      setFocused(false);\n      if (cancelled.current) {\n        cancelled.current = false;\n        setDraft(fill.value);\n        return;\n      }\n      if (draft !== fill.value) void form.setText(fill.key, draft);\n    },\n    style: editorStyle,\n  };\n  const onKeys = (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    if (e.key === 'Escape') {\n      cancelled.current = true;\n      e.currentTarget.blur();\n    }\n    if (e.key === 'Enter' && !fill.multiline) e.currentTarget.blur(); // blur commits\n  };\n\n  return (\n    <div\n      ref={wrap}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} hidden={focused} />\n      {fill.multiline ? (\n        <textarea {...editorProps} onKeyDown={onKeys} />\n      ) : (\n        <input {...editorProps} type={fill.password ? 'password' : 'text'} onKeyDown={onKeys} />\n      )}\n    </div>\n  );\n}\n\nfunction ToggleWidget({ fill, item, page, appearance }: WidgetProps<'toggle'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  const [focused, setFocused] = useState(false);\n  const b = viewBox(item.box, page);\n  const toggle = () => {\n    if (fill.disabled) return;\n    // Checkbox: click toggles on/off (null clears). Radio: click always\n    // selects its own on-state — no untoggle, per PDF/Acrobat convention.\n    void form.toggle(fill.key, fill.kind === 'checkbox' && fill.checked ? null : fill.onState);\n  };\n  return (\n    <div\n      ref={wrap}\n      role={fill.kind === 'checkbox' ? 'checkbox' : 'radio'}\n      aria-checked={fill.checked}\n      aria-label={fill.label}\n      tabIndex={fill.disabled ? -1 : 0}\n      onClick={toggle}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      onKeyDown={(e) => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault();\n          toggle();\n        }\n      }}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        cursor: fill.disabled ? 'default' : 'pointer',\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n        outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n        outlineOffset: -2,\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n    </div>\n  );\n}\n\nfunction ChoiceWidget({ fill, item, page, appearance }: WidgetProps<'choice'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  const [focused, setFocused] = useState(false);\n  const b = viewBox(item.box, page);\n  const multiple = fill.kind === 'list' && fill.multi;\n  return (\n    <div\n      ref={wrap}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n        outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n        outlineOffset: -2,\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n      {/* v2's trick: an invisible NATIVE select owns the dropdown/keyboard;\n          the engine's baked appearance stays the visible value. Keyed +\n          uncontrolled so an in-flight write never snaps the selection back. */}\n      <select\n        key={fill.selected.join('\u0000')}\n        multiple={multiple}\n        size={fill.kind === 'list' ? Math.max(2, fill.options.length) : undefined}\n        defaultValue={multiple ? fill.selected : (fill.selected[0] ?? '')}\n        aria-label={fill.label}\n        disabled={fill.disabled}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        onChange={(e) => {\n          const values = Array.from(e.currentTarget.selectedOptions).map((o) => o.value);\n          void form.choose(fill.key, values);\n        }}\n        style={{\n          position: 'absolute',\n          inset: 0,\n          width: '100%',\n          height: '100%',\n          opacity: 0,\n          cursor: fill.disabled ? 'default' : 'pointer',\n        }}\n      >\n        {fill.options.map((o, i) => (\n          <option key={i} value={o.value}>\n            {o.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\n/**\n * The form plugin's renderer entry, ready for\n * `<AnnotationLayer renderers={[formWidgetRenderer]} />`. It answers for the\n * PLUGIN-registered 'form-widgets' Behavior — the form plugin decides when\n * widgets are fill controls vs. editable annotations, never the app.\n */\nexport const formWidgetRenderer: AnnotationRenderer = {\n  behavior: 'form-widgets',\n  component: FormWidget,\n};\n\n/* ══════════════════════ standalone layer (no annotations) ══════════════════ */\n\nconst controlBase: React.CSSProperties = {\n  position: 'absolute',\n  boxSizing: 'border-box',\n  border: '1px solid rgba(56, 88, 233, 0.55)',\n  background: 'rgba(255, 255, 255, 0.92)',\n  borderRadius: 2,\n  font: 'inherit',\n};\n\nconst fillBox = (item: FillItem, page: PageContextValue) => viewBox(item.box, page);\n\n/** Text control: keystrokes stay LOCAL (the input is the draft store);\n *  the engine write happens on blur or Enter. */\nfunction FillText({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'text' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const [draft, setDraft] = useState(item.value);\n  // Adopt engine truth whenever it changes under us (remote edit, reset).\n  useEffect(() => setDraft(item.value), [item.value]);\n\n  const css = fillBox(item, page);\n  const fontSize = Math.max(9, Math.min(css.height * 0.62, 24));\n  const commit = () => {\n    if (draft !== item.value) void form.setText(item.key, draft).catch(() => setDraft(item.value));\n  };\n  const shared: React.CSSProperties = {\n    ...controlBase,\n    ...css,\n    fontSize,\n    padding: '0 3px',\n    ...(item.comb ? { letterSpacing: css.width / Math.max(1, item.maxLength ?? 1) / 2 } : {}),\n  };\n  return item.multiline ? (\n    <textarea\n      aria-label={item.label}\n      value={draft}\n      disabled={item.disabled}\n      onChange={(e) => setDraft(e.target.value)}\n      onBlur={commit}\n      style={{ ...shared, resize: 'none' }}\n    />\n  ) : (\n    <input\n      aria-label={item.label}\n      type={item.password ? 'password' : 'text'}\n      value={draft}\n      maxLength={item.maxLength ?? undefined}\n      disabled={item.disabled}\n      onChange={(e) => setDraft(e.target.value)}\n      onBlur={commit}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') (e.target as HTMLInputElement).blur();\n      }}\n      style={shared}\n    />\n  );\n}\n\nfunction FillToggle({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'toggle' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  const glyphSize = Math.min(css.width, css.height) * 0.72;\n  return (\n    <button\n      role={item.kind}\n      aria-checked={item.checked}\n      aria-label={item.label}\n      disabled={item.disabled}\n      onClick={() =>\n        // Checkbox re-click clears; radio click always selects its state.\n        void form.toggle(item.key, item.kind === 'checkbox' && item.checked ? null : item.onState)\n      }\n      style={{\n        ...controlBase,\n        ...css,\n        cursor: item.disabled ? 'default' : 'pointer',\n        display: 'grid',\n        placeItems: 'center',\n        padding: 0,\n        borderRadius: item.kind === 'radio' ? '50%' : 2,\n        fontSize: glyphSize,\n        lineHeight: 1,\n        color: '#1f2a44',\n      }}\n    >\n      {item.checked ? (item.kind === 'radio' ? '●' : '✓') : ''}\n    </button>\n  );\n}\n\nfunction FillChoice({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'choice' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  return (\n    <select\n      aria-label={item.label}\n      multiple={item.multi}\n      disabled={item.disabled}\n      value={item.multi ? item.selected : (item.selected[0] ?? '')}\n      onChange={(e) => {\n        const values = item.multi\n          ? Array.from(e.target.selectedOptions).map((o) => o.value)\n          : [e.target.value];\n        void form.choose(item.key, values);\n      }}\n      style={{ ...controlBase, ...css, fontSize: Math.max(9, Math.min(css.height * 0.55, 18)) }}\n    >\n      {!item.multi && item.selected.length === 0 && <option value=\"\" />}\n      {item.options.map((o) => (\n        <option key={o.value} value={o.value}>\n          {o.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nfunction FillButton({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'button' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  return (\n    <button\n      type=\"button\"\n      aria-label={item.label}\n      disabled={item.disabled}\n      onClick={() =>\n        void form.activateWidget(item.key, {\n          kind: 'objectNumber',\n          pageObjectNumber: page.pon,\n          annotObjectNumber: item.annotObjectNumber,\n        })\n      }\n      style={{\n        ...controlBase,\n        ...css,\n        padding: 0,\n        border: 0,\n        background: 'transparent',\n        cursor: item.disabled ? 'default' : 'pointer',\n      }}\n    />\n  );\n}\n\n/**\n * Fill-mode form controls for one page, positioned from the form model's own\n * widget geometry — the ANNOTATION-LESS path (a fill-only viewer whose page\n * pixels come from an annotated RenderLayer raster). Active whenever the\n * active tool carries the 'form-fill' tag (the built-in pointer/pan tools\n * do); any other tool stands the controls down. Do not mount next to an\n * AnnotationLayer wired with `formWidgetBehaviors`.\n */\nexport function FormLayer() {\n  const page = usePage();\n  const form = useCapability(FormToken);\n  const active = useSelector(InteractionToken, (c) => c.activeTool().enables.has('form-fill'));\n\n  useEffect(() => {\n    if (active) form.ensureGeom(page.pon);\n  }, [active, form, page.pon]);\n\n  const items = useSelector(FormToken, (c) => c.fillItems(page.pon), shallowArray);\n  if (!active) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0 }}>\n      {items.map((item) =>\n        item.control === 'text' ? (\n          <FillText key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'toggle' ? (\n          <FillToggle key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'choice' ? (\n          <FillChoice key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'button' ? (\n          <FillButton key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : null,\n      )}\n    </div>\n  );\n}\n\n/* ═══════════════════════════════ hooks ═══════════════════════════════ */\n\n/** The form capability — values, interchange, design-mode verbs. */\nexport function useForm() {\n  return useCapability(FormToken);\n}\n\n/** The reconciled form snapshot (null until the first load lands),\n *  re-rendering on every form model change. */\nexport function useFormSnapshot() {\n  return useSelector(FormToken, (c) => c.snapshot());\n}\n\n/**\n * The FIELD behind the currently selected widget annotation (single\n * selection), or null. The design-mode join: widget selection lives in the\n * annotation plane, field properties live here.\n */\nexport function useFormField(): FormFieldDTO | null {\n  const selected = useAnnotationSelected();\n  const widget = selected.length === 1 && selected[0]!.subtype === 'widget' ? selected[0]! : null;\n  const objnum = widget && widget.ref.kind === 'objectNumber' ? widget.ref.annotObjectNumber : 0;\n  return useSelector(FormToken, (c) => (objnum > 0 ? c.fieldForWidget(objnum) : null));\n}\n"],"mappings":"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"}
+{"version":3,"file":"form.js","names":[],"sources":["../src/form.tsx"],"sourcesContent":["/**\n * The React view of @embedpdf/plugin-form.\n *\n * TWO fill surfaces, one plugin:\n *\n * 1. `formWidgetRenderer` — the full-viewer path. Widgets are annotations,\n *    so the fill controls plug into the annotation stack:\n *    `<AnnotationLayer renderers={[formWidgetRenderer]} />` routes every\n *    ENGAGED widget here with its live box and its baked /AP raster. The\n *    picture IS the resting control (the engine's own rendering of value,\n *    check state, borders, fonts); these components add exactly the\n *    interaction skin on top:\n *\n *      text   → picture at rest; click swaps in an <input>/<textarea> (the\n *               focused element IS the draft store — the plugin model only\n *               learns a value on commit); blur/Enter commits, the engine\n *               re-bakes the /AP, the refreshed picture replaces the editor.\n *      toggle → the picture is the whole control; click writes the toggled\n *               value; the re-baked appearance shows the new check state.\n *      choice → an invisible native <select> over the picture (v2's trick):\n *               the browser owns the dropdown, the engine owns the pixels.\n *      button → native keyboard/click target over the picture; activation is\n *               delegated to the form plugin's isolated scripting pipeline.\n *\n * 2. `<FormLayer />` — the annotation-less path (fill-only viewers with no\n *    annotation plugin): synthetic HTML controls positioned from the form\n *    model's own widget geometry. Do NOT mount it next to an AnnotationLayer\n *    wired with `formWidgetRenderer` — the controls would double up.\n *\n * Every control isolates its pointerdown from the interaction hub with a\n * NATIVE listener (the FreeText precedent): the Stage listens natively on an\n * ancestor, so React's synthetic events would run too late.\n */\n\n// One-line-per-feature (ADAPTERS.md): registration travels with the UI.\nexport * from '@embedpdf/plugin-form';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { FormToken } from '@embedpdf/plugin-form';\nimport type {\n  FillItem,\n  FormFieldDTO,\n  FormUiEffect,\n  FormUiEffectProvider,\n} from '@embedpdf/plugin-form';\nimport { InteractionToken } from '@embedpdf/plugin-interaction';\nimport { StageToken } from '@embedpdf/plugin-stage';\nimport type { Rect } from '@embedpdf/core-annotation';\n\nimport { useAnnotationSelected } from './annotation';\nimport type { AnnotationRenderer, AnnotationRendererProps } from './annotation';\nimport {\n  shallowArray,\n  useCapability,\n  useOptionalCapability,\n  usePage,\n  useSelector,\n} from './runtime';\nimport type { PageContextValue } from './runtime';\n\n/** Content rect → a view-px box (the page wrapper's own coordinate space). */\nfunction viewBox(r: Rect, page: PageContextValue) {\n  const tl = page.transform.toPixels({ x: r.x, y: r.y });\n  const br = page.transform.toPixels({ x: r.x + r.width, y: r.y + r.height });\n  return { left: tl.x, top: tl.y, width: br.x - tl.x, height: br.y - tl.y };\n}\n\n/**\n * Keep the interaction hub out of gestures that begin inside a fill control.\n * Native listener (not React's) so it runs during real DOM bubbling, before\n * the Stage's own native listener on an ancestor — same trick as FreeText.\n */\nfunction useIsolated<T extends HTMLElement>() {\n  const ref = useRef<T>(null);\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const stop = (e: Event) => e.stopPropagation();\n    el.addEventListener('pointerdown', stop);\n    return () => el.removeEventListener('pointerdown', stop);\n  }, []);\n  return ref;\n}\n\nexport interface FormScriptingUiHandlers {\n  alert?: (message: string, effect: Extract<FormUiEffect, { kind: 'alert' }>) => void;\n  print?: (effect: Extract<FormUiEffect, { kind: 'print' }>) => void;\n  gotoPage?: (page: number, effect: Extract<FormUiEffect, { kind: 'gotoPage' }>) => void;\n}\n\n/**\n * Fulfil form-script UI requests for the active document. By default alerts use\n * the browser dialog, page navigation uses the main Stage, and print delegates\n * to the browser. Pass handlers (or one raw provider) to replace that policy.\n */\nexport function useFormScriptingProvider(\n  adapter?: FormScriptingUiHandlers | FormUiEffectProvider,\n): void {\n  const form = useOptionalCapability(FormToken);\n  const stage = useOptionalCapability(StageToken);\n  const adapterRef = useRef(adapter);\n  adapterRef.current = adapter;\n\n  useEffect(() => {\n    if (!form) return;\n    const provider: FormUiEffectProvider = (effect) => {\n      const current = adapterRef.current;\n      if (typeof current === 'function') {\n        current(effect);\n        return;\n      }\n      switch (effect.kind) {\n        case 'alert':\n          if (current?.alert) current.alert(effect.message, effect);\n          else if (typeof globalThis.alert === 'function') globalThis.alert(effect.message);\n          break;\n        case 'gotoPage':\n          if (current?.gotoPage) current.gotoPage(effect.page, effect);\n          else stage?.goToPage(effect.page);\n          break;\n        case 'print':\n          if (current?.print) current.print(effect);\n          else if (typeof globalThis.print === 'function') globalThis.print();\n          break;\n      }\n    };\n    form.setUiEffectProvider(provider);\n    return () => form.setUiEffectProvider(null);\n  }, [form, stage]);\n}\n\n/* ══════════════════════════ behavior widgets ══════════════════════════ */\n\n/** The baked /AP raster, blitted by its OWN box (exactly like BakedImage). */\nfunction Picture({\n  page,\n  appearance,\n  apBox,\n  frame,\n  hidden,\n}: {\n  page: PageContextValue;\n  appearance: { url: string; box: Rect } | null;\n  /** The item's live AP box — wins over the fetched box when present. */\n  apBox?: Rect;\n  /** The positioned wrapper this renders INSIDE (its view box) — the blit is\n   *  page-frame, so subtract the wrapper's origin. Omit when rendering\n   *  directly in the layer container. */\n  frame?: { left: number; top: number };\n  hidden?: boolean;\n}) {\n  if (!appearance) return null;\n  const b = viewBox(apBox ?? appearance.box, page);\n  return (\n    <img\n      src={appearance.url}\n      alt=\"\"\n      draggable={false}\n      style={{\n        position: 'absolute',\n        left: b.left - (frame?.left ?? 0),\n        top: b.top - (frame?.top ?? 0),\n        width: b.width,\n        height: b.height,\n        // Content-unit sizing; a global `img { max-width: 100% }` reset would\n        // otherwise clamp it to the containing block and distort the blit.\n        maxWidth: 'none',\n        pointerEvents: 'none',\n        visibility: hidden ? 'hidden' : 'visible',\n      }}\n    />\n  );\n}\n\ninterface WidgetProps<C extends FillItem['control']> {\n  fill: Extract<FillItem, { control: C }>;\n  item: AnnotationRendererProps['item'];\n  page: PageContextValue;\n  appearance: AnnotationRendererProps['appearance'];\n}\n\n/**\n * Dispatch one engaged widget to its fill control. The FIELD plane (value,\n * behavior, disabled) comes from the form plugin's single-widget projection;\n * the WIDGET plane (live box, /DA font, baked raster) rides in on the\n * renderer props — no geometry is read from the form model here.\n */\nfunction FormWidget({ item, page, appearance }: AnnotationRendererProps) {\n  const annot = item.ref?.kind === 'objectNumber' ? item.ref.annotObjectNumber : 0;\n  // Reference-stable per model change, so the default Object.is equality holds.\n  const fill = useSelector(FormToken, (c) => (annot > 0 ? c.fillItem(annot) : null));\n  // Field plane not loaded (or no fill control for this family) → picture only.\n  if (!fill) return <Picture page={page} appearance={appearance} apBox={item.apBox} />;\n  switch (fill.control) {\n    case 'text':\n      return <TextWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'toggle':\n      return <ToggleWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'choice':\n      return <ChoiceWidget fill={fill} item={item} page={page} appearance={appearance} />;\n    case 'button':\n      return <ButtonWidget fill={fill} item={item} page={page} appearance={appearance} />;\n  }\n}\n\nfunction ButtonWidget({ fill, item, page, appearance }: WidgetProps<'button'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLButtonElement>();\n  const b = viewBox(item.box, page);\n  return (\n    <button\n      ref={wrap}\n      type=\"button\"\n      aria-label={fill.label}\n      disabled={fill.disabled}\n      onClick={() => {\n        if (item.ref) void form.activateWidget(fill.key, item.ref);\n      }}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        boxSizing: 'border-box',\n        padding: 0,\n        border: 0,\n        background: 'transparent',\n        cursor: fill.disabled ? 'default' : 'pointer',\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n    </button>\n  );\n}\n\nfunction TextWidget({ fill, item, page, appearance }: WidgetProps<'text'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  // The editor is ALWAYS MOUNTED (v2's pattern): transparent over the picture\n  // at rest, visible while focused. That makes the DOM the focus manager —\n  // native Tab order reaches every field, focus enters edit, blur commits —\n  // with zero focus machinery of our own. The focused element holds the\n  // draft; the plugin model only learns a value on commit (see model.ts).\n  const [focused, setFocused] = useState(false);\n  const [draft, setDraft] = useState(fill.value);\n  const cancelled = useRef(false);\n  // Adopt engine truth whenever it changes under us — but never mid-edit.\n  useEffect(() => {\n    if (!focused) setDraft(fill.value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fill.value, focused]);\n\n  const b = viewBox(item.box, page);\n  const scale = item.box.width > 0 ? b.width / item.box.width : 1;\n\n  // /DA font, scaled to view px. Size 0 means \"auto\" in PDF: approximate with\n  // the box height for a single line, Acrobat's 12pt default for multiline.\n  const fontSize =\n    item.text && item.text.fontSize > 0\n      ? item.text.fontSize * scale\n      : fill.multiline\n        ? 12 * scale\n        : Math.max(6, b.height * 0.72);\n  const editorStyle: React.CSSProperties = {\n    position: 'absolute',\n    inset: 0,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    border: 'none',\n    outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n    outlineOffset: -2,\n    padding: '0 2px',\n    margin: 0,\n    background: item.style.interiorColor ?? '#fff',\n    color: item.text?.fontColor ?? '#000',\n    fontFamily: item.text?.fontFamily ?? 'Helvetica, Arial, sans-serif',\n    fontSize,\n    textAlign: item.text?.textAlign ?? 'left',\n    resize: 'none',\n    cursor: 'text',\n    opacity: focused ? 1 : 0, // rest: the engine's picture IS the field\n  };\n  const editorProps = {\n    value: draft,\n    maxLength: fill.maxLength ?? undefined,\n    'aria-label': fill.label,\n    disabled: fill.disabled,\n    onFocus: () => setFocused(true),\n    onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n      setDraft(e.target.value),\n    onBlur: () => {\n      setFocused(false);\n      if (cancelled.current) {\n        cancelled.current = false;\n        setDraft(fill.value);\n        return;\n      }\n      if (draft !== fill.value) void form.setText(fill.key, draft);\n    },\n    style: editorStyle,\n  };\n  const onKeys = (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    if (e.key === 'Escape') {\n      cancelled.current = true;\n      e.currentTarget.blur();\n    }\n    if (e.key === 'Enter' && !fill.multiline) e.currentTarget.blur(); // blur commits\n  };\n\n  return (\n    <div\n      ref={wrap}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} hidden={focused} />\n      {fill.multiline ? (\n        <textarea {...editorProps} onKeyDown={onKeys} />\n      ) : (\n        <input {...editorProps} type={fill.password ? 'password' : 'text'} onKeyDown={onKeys} />\n      )}\n    </div>\n  );\n}\n\nfunction ToggleWidget({ fill, item, page, appearance }: WidgetProps<'toggle'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  const [focused, setFocused] = useState(false);\n  const b = viewBox(item.box, page);\n  const toggle = () => {\n    if (fill.disabled) return;\n    // Checkbox: click toggles on/off (null clears). Radio: click always\n    // selects its own on-state — no untoggle, per PDF/Acrobat convention.\n    void form.toggle(fill.key, fill.kind === 'checkbox' && fill.checked ? null : fill.onState);\n  };\n  return (\n    <div\n      ref={wrap}\n      role={fill.kind === 'checkbox' ? 'checkbox' : 'radio'}\n      aria-checked={fill.checked}\n      aria-label={fill.label}\n      tabIndex={fill.disabled ? -1 : 0}\n      onClick={toggle}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      onKeyDown={(e) => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault();\n          toggle();\n        }\n      }}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        cursor: fill.disabled ? 'default' : 'pointer',\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n        outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n        outlineOffset: -2,\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n    </div>\n  );\n}\n\nfunction ChoiceWidget({ fill, item, page, appearance }: WidgetProps<'choice'>) {\n  const form = useCapability(FormToken);\n  const wrap = useIsolated<HTMLDivElement>();\n  const [focused, setFocused] = useState(false);\n  const b = viewBox(item.box, page);\n  const multiple = fill.kind === 'list' && fill.multi;\n  return (\n    <div\n      ref={wrap}\n      style={{\n        position: 'absolute',\n        left: b.left,\n        top: b.top,\n        width: b.width,\n        height: b.height,\n        pointerEvents: fill.disabled ? 'none' : 'auto',\n        outline: focused ? '2px solid rgba(66, 133, 244, 0.8)' : 'none',\n        outlineOffset: -2,\n      }}\n    >\n      <Picture page={page} appearance={appearance} apBox={item.apBox} frame={b} />\n      {/* v2's trick: an invisible NATIVE select owns the dropdown/keyboard;\n          the engine's baked appearance stays the visible value. Keyed +\n          uncontrolled so an in-flight write never snaps the selection back. */}\n      <select\n        key={fill.selected.join('\\0')}\n        multiple={multiple}\n        size={fill.kind === 'list' ? Math.max(2, fill.options.length) : undefined}\n        defaultValue={multiple ? fill.selected : (fill.selected[0] ?? '')}\n        aria-label={fill.label}\n        disabled={fill.disabled}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        onChange={(e) => {\n          const values = Array.from(e.currentTarget.selectedOptions).map((o) => o.value);\n          void form.choose(fill.key, values);\n        }}\n        style={{\n          position: 'absolute',\n          inset: 0,\n          width: '100%',\n          height: '100%',\n          opacity: 0,\n          cursor: fill.disabled ? 'default' : 'pointer',\n        }}\n      >\n        {fill.options.map((o, i) => (\n          <option key={i} value={o.value}>\n            {o.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\n/**\n * The form plugin's renderer entry, ready for\n * `<AnnotationLayer renderers={[formWidgetRenderer]} />`. It answers for the\n * PLUGIN-registered 'form-widgets' Behavior — the form plugin decides when\n * widgets are fill controls vs. editable annotations, never the app.\n */\nexport const formWidgetRenderer: AnnotationRenderer = {\n  behavior: 'form-widgets',\n  component: FormWidget,\n};\n\n/* ══════════════════════ standalone layer (no annotations) ══════════════════ */\n\nconst controlBase: React.CSSProperties = {\n  position: 'absolute',\n  boxSizing: 'border-box',\n  border: '1px solid rgba(56, 88, 233, 0.55)',\n  background: 'rgba(255, 255, 255, 0.92)',\n  borderRadius: 2,\n  font: 'inherit',\n};\n\nconst fillBox = (item: FillItem, page: PageContextValue) => viewBox(item.box, page);\n\n/** Text control: keystrokes stay LOCAL (the input is the draft store);\n *  the engine write happens on blur or Enter. */\nfunction FillText({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'text' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const [draft, setDraft] = useState(item.value);\n  // Adopt engine truth whenever it changes under us (remote edit, reset).\n  useEffect(() => setDraft(item.value), [item.value]);\n\n  const css = fillBox(item, page);\n  const fontSize = Math.max(9, Math.min(css.height * 0.62, 24));\n  const commit = () => {\n    if (draft !== item.value) void form.setText(item.key, draft).catch(() => setDraft(item.value));\n  };\n  const shared: React.CSSProperties = {\n    ...controlBase,\n    ...css,\n    fontSize,\n    padding: '0 3px',\n    ...(item.comb ? { letterSpacing: css.width / Math.max(1, item.maxLength ?? 1) / 2 } : {}),\n  };\n  return item.multiline ? (\n    <textarea\n      aria-label={item.label}\n      value={draft}\n      disabled={item.disabled}\n      onChange={(e) => setDraft(e.target.value)}\n      onBlur={commit}\n      style={{ ...shared, resize: 'none' }}\n    />\n  ) : (\n    <input\n      aria-label={item.label}\n      type={item.password ? 'password' : 'text'}\n      value={draft}\n      maxLength={item.maxLength ?? undefined}\n      disabled={item.disabled}\n      onChange={(e) => setDraft(e.target.value)}\n      onBlur={commit}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') (e.target as HTMLInputElement).blur();\n      }}\n      style={shared}\n    />\n  );\n}\n\nfunction FillToggle({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'toggle' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  const glyphSize = Math.min(css.width, css.height) * 0.72;\n  return (\n    <button\n      role={item.kind}\n      aria-checked={item.checked}\n      aria-label={item.label}\n      disabled={item.disabled}\n      onClick={() =>\n        // Checkbox re-click clears; radio click always selects its state.\n        void form.toggle(item.key, item.kind === 'checkbox' && item.checked ? null : item.onState)\n      }\n      style={{\n        ...controlBase,\n        ...css,\n        cursor: item.disabled ? 'default' : 'pointer',\n        display: 'grid',\n        placeItems: 'center',\n        padding: 0,\n        borderRadius: item.kind === 'radio' ? '50%' : 2,\n        fontSize: glyphSize,\n        lineHeight: 1,\n        color: '#1f2a44',\n      }}\n    >\n      {item.checked ? (item.kind === 'radio' ? '●' : '✓') : ''}\n    </button>\n  );\n}\n\nfunction FillChoice({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'choice' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  return (\n    <select\n      aria-label={item.label}\n      multiple={item.multi}\n      disabled={item.disabled}\n      value={item.multi ? item.selected : (item.selected[0] ?? '')}\n      onChange={(e) => {\n        const values = item.multi\n          ? Array.from(e.target.selectedOptions).map((o) => o.value)\n          : [e.target.value];\n        void form.choose(item.key, values);\n      }}\n      style={{ ...controlBase, ...css, fontSize: Math.max(9, Math.min(css.height * 0.55, 18)) }}\n    >\n      {!item.multi && item.selected.length === 0 && <option value=\"\" />}\n      {item.options.map((o) => (\n        <option key={o.value} value={o.value}>\n          {o.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nfunction FillButton({\n  item,\n  page,\n}: {\n  item: Extract<FillItem, { control: 'button' }>;\n  page: PageContextValue;\n}) {\n  const form = useCapability(FormToken);\n  const css = fillBox(item, page);\n  return (\n    <button\n      type=\"button\"\n      aria-label={item.label}\n      disabled={item.disabled}\n      onClick={() =>\n        void form.activateWidget(item.key, {\n          kind: 'objectNumber',\n          pageObjectNumber: page.pon,\n          annotObjectNumber: item.annotObjectNumber,\n        })\n      }\n      style={{\n        ...controlBase,\n        ...css,\n        padding: 0,\n        border: 0,\n        background: 'transparent',\n        cursor: item.disabled ? 'default' : 'pointer',\n      }}\n    />\n  );\n}\n\n/**\n * Fill-mode form controls for one page, positioned from the form model's own\n * widget geometry — the ANNOTATION-LESS path (a fill-only viewer whose page\n * pixels come from an annotated RenderLayer raster). Active whenever the\n * active tool carries the 'form-fill' tag (the built-in pointer/pan tools\n * do); any other tool stands the controls down. Do not mount next to an\n * AnnotationLayer wired with `formWidgetBehaviors`.\n */\nexport function FormLayer() {\n  const page = usePage();\n  const form = useCapability(FormToken);\n  const active = useSelector(InteractionToken, (c) => c.activeTool().enables.has('form-fill'));\n\n  useEffect(() => {\n    if (active) form.ensureGeom(page.pon);\n  }, [active, form, page.pon]);\n\n  const items = useSelector(FormToken, (c) => c.fillItems(page.pon), shallowArray);\n  if (!active) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0 }}>\n      {items.map((item) =>\n        item.control === 'text' ? (\n          <FillText key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'toggle' ? (\n          <FillToggle key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'choice' ? (\n          <FillChoice key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : item.control === 'button' ? (\n          <FillButton key={`${item.key}:${item.annotObjectNumber}`} item={item} page={page} />\n        ) : null,\n      )}\n    </div>\n  );\n}\n\n/* ═══════════════════════════════ hooks ═══════════════════════════════ */\n\n/** The form capability — values, interchange, design-mode verbs. */\nexport function useForm() {\n  return useCapability(FormToken);\n}\n\n/** The reconciled form snapshot (null until the first load lands),\n *  re-rendering on every form model change. */\nexport function useFormSnapshot() {\n  return useSelector(FormToken, (c) => c.snapshot());\n}\n\n/**\n * The FIELD behind the currently selected widget annotation (single\n * selection), or null. The design-mode join: widget selection lives in the\n * annotation plane, field properties live here.\n */\nexport function useFormField(): FormFieldDTO | null {\n  const selected = useAnnotationSelected();\n  const widget = selected.length === 1 && selected[0]!.subtype === 'widget' ? selected[0]! : null;\n  const objnum = widget && widget.ref.kind === 'objectNumber' ? widget.ref.annotObjectNumber : 0;\n  return useSelector(FormToken, (c) => (objnum > 0 ? c.fieldForWidget(objnum) : null));\n}\n"],"mappings":"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"}