@alfadocs/ui-kit-debug 1.132.0 → 1.134.0

package/dist/_chunks/pdf-viewer-TRC5jEm5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-viewer-TRC5jEm5.js","sources":["../../src/components/pdf-viewer/pdf-viewer.agent.ts","../../src/components/pdf-viewer/pdf-viewer.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PDFViewerHandle } from './pdf-viewer';\n\nexport const pdfViewerAgent: AgentAdapter<PDFViewerHandle> = {\n  id: 'pdf-viewer',\n  // `paginate` (go_to_page), `set_value` (zoom preset — ephemeral view state),\n  // `filter` (in-document search/highlight). Zoom maps to `set_value` rather\n  // than the old `view_change` per the agent-readiness capability vocabulary.\n  capabilities: ['paginate', 'set_value', 'filter'],\n  // Every action is a silent no-op until the document loads, and\n  // `go_to_page` clamps into range without saying so. These slots are\n  // how an agent range-checks before calling and verifies afterwards.\n  // A9: page numbers, counts, a zoom enum and a match count are\n  // structural. Extracted page text is NOT exposed, and neither is\n  // `src` — it may be a signed / tokenised document URL, i.e. a\n  // credential.\n  state: {\n    status: {\n      type: \"'loading' | 'ready' | 'error'\",\n      descriptionKey: 'ui.agent.pdfViewer.state.status',\n      description:\n        'Whether the document has loaded. Read this first — every action is a silent no-op while the viewer is loading or has failed.',\n      read: (handle) => handle.getStatus(),\n    },\n    currentPage: {\n      type: 'number',\n      descriptionKey: 'ui.agent.pdfViewer.state.currentPage',\n      description:\n        '1-indexed page currently in view. The read-back for `go_to_page`, which clamps out-of-range requests silently.',\n      read: (handle) => handle.getCurrentPage(),\n    },\n    pageCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.pdfViewer.state.pageCount',\n      description:\n        'Number of pages in the loaded document, or 0 before it loads. Range-check against this before calling `go_to_page` rather than discovering the clamp after the fact.',\n      read: (handle) => handle.getPageCount(),\n    },\n    zoom: {\n      type: \"'fit-width' | 'fit-page' | 'actual-size' | number\",\n      descriptionKey: 'ui.agent.pdfViewer.state.zoom',\n      description:\n        'Zoom preset or numeric scale factor currently applied. The read-back for `set_zoom`.',\n      read: (handle) => handle.getZoom(),\n    },\n    searchMatchCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.pdfViewer.state.searchMatchCount',\n      description:\n        'Number of matches for the active search query — 0 when nothing matched or no search is running. A count only; the matched text is never exposed.',\n      read: (handle) => handle.getSearchMatchCount(),\n    },\n  },\n  actions: {\n    go_to_page: {\n      safety: 'read',\n      argsType: '{ page: number }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          page: {\n            type: 'integer',\n            minimum: 1,\n            description: '1-indexed target page.',\n          },\n        },\n        required: ['page'],\n      },\n      idempotent: true,\n      errors: [\n        'No-op while `status` is not \"ready\" — the document has not loaded.',\n        'A page outside 1..`pageCount` is silently clamped into range; read `currentPage` back to see where it landed.',\n      ],\n      examples: [{ args: { page: 2 } }],\n      descriptionKey: 'ui.agent.pdfViewer.actions.goToPage',\n      description:\n        'Navigate to a specific 1-indexed page. Check `pageCount` first — an out-of-range page is clamped silently, and the call is a no-op until `status` is \"ready\".',\n      invoke: (handle, args: { page: number }) => {\n        handle.goToPage(args.page);\n      },\n    },\n    set_zoom: {\n      safety: 'read',\n      argsType: '{ zoom: PDFZoomPreset }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          zoom: {\n            description:\n              \"Either a named preset ('fit-width' | 'fit-page' | 'actual-size') or a numeric scale factor (e.g. 1.5).\",\n            oneOf: [\n              { enum: ['fit-width', 'fit-page', 'actual-size'] },\n              { type: 'number', exclusiveMinimum: 0 },\n            ],\n          },\n        },\n        required: ['zoom'],\n      },\n      idempotent: true,\n      examples: [{ args: { zoom: 'fit-width' } }, { args: { zoom: 1.5 } }],\n      descriptionKey: 'ui.agent.pdfViewer.actions.setZoom',\n      description: 'Apply a zoom preset or numeric scale factor.',\n      invoke: (\n        handle,\n        args: { zoom: Parameters<PDFViewerHandle['setZoom']>[0] },\n      ) => {\n        handle.setZoom(args.zoom);\n      },\n    },\n    search: {\n      safety: 'read',\n      argsType: '{ query: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          query: {\n            type: 'string',\n            description: 'Text to find and highlight in the loaded document.',\n          },\n        },\n        required: ['query'],\n      },\n      idempotent: true,\n      examples: [{ args: { query: 'consent' } }],\n      descriptionKey: 'ui.agent.pdfViewer.actions.search',\n      description:\n        'Search the document for the given query and highlight matches. Read the `searchMatchCount` slot afterwards — the action itself returns nothing.',\n      invoke: (handle, args: { query: string }) => {\n        handle.search(args.query);\n      },\n    },\n    print: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.pdfViewer.actions.print',\n      description: 'Open the browser print dialog for the document.',\n      invoke: (handle) => {\n        handle.print();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'pdf-viewer',\n      description:\n        'Marks the PDFViewer. Each toolbar button carries a data-action: previous-page, next-page, zoom-out, zoom-in, open-search, close-search (the find bar) and print. go_to_page, set_zoom and print on this adapter do the same work through the handle.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* PDFViewer — thin React wrapper over Mozilla's pdfjs-dist.            */\n/*                                                                     */\n/* - Worker: loaded once at module scope via Vite's `?url` asset        */\n/*   import; consumers never configure it (08-third-party §PDF Viewer). */\n/* - Lazy rendering: an IntersectionObserver renders only visible +     */\n/*   ±1 buffer pages; off-screen pages release GPU memory by setting    */\n/*   `canvas.width = 0` while the wrapper <article> keeps its reserved  */\n/*   height so scroll position is stable.                               */\n/* - Toolbar: WAI-ARIA `role=\"toolbar\"` with roving tabindex (same      */\n/*   pattern as RichTextEditor — see 05-accessibility.mdx §42).         */\n/* - Find bar: Radix Popover; Cmd/Ctrl+F opens; matches decorated in    */\n/*   the text layer with a `--warning`-tinted background.               */\n/* - i18n: every string via `t('pdf.*')`. Icons flipped via `rtl:…`.    */\n/* - Page overlay: PDF.js paints every page on white, so the overlay    */\n/*   layer is a light theme root (light accessible when the theme       */\n/*   around the viewer is accessible) and its content paints for white  */\n/*   in every theme (04-theming, \"Nested themes: the nearest theme      */\n/*   wins\").                                                            */\n/*                                                                     */\n/* TODO:                                                                */\n/*   - Full PDF.js `printService` integration (A4 / US Letter, 150 DPI,*/\n/*     hidden high-DPI canvas). For now `print()` calls `window.print()`*/\n/*     which renders the viewer chrome — the `@media print` rule lives  */\n/*     in a future theme bridge.                                        */\n/*   - AnnotationLayer for form fields and links (08-third-party).      */\n/*   - Accessibility-tag surfacing via `aria-describedby` per the user  */\n/*     story's screen-reader acceptance row.                            */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react';\n// Legacy build, not the default modern one: it bundles the polyfills\n// pdf.js relies on (e.g. Map.prototype.getOrInsertComputed), so PDFs\n// render on older browsers and headless capture engines, not just current Chrome.\nimport * as pdfjsLib from 'pdfjs-dist/legacy/build/pdf.min.mjs';\nimport type {\n  PDFDocumentProxy,\n  PDFPageProxy,\n} from 'pdfjs-dist/types/src/display/api';\nimport type { PageViewport } from 'pdfjs-dist/types/src/display/display_utils';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport {\n  findPopoverTrigger,\n  useNonModalTabExit,\n} from '../_shared/non-modal-tab-exit';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ZoomIn,\n  ZoomOut,\n  Search,\n  Printer,\n  X,\n} from 'lucide-react';\n\n/* ------------------------------------------------------------------ */\n/* Worker setup — one-shot at module scope                              */\n/* ------------------------------------------------------------------ */\n\n// Vite resolves `?url` to a static URL string at build time. This keeps\n// PDF.js off the main bundle and lets the consumer not think about it.\nimport pdfjsWorkerUrl from 'pdfjs-dist/legacy/build/pdf.worker.min.mjs?url';\n\nimport { Spinner } from '../spinner';\nimport { Alert } from '../alert';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { pdfViewerAgent } from './pdf-viewer.agent';\n\npdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorkerUrl;\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type PDFZoomPreset = 'fit-width' | 'fit-page' | 'actual-size' | number;\n\nexport type PDFPageRotation = 0 | 90 | 180 | 270;\n\n/**\n * Arguments passed to `renderPageOverlay` for each rendered page.\n *\n * `pageWidthCss` and `pageHeightCss` are post-zoom, post-rotation CSS\n * pixel dimensions — exactly the rendered box the consumer is\n * positioning content over. They update on resize, zoom, and rotation\n * changes; the render-prop re-runs on every change so positioned\n * children stay in sync with the page geometry without the consumer\n * touching a `ResizeObserver`.\n */\nexport interface PDFPageOverlayArgs {\n  /** 1-based page number. */\n  pageNumber: number;\n  /** CSS-pixel width of the rendered page (post-zoom, post-rotation). */\n  pageWidthCss: number;\n  /** CSS-pixel height of the rendered page. */\n  pageHeightCss: number;\n  /**\n   * Effective rotation of the rendered viewport in degrees. Reflects\n   * `pageRotation` (if set) overriding the page's intrinsic `/Rotate`,\n   * otherwise the intrinsic rotation.\n   */\n  rotation: PDFPageRotation;\n}\n\nexport interface PDFViewerProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** PDF source — URL string, ArrayBuffer, or Uint8Array. */\n  src: string | ArrayBuffer | Uint8Array;\n  /** Initial page (1-based). Default 1. */\n  initialPage?: number;\n  /** Initial zoom preset. Default 'fit-width'. */\n  initialZoom?: PDFZoomPreset;\n  /**\n   * Force every page to render at this rotation, overriding the page's\n   * intrinsic `/Rotate` metadata. Useful for scanned PDFs that opened\n   * sideways, and for the signing-flow consumer that lets users\n   * straighten misrotated pages before placing signature fields.\n   * `undefined` (default) honours each page's intrinsic rotation.\n   */\n  pageRotation?: PDFPageRotation;\n  /**\n   * Render a layer of arbitrary React content positioned over each\n   * rendered PDF page — signature fields, redaction boxes, annotation\n   * pins, anything that needs to live in PDF coordinate space.\n   *\n   * The render-prop is invoked **only for pages currently inside the\n   * IntersectionObserver buffer** (visible ±1), and the returned tree\n   * unmounts when the page leaves the buffer. Consumer-held timers /\n   * fetches / subscriptions in overlay children therefore tear down\n   * automatically with the page. The overlay container is absolutely\n   * positioned, sized to the rendered page, and has\n   * `pointer-events: auto` so consumer children can be interactive.\n   * Consumers position children themselves (typically\n   * `position: absolute; inset-inline-start: %; inset-block-start: %`).\n   *\n   * The render-prop re-runs on resize, zoom, and rotation changes so\n   * positioned children stay aligned without the consumer wiring a\n   * `ResizeObserver`. Pages already declare `data-page-number` on the\n   * `<article>` ancestor; consumer-rendered children should be\n   * keyboard-reachable per the kit's a11y contract.\n   *\n   * Theme: PDF.js paints every page on white, so the overlay container is\n   * a light theme root (`theme-light`), with `theme-accessible` added\n   * while the theme around the viewer is accessible. Kit components inside\n   * it paint for the white page in every theme, dark included, and keep\n   * the accessible sizes, type and motion. The container itself stays\n   * transparent: a theme root declares tokens only.\n   *\n   * Composition note: PDF.js's `AnnotationLayer` (for native form\n   * fields and link annotations) is not yet wired in — see the file\n   * header TODO. When it lands, `renderPageOverlay` will compose\n   * **above** the AnnotationLayer in z-order, since interactive\n   * consumer content should sit on top of intrinsic page widgets.\n   */\n  renderPageOverlay?: (args: PDFPageOverlayArgs) => ReactNode;\n  /** Emits when the currently-most-visible page changes. */\n  onPageChange?: (page: number) => void;\n  /** Emits once the PDF document has loaded. */\n  onLoadComplete?: (info: { numPages: number; title?: string }) => void;\n  /** Emits on any load / render error. */\n  onError?: (error: Error) => void;\n  /** Show the toolbar. Default `true`. */\n  toolbar?: boolean;\n  /**\n   * Toolbar control set. `'full'` (default) is the editor toolbar (page nav,\n   * page input, zoom, fit-width, search, print). `'minimal'` is a lean,\n   * read-only control set — zoom out / in / preset only — for surfaces like\n   * signing where a signer just reads, scrolls, and occasionally zooms.\n   */\n  toolbarVariant?: 'full' | 'minimal';\n  /** Accessible label for the viewer region. */\n  ariaLabel?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport interface PDFViewerHandle {\n  goToPage: (page: number) => void;\n  setZoom: (zoom: PDFZoomPreset) => void;\n  search: (query: string) => void;\n  print: () => void;\n  /* ---- read-back ------------------------------------------------ */\n  /** 1-indexed page currently in view. */\n  getCurrentPage: () => number;\n  /** Pages in the loaded document, or `0` before it loads. */\n  getPageCount: () => number;\n  /** Zoom preset or numeric scale currently applied. */\n  getZoom: () => PDFZoomPreset;\n  /**\n   * Whether the document has loaded. Every action is a silent no-op\n   * while this is `'loading'` or `'error'`.\n   */\n  getStatus: () => 'loading' | 'ready' | 'error';\n  /** Number of matches for the active search query. */\n  getSearchMatchCount: () => number;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva(\n  [\n    'ds:pdf-viewer-alfadocs ds:flex ds:flex-col',\n    // Allow the viewer to shrink below its content's intrinsic width when it\n    // sits in a constrained flex/grid context (mobile signing flows): without\n    // min-inline-size:0 the page canvas's natural width pins the flex item\n    // open, fit-width then measures that inflated width and never scales down.\n    'ds:min-w-0',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:rounded-[var(--radius-md)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:overflow-hidden',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst toolbarVariants = cva(\n  [\n    'ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'ds:bg-[var(--background)]',\n    'ds:border-b ds:border-[color:var(--border)]',\n  ].join(' '),\n);\n\nconst toolbarButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:[min-inline-size:var(--min-target-size)]',\n    'ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-[var(--foreground)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--muted)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst pageInputVariants = cva(\n  [\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:w-[4rem] ds:text-center',\n    'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst searchInputVariants = cva(\n  [\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:w-[16rem] ds:max-w-full ds:min-w-0 ds:text-start',\n    'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst zoomSelectVariants = cva(\n  [\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst pagesContainerVariants = cva(\n  [\n    'ds:relative ds:flex ds:flex-col ds:items-center',\n    'ds:gap-[var(--spacing-md)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:bg-[var(--muted)]',\n    'ds:overflow-auto',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    // NB: `min-block-size-[…]` / `max-block-size-[…]` arbitrary utilities don't\n    // generate any CSS in this Tailwind setup (silent no-op) — using them left\n    // the container uncapped, so it rendered all pages at full height and never\n    // scrolled, which froze the page tracker at 1 and broke SignDocument's\n    // read-to-end gate. `min-h`/`max-h` are block-axis height (writing-mode\n    // agnostic) and generate correctly.\n    'ds:min-h-[30rem]',\n    'ds:max-h-[80vh]',\n  ].join(' '),\n);\n\nconst pageArticleVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:justify-center',\n    'ds:bg-[var(--background)]',\n    'ds:shadow-[var(--shadow-md)]',\n    'ds:rounded-[var(--radius-sm)]',\n  ].join(' '),\n);\n\n// The consumer overlay paints over the PDF.js canvas, which is always white,\n// so it is a light theme root: the nearest theme wins (04-theming, \"Nested\n// themes: the nearest theme wins\"), and fields over the page take the light\n// colours whatever the page around the viewer uses. `theme-light` is the full\n// base and resets the accessible sizes, type and motion, so `accessible`\n// layers `theme-accessible` back on while the theme around the viewer is\n// accessible. A theme root declares tokens only, so the layer stays\n// transparent over the canvas.\nconst pageOverlayVariants = cva(\n  [\n    'theme-light',\n    'ds:absolute ds:inset-0 ds:pointer-events-auto',\n    // Inherited text reads the light ink, not the ink the outer theme\n    // resolved on the viewer.\n    'ds:text-[var(--foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      accessible: { true: 'theme-accessible', false: '' },\n    },\n    defaultVariants: { accessible: false },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nconst ZOOM_PRESETS: ReadonlyArray<PDFZoomPreset> = [\n  'fit-width',\n  'fit-page',\n  'actual-size',\n  0.5,\n  0.75,\n  1,\n  1.25,\n  1.5,\n  2,\n];\n\nfunction isNumberZoom(z: PDFZoomPreset): z is number {\n  return typeof z === 'number';\n}\n\n/**\n * Whether the theme at `element` is accessible. The per-theme\n * `--accessible-on` switch is 1 in the accessible themes and 0 elsewhere,\n * and a custom property resolves at the nearest theme root, so a standard\n * panel inside an accessible page reads 0 where an ancestor-class check\n * would not. A token sheet without the switch reads as standard.\n */\nfunction isAccessibleTheme(element: Element): boolean {\n  const style = window.getComputedStyle(element);\n  return style.getPropertyValue('--accessible-on').trim() === '1';\n}\n\nfunction resolveScale(\n  zoom: PDFZoomPreset,\n  viewport: PageViewport,\n  container: HTMLElement | null,\n): number {\n  if (isNumberZoom(zoom)) return zoom;\n  if (zoom === 'actual-size') return 1;\n  if (!container) return 1;\n  const style = window.getComputedStyle(container);\n  const padX =\n    parseFloat(style.paddingInlineStart || '0') +\n    parseFloat(style.paddingInlineEnd || '0');\n  const padY =\n    parseFloat(style.paddingBlockStart || '0') +\n    parseFloat(style.paddingBlockEnd || '0');\n  const availW = Math.max(container.clientWidth - padX, 1);\n  const availH = Math.max(container.clientHeight - padY, 1);\n  const baseW = viewport.width;\n  const baseH = viewport.height;\n  if (zoom === 'fit-width') return availW / baseW;\n  // fit-page\n  return Math.min(availW / baseW, availH / baseH);\n}\n\ninterface LoadedDocument {\n  doc: PDFDocumentProxy;\n  numPages: number;\n  title?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* PDFViewer                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const PDFViewer = forwardRef<PDFViewerHandle, PDFViewerProps>(\n  (\n    {\n      id,\n      src,\n      initialPage = 1,\n      initialZoom = 'fit-width',\n      pageRotation,\n      renderPageOverlay,\n      onPageChange,\n      onLoadComplete,\n      onError,\n      toolbar = true,\n      toolbarVariant = 'full',\n      ariaLabel,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const rawId = useId();\n    const viewerId = useMemo(\n      () => `pdf-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n\n    /* ---- RTL / reduced motion ------------------------------------ */\n    const [isRtl, setIsRtl] = useState(false);\n    const [reducedMotion, setReducedMotion] = useState(false);\n    useEffect(() => {\n      if (typeof document === 'undefined') return undefined;\n      setIsRtl(document.documentElement.dir === 'rtl');\n      const mql = window.matchMedia('(prefers-reduced-motion: reduce)');\n      const sync = (): void => setReducedMotion(mql.matches);\n      sync();\n      mql.addEventListener('change', sync);\n      return () => mql.removeEventListener('change', sync);\n    }, []);\n\n    /* ---- Document state ------------------------------------------ */\n    const [loaded, setLoaded] = useState<LoadedDocument | null>(null);\n    const [loadError, setLoadError] = useState<Error | null>(null);\n    const [currentPage, setCurrentPage] = useState(initialPage);\n    const [zoom, setZoomState] = useState<PDFZoomPreset>(initialZoom);\n    const [visibleRange, setVisibleRange] = useState<{\n      start: number;\n      end: number;\n    }>({ start: Math.max(1, initialPage - 1), end: initialPage + 1 });\n    const [announcement, setAnnouncement] = useState<string>('');\n    const [searchOpen, setSearchOpen] = useState(false);\n    const [searchQuery, setSearchQuery] = useState('');\n    const [searchMatches, setSearchMatches] = useState<{\n      current: number;\n      total: number;\n    }>({ current: 0, total: 0 });\n\n    const onPageChangeRef =\n      useRef<PDFViewerProps['onPageChange']>(onPageChange);\n    const onLoadCompleteRef =\n      useRef<PDFViewerProps['onLoadComplete']>(onLoadComplete);\n    const onErrorRef = useRef<PDFViewerProps['onError']>(onError);\n    useEffect(() => {\n      onPageChangeRef.current = onPageChange;\n      onLoadCompleteRef.current = onLoadComplete;\n      onErrorRef.current = onError;\n    }, [onPageChange, onLoadComplete, onError]);\n\n    /* ---- Load the PDF document ----------------------------------- */\n    // Ref tracking the currently-loaded document so the cleanup path sees\n    // the latest proxy (state closed over in the effect would be stale).\n    const loadedRef = useRef<LoadedDocument | null>(null);\n    useEffect(() => {\n      loadedRef.current = loaded;\n    }, [loaded]);\n    useEffect(() => {\n      let cancelled = false;\n      setLoaded(null);\n      setLoadError(null);\n\n      // `getDocument` accepts a URL string, Uint8Array, or an object with a\n      // `data` field. Narrow to what pdfjs expects at runtime. We always pass\n      // an options object so that `disableJavaScript` and `isEvalSupported`\n      // flow through — patient-uploaded PDFs must not execute embedded JS.\n      // See security-hardening.mdx.\n      const baseOptions = {\n        disableJavaScript: true,\n        isEvalSupported: false,\n      } as const;\n      const task = pdfjsLib.getDocument(\n        typeof src === 'string'\n          ? { url: src, ...baseOptions }\n          : src instanceof Uint8Array\n            ? { data: src, ...baseOptions }\n            : { data: new Uint8Array(src), ...baseOptions },\n      );\n\n      task.promise.then(\n        async (doc) => {\n          if (cancelled) return;\n          let title: string | undefined;\n          try {\n            const meta = await doc.getMetadata();\n            const info = meta?.info as { Title?: string } | undefined;\n            title = info?.Title;\n          } catch {\n            title = undefined;\n          }\n          if (cancelled) {\n            // Unmounted while metadata was resolving — destroy the doc we\n            // just acquired so the worker channel and font resources are\n            // released.\n            try {\n              await doc.destroy();\n            } catch {\n              /* ignore */\n            }\n            return;\n          }\n          const next: LoadedDocument = { doc, numPages: doc.numPages, title };\n          setLoaded(next);\n          onLoadCompleteRef.current?.({ numPages: doc.numPages, title });\n        },\n        (err: unknown) => {\n          if (cancelled) return;\n          const error = err instanceof Error ? err : new Error(String(err));\n          setLoadError(error);\n          onErrorRef.current?.(error);\n        },\n      );\n\n      return () => {\n        cancelled = true;\n        task.destroy();\n        // Release the previously-loaded PDFDocumentProxy when src changes\n        // or the component unmounts. PDFDocumentProxy holds fonts, embedded\n        // resources, and the worker channel — without this call, switching\n        // PDFs progressively leaks memory in a long-running SPA.\n        const prev = loadedRef.current;\n        if (prev) {\n          try {\n            void prev.doc.destroy();\n          } catch {\n            /* ignore */\n          }\n          loadedRef.current = null;\n        }\n      };\n    }, [src]);\n\n    /* ---- Theme around the viewer --------------------------------- */\n    // The page overlay is a light theme root (see `pageOverlayVariants`)\n    // and turns accessible while the theme around the viewer is. That is\n    // read from the per-theme `--accessible-on` switch at the viewer root,\n    // so the nearest theme root wins. A theme switch re-classes an ancestor\n    // (<html>, <body>, a ThemeRoot), so a class change up the tree re-reads\n    // it. The error state renders no pages, so there is nothing to theme.\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [overlayAccessible, setOverlayAccessible] = useState(false);\n    const hasLoadError = loadError !== null;\n    useEffect(() => {\n      const root = rootRef.current;\n      if (hasLoadError || !root) return undefined;\n      const sync = (): void => setOverlayAccessible(isAccessibleTheme(root));\n      sync();\n      if (typeof MutationObserver === 'undefined') return undefined;\n      const observer = new MutationObserver(sync);\n      for (let node: Element | null = root; node; node = node.parentElement) {\n        observer.observe(node, {\n          attributes: true,\n          attributeFilter: ['class'],\n        });\n      }\n      return () => observer.disconnect();\n    }, [hasLoadError]);\n\n    /* ---- Current-page announcement ------------------------------- */\n    useEffect(() => {\n      if (!loaded) return;\n      setAnnouncement(\n        t('pdf.pageOf', { current: currentPage, total: loaded.numPages }),\n      );\n      onPageChangeRef.current?.(currentPage);\n    }, [currentPage, loaded, t]);\n\n    /* ---- Imperative handle --------------------------------------- */\n    const pagesContainerRef = useRef<HTMLDivElement>(null);\n    const pageArticleRefs = useRef<Array<HTMLElement | null>>([]);\n\n    const goToPage = useCallback(\n      (page: number) => {\n        if (!loaded) return;\n        const clamped = Math.max(1, Math.min(page, loaded.numPages));\n        setCurrentPage(clamped);\n        const article = pageArticleRefs.current[clamped - 1];\n        if (article) {\n          article.scrollIntoView({\n            behavior: reducedMotion ? 'auto' : 'auto',\n            block: 'start',\n          });\n        }\n      },\n      [loaded, reducedMotion],\n    );\n\n    const setZoom = useCallback((next: PDFZoomPreset) => {\n      setZoomState(next);\n    }, []);\n\n    const internalPrint = useCallback(() => {\n      // TODO: wire PDF.js printService for accurate, chrome-free output.\n      if (typeof window !== 'undefined') window.print();\n    }, []);\n\n    const search = useCallback((query: string) => {\n      setSearchQuery(query);\n      setSearchOpen(query.length > 0);\n    }, []);\n\n    // Mirror of the render-time state the agent surface reads back.\n    // Assigned during render (same pattern as `loadedRef`) so a read\n    // immediately after an action sees the settled value. Structural\n    // only — page numbers, counts, a zoom enum, a match count. Never\n    // extracted page text, and never `src`, which may be a signed or\n    // tokenised document URL (i.e. a credential).\n    const agentStateRef = useRef({\n      currentPage,\n      pageCount: 0,\n      zoom,\n      status: 'loading' as 'loading' | 'ready' | 'error',\n      searchMatchCount: 0,\n    });\n    agentStateRef.current = {\n      currentPage,\n      pageCount: loaded?.numPages ?? 0,\n      zoom,\n      status: loadError ? 'error' : loaded ? 'ready' : 'loading',\n      searchMatchCount: searchMatches.total,\n    };\n\n    const agentHandle = useMemo<PDFViewerHandle>(\n      () => ({\n        goToPage,\n        setZoom,\n        search,\n        print: internalPrint,\n        getCurrentPage: () => agentStateRef.current.currentPage,\n        getPageCount: () => agentStateRef.current.pageCount,\n        getZoom: () => agentStateRef.current.zoom,\n        getStatus: () => agentStateRef.current.status,\n        getSearchMatchCount: () => agentStateRef.current.searchMatchCount,\n      }),\n      [goToPage, setZoom, search, internalPrint],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(pdfViewerAgent, agentHandle, id);\n\n    /* ---- Keyboard shortcuts on the viewer ------------------------ */\n    const handleViewerKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>): void => {\n        if (!loaded) return;\n        const mod = event.metaKey || event.ctrlKey;\n\n        if (event.key === 'PageDown') {\n          event.preventDefault();\n          goToPage(currentPage + 1);\n          return;\n        }\n        if (event.key === 'PageUp') {\n          event.preventDefault();\n          goToPage(currentPage - 1);\n          return;\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          goToPage(1);\n          return;\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          goToPage(loaded.numPages);\n          return;\n        }\n\n        if (mod && event.key.toLowerCase() === 'f') {\n          event.preventDefault();\n          setSearchOpen(true);\n          return;\n        }\n        if (mod && (event.key === '+' || event.key === '=')) {\n          event.preventDefault();\n          setZoomState((z) => (isNumberZoom(z) ? Math.min(z * 1.25, 4) : 1.25));\n          return;\n        }\n        if (mod && event.key === '-') {\n          event.preventDefault();\n          setZoomState((z) =>\n            isNumberZoom(z) ? Math.max(z / 1.25, 0.25) : 0.75,\n          );\n          return;\n        }\n        if (mod && event.key === '0') {\n          event.preventDefault();\n          setZoomState('fit-width');\n          return;\n        }\n        if (mod && event.key.toLowerCase() === 'p') {\n          event.preventDefault();\n          internalPrint();\n        }\n      },\n      [currentPage, goToPage, internalPrint, loaded],\n    );\n\n    /* ---- Intersection observer — visible page tracking ----------- */\n    // `currentPage` is referenced only for a fallback inside the observer\n    // callback. Including it in the effect deps would destroy and re-create\n    // the observer every time the callback updates currentPage — on a\n    // 100-page PDF that's O(n) observe() calls on every scroll tick.\n    const currentPageRef = useRef<number>(currentPage);\n    useEffect(() => {\n      currentPageRef.current = currentPage;\n    }, [currentPage]);\n    useEffect(() => {\n      if (!loaded) return undefined;\n      const container = pagesContainerRef.current;\n      if (!container) return undefined;\n\n      const visibility = new Map<number, number>();\n      const observer = new IntersectionObserver(\n        (entries) => {\n          for (const entry of entries) {\n            const pageAttr = (entry.target as HTMLElement).dataset.pageNumber;\n            if (!pageAttr) continue;\n            const n = Number(pageAttr);\n            visibility.set(n, entry.intersectionRatio);\n          }\n          // Compute new \"most visible\" page + visible range\n          let best = currentPageRef.current;\n          let bestRatio = 0;\n          let minVisible = Infinity;\n          let maxVisible = -Infinity;\n          for (const [page, ratio] of visibility.entries()) {\n            if (ratio > bestRatio) {\n              best = page;\n              bestRatio = ratio;\n            }\n            if (ratio > 0) {\n              minVisible = Math.min(minVisible, page);\n              maxVisible = Math.max(maxVisible, page);\n            }\n          }\n          if (bestRatio > 0 && best !== currentPageRef.current) {\n            setCurrentPage(best);\n          }\n          if (minVisible !== Infinity) {\n            setVisibleRange({\n              start: Math.max(1, minVisible - 1),\n              end: Math.min(loaded.numPages, maxVisible + 1),\n            });\n          }\n        },\n        { root: container, threshold: [0, 0.25, 0.5, 0.75, 1] },\n      );\n\n      pageArticleRefs.current.forEach((el) => {\n        if (el) observer.observe(el);\n      });\n      return () => observer.disconnect();\n    }, [loaded]);\n\n    /* ---- Resize observer — recompute scale on fit presets -------- */\n    const [containerSizeTick, setContainerSizeTick] = useState(0);\n    useEffect(() => {\n      const container = pagesContainerRef.current;\n      if (!container || typeof ResizeObserver === 'undefined') return undefined;\n      const ro = new ResizeObserver(() => {\n        if (zoom === 'fit-width' || zoom === 'fit-page') {\n          setContainerSizeTick((v) => v + 1);\n        }\n      });\n      ro.observe(container);\n      return () => ro.disconnect();\n    }, [zoom]);\n\n    /* ---- Toolbar roving tabindex --------------------------------- */\n    const toolbarButtonsRef = useRef<Array<HTMLElement | null>>([]);\n    const [toolbarFocusIndex, setToolbarFocusIndex] = useState(0);\n    const registerToolbarButton = useCallback(\n      (index: number) => (el: HTMLElement | null) => {\n        toolbarButtonsRef.current[index] = el;\n      },\n      [],\n    );\n    const focusToolbarButton = useCallback((index: number) => {\n      const btn = toolbarButtonsRef.current[index];\n      if (btn) btn.focus();\n    }, []);\n    // Roving-tabindex span. The minimal toolbar renders only the 3 zoom\n    // controls (reindexed 0–2); the full toolbar has 8.\n    const toolbarCount = toolbarVariant === 'minimal' ? 2 : 8;\n    const handleToolbarKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLElement>) => {\n        const forward = isRtl ? 'ArrowLeft' : 'ArrowRight';\n        const backward = isRtl ? 'ArrowRight' : 'ArrowLeft';\n        let next: number | null = null;\n        if (event.key === forward)\n          next = (toolbarFocusIndex + 1) % toolbarCount;\n        else if (event.key === backward)\n          next = (toolbarFocusIndex - 1 + toolbarCount) % toolbarCount;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = toolbarCount - 1;\n        if (next !== null) {\n          event.preventDefault();\n          setToolbarFocusIndex(next);\n          focusToolbarButton(next);\n        }\n      },\n      [focusToolbarButton, isRtl, toolbarFocusIndex],\n    );\n\n    /* ---- Render ---------------------------------------------------*/\n    if (loadError) {\n      return (\n        <div\n          className={[wrapperVariants(), className].filter(Boolean).join(' ')}\n          aria-label={ariaLabel ?? t('pdf.error')}\n        >\n          <div className=\"ds:p-[var(--spacing-lg)]\">\n            <Alert variant=\"error\" live=\"polite\">\n              <Alert.Description>\n                {t('pdf.error')}: {loadError.message}\n              </Alert.Description>\n            </Alert>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- region-level keyboard shortcuts (search, zoom) intentionally captured at the wrapper for the entire PDF viewer\n      <div\n        ref={rootRef}\n        id={viewerId}\n        role=\"region\"\n        aria-label={ariaLabel ?? t('pdf.toolbarLabel')}\n        className={[wrapperVariants(), className].filter(Boolean).join(' ')}\n        dir={isRtl ? 'rtl' : undefined}\n        onKeyDown={handleViewerKeyDown}\n        tabIndex={-1}\n        data-component=\"pdf-viewer\"\n        data-component-id={id}\n        // Exposed for CI assertion (story `WorkerSameOrigin`) — the\n        // worker URL must be same-origin so a strict CSP can block\n        // cross-origin worker loads. Read by the play function via\n        // `getAttribute('data-pdfjs-worker-src')`.\n        data-pdfjs-worker-src={pdfjsWorkerUrl}\n      >\n        {toolbar ? (\n          <PDFToolbar\n            variant={toolbarVariant}\n            currentPage={currentPage}\n            numPages={loaded?.numPages ?? 0}\n            zoom={zoom}\n            onPrev={() => goToPage(currentPage - 1)}\n            onNext={() => goToPage(currentPage + 1)}\n            onJump={(p) => goToPage(p)}\n            onZoomIn={() => {\n              setZoomState((z) =>\n                isNumberZoom(z) ? Math.min(z * 1.25, 4) : 1.25,\n              );\n            }}\n            onZoomOut={() => {\n              setZoomState((z) =>\n                isNumberZoom(z) ? Math.max(z / 1.25, 0.25) : 0.75,\n              );\n            }}\n            onZoomPreset={(v) => setZoomState(v)}\n            onOpenSearch={() => setSearchOpen(true)}\n            onPrint={internalPrint}\n            searchOpen={searchOpen}\n            onSearchOpenChange={setSearchOpen}\n            searchQuery={searchQuery}\n            onSearchQueryChange={(v) => {\n              setSearchQuery(v);\n            }}\n            searchMatches={searchMatches}\n            register={registerToolbarButton}\n            focusIndex={toolbarFocusIndex}\n            setFocusIndex={setToolbarFocusIndex}\n            onToolbarKeyDown={handleToolbarKeyDown}\n            isRtl={isRtl}\n          />\n        ) : null}\n\n        {/* aria-live announcements for page / zoom changes */}\n        <div aria-live=\"polite\" aria-atomic=\"true\" className=\"ds:sr-only\">\n          {announcement}\n        </div>\n\n        <div\n          ref={pagesContainerRef}\n          className={pagesContainerVariants()}\n          data-testid=\"pdf-pages-container\"\n          // The pages list scrolls (overflow-auto + max-block-size cap), so it\n          // must be reachable by keyboard alone — without a tab stop, a\n          // keyboard-only user can't scroll a document whose overlays are\n          // non-interactive (axe `scrollable-region-focusable`). `tabIndex={0}`\n          // makes it focusable; the translated `aria-label` names it without\n          // adding a second `role=\"region\"` landmark (which would break the\n          // singular region lookups and landmark-uniqueness in consumers).\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- a scrollable region legitimately needs a keyboard tab stop (axe scrollable-region-focusable); role=\"region\" is deliberately avoided above.\n          tabIndex={0}\n          aria-label={t('pdf.pagesRegionLabel')}\n        >\n          {loaded ? (\n            Array.from({ length: loaded.numPages }, (_, i) => i + 1).map(\n              (pageNumber) => (\n                <PDFPage\n                  key={pageNumber}\n                  pageNumber={pageNumber}\n                  totalPages={loaded.numPages}\n                  doc={loaded.doc}\n                  zoom={zoom}\n                  pageRotation={pageRotation}\n                  renderPageOverlay={renderPageOverlay}\n                  overlayAccessible={overlayAccessible}\n                  container={pagesContainerRef.current}\n                  resizeTick={containerSizeTick}\n                  shouldRender={\n                    pageNumber >= visibleRange.start &&\n                    pageNumber <= visibleRange.end\n                  }\n                  registerRef={(el) => {\n                    pageArticleRefs.current[pageNumber - 1] = el;\n                  }}\n                  searchQuery={searchQuery}\n                  onMatchCount={(count) => {\n                    // Aggregate simplistically: sum across visible pages.\n                    setSearchMatches((prev) => {\n                      if (count === 0 && prev.total === 0) return prev;\n                      return {\n                        current: Math.min(prev.current || 1, count || 1),\n                        total: Math.max(prev.total, count),\n                      };\n                    });\n                  }}\n                />\n              ),\n            )\n          ) : (\n            <div className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[var(--muted-foreground)] ds:p-[var(--spacing-lg)]\">\n              <Spinner variant=\"pulse\" size=\"sm\" label={t('pdf.loading')} />\n              <span>{t('pdf.loading')}</span>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nPDFViewer.displayName = 'PDFViewer';\n\n/* ------------------------------------------------------------------ */\n/* PDFToolbar                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface PDFToolbarProps {\n  variant: 'full' | 'minimal';\n  currentPage: number;\n  numPages: number;\n  zoom: PDFZoomPreset;\n  onPrev: () => void;\n  onNext: () => void;\n  onJump: (page: number) => void;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onZoomPreset: (v: PDFZoomPreset) => void;\n  onOpenSearch: () => void;\n  onPrint: () => void;\n  searchOpen: boolean;\n  onSearchOpenChange: (v: boolean) => void;\n  searchQuery: string;\n  onSearchQueryChange: (v: string) => void;\n  searchMatches: { current: number; total: number };\n  register: (index: number) => (el: HTMLElement | null) => void;\n  focusIndex: number;\n  setFocusIndex: (n: number) => void;\n  onToolbarKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => void;\n  isRtl: boolean;\n}\n\nfunction PDFToolbar(props: PDFToolbarProps): ReactNode {\n  const { t } = useTranslation('ui');\n  const {\n    variant,\n    currentPage,\n    numPages,\n    zoom,\n    onPrev,\n    onNext,\n    onJump,\n    onZoomIn,\n    onZoomOut,\n    onZoomPreset,\n    onOpenSearch,\n    onPrint,\n    searchOpen,\n    onSearchOpenChange,\n    searchQuery,\n    onSearchQueryChange,\n    searchMatches,\n    register,\n    focusIndex,\n    setFocusIndex,\n    onToolbarKeyDown,\n  } = props;\n\n  // Minimal = zoom-only (read-only signing surface). The zoom cluster\n  // reindexes to 0–2 so the roving tabindex stays contiguous.\n  const minimal = variant === 'minimal';\n  const zoomOutIndex = minimal ? 0 : 3;\n  const zoomInIndex = minimal ? 1 : 4;\n  // The zoom-preset select (Fit width / Fit page / Actual size / %) is dropped\n  // in minimal — a signer just nudges zoom with − / +.\n  const zoomSelectIndex = 5;\n\n  const [pageInput, setPageInput] = useState(String(currentPage));\n  useEffect(() => {\n    setPageInput(String(currentPage));\n  }, [currentPage]);\n  const exitOnTab = useNonModalTabExit(true, {\n    getAnchor: findPopoverTrigger,\n    onReturnToTrigger: () => onSearchOpenChange(false),\n  });\n\n  const prevDisabled = currentPage <= 1;\n  const nextDisabled = currentPage >= numPages;\n\n  function commitPageInput(): void {\n    const parsed = Number(pageInput);\n    if (Number.isFinite(parsed) && parsed >= 1) {\n      onJump(Math.min(parsed, numPages));\n    } else {\n      setPageInput(String(currentPage));\n    }\n  }\n\n  function renderButton(opts: {\n    index: number;\n    /** The button's `data-action` hook. */\n    action: string;\n    label: string;\n    disabled?: boolean;\n    onActivate: () => void;\n    icon: ReactNode;\n  }): ReactNode {\n    return (\n      <button\n        type=\"button\"\n        ref={register(opts.index)}\n        data-action={opts.action}\n        tabIndex={opts.index === focusIndex ? 0 : -1}\n        onFocus={() => setFocusIndex(opts.index)}\n        onKeyDown={onToolbarKeyDown}\n        aria-label={opts.label}\n        aria-disabled={opts.disabled || undefined}\n        title={opts.label}\n        onClick={(event) => {\n          if (opts.disabled) {\n            event.preventDefault();\n            return;\n          }\n          opts.onActivate();\n        }}\n        className={toolbarButtonVariants()}\n      >\n        {opts.icon}\n      </button>\n    );\n  }\n\n  return (\n    <div\n      role=\"toolbar\"\n      aria-label={t('pdf.toolbarLabel')}\n      className={toolbarVariants()}\n    >\n      {!minimal && (\n        <>\n          {renderButton({\n            index: 0,\n            action: 'previous-page',\n            label: t('pdf.previousPage'),\n            disabled: prevDisabled,\n            onActivate: onPrev,\n            icon: (\n              <ChevronLeft\n                aria-hidden=\"true\"\n                className=\"ds:h-4 ds:w-4 ds:rtl:rotate-180\"\n              />\n            ),\n          })}\n\n          {renderButton({\n            index: 1,\n            action: 'next-page',\n            label: t('pdf.nextPage'),\n            disabled: nextDisabled,\n            onActivate: onNext,\n            icon: (\n              <ChevronRight\n                aria-hidden=\"true\"\n                className=\"ds:h-4 ds:w-4 ds:rtl:rotate-180\"\n              />\n            ),\n          })}\n\n          <input\n            type=\"number\"\n            min={1}\n            max={Math.max(numPages, 1)}\n            value={pageInput}\n            onChange={(e) => setPageInput(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.preventDefault();\n                commitPageInput();\n              }\n            }}\n            onBlur={commitPageInput}\n            onFocus={() => setFocusIndex(2)}\n            ref={register(2) as (el: HTMLInputElement | null) => void}\n            tabIndex={focusIndex === 2 ? 0 : -1}\n            aria-label={t('pdf.currentPageInput')}\n            className={pageInputVariants()}\n          />\n\n          <span\n            aria-hidden=\"true\"\n            className=\"type-body-sm ds:text-[var(--muted-foreground)]\"\n          >\n            {t('pdf.pageOf', { current: currentPage, total: numPages || 0 })}\n          </span>\n\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-block ds:h-6 ds:w-px ds:bg-[var(--border)] ds:ms-[var(--spacing-xs)] ds:me-[var(--spacing-xs)]\"\n          />\n        </>\n      )}\n\n      {renderButton({\n        index: zoomOutIndex,\n        action: 'zoom-out',\n        label: t('pdf.zoom.out'),\n        onActivate: onZoomOut,\n        icon: <ZoomOut aria-hidden=\"true\" className=\"ds:h-4 ds:w-4\" />,\n      })}\n\n      {renderButton({\n        index: zoomInIndex,\n        action: 'zoom-in',\n        label: t('pdf.zoom.in'),\n        onActivate: onZoomIn,\n        icon: <ZoomIn aria-hidden=\"true\" className=\"ds:h-4 ds:w-4\" />,\n      })}\n\n      {!minimal && (\n        <select\n          aria-label={t('pdf.zoom.preset')}\n          value={typeof zoom === 'number' ? String(zoom) : zoom}\n          onChange={(e) => {\n            const v = e.target.value;\n            if (v === 'fit-width' || v === 'fit-page' || v === 'actual-size') {\n              onZoomPreset(v);\n            } else {\n              const parsed = Number(v);\n              if (Number.isFinite(parsed)) onZoomPreset(parsed);\n            }\n          }}\n          ref={\n            register(zoomSelectIndex) as (el: HTMLSelectElement | null) => void\n          }\n          tabIndex={focusIndex === zoomSelectIndex ? 0 : -1}\n          onFocus={() => setFocusIndex(zoomSelectIndex)}\n          onKeyDown={onToolbarKeyDown}\n          className={zoomSelectVariants()}\n        >\n          <option value=\"fit-width\">{t('pdf.zoom.fitWidth')}</option>\n          <option value=\"fit-page\">{t('pdf.zoom.fitPage')}</option>\n          <option value=\"actual-size\">{t('pdf.zoom.actualSize')}</option>\n          {ZOOM_PRESETS.filter(isNumberZoom).map((n) => (\n            <option key={n} value={String(n)}>\n              {`${Math.round(n * 100)}%`}\n            </option>\n          ))}\n        </select>\n      )}\n\n      {!minimal && (\n        <>\n          <RadixPopover.Root\n            open={searchOpen}\n            onOpenChange={onSearchOpenChange}\n          >\n            <RadixPopover.Trigger asChild>\n              {renderButton({\n                index: 6,\n                action: 'open-search',\n                label: t('pdf.search.open'),\n                onActivate: onOpenSearch,\n                icon: <Search aria-hidden=\"true\" className=\"ds:h-4 ds:w-4\" />,\n              })}\n            </RadixPopover.Trigger>\n            <RadixPopover.Portal>\n              <RadixPopover.Content\n                sideOffset={8}\n                onKeyDown={exitOnTab}\n                className={[\n                  'ds:z-[var(--z-popover)]',\n                  'ds:max-w-[var(--radix-popover-content-available-width)]',\n                  'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n                  'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n                  'ds:shadow-[var(--shadow-lg)]',\n                  'ds:p-[var(--spacing-sm)]',\n                  'ds:flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                ].join(' ')}\n              >\n                <input\n                  type=\"search\"\n                  // eslint-disable-next-line jsx-a11y/no-autofocus -- focuses the search input when the toolbar opens to capture immediate typing\n                  autoFocus\n                  value={searchQuery}\n                  onChange={(e) => onSearchQueryChange(e.target.value)}\n                  placeholder={t('pdf.search.placeholder')}\n                  aria-label={t('pdf.search.placeholder')}\n                  className={searchInputVariants()}\n                />\n                <span\n                  aria-live=\"polite\"\n                  className=\"type-meta ds:text-[var(--muted-foreground)]\"\n                >\n                  {searchMatches.total > 0\n                    ? t('pdf.search.countOfTotal', {\n                        current: searchMatches.current,\n                        total: searchMatches.total,\n                      })\n                    : searchQuery\n                      ? t('pdf.search.noResults')\n                      : ''}\n                </span>\n                <RadixPopover.Close asChild>\n                  <button\n                    type=\"button\"\n                    data-action=\"close-search\"\n                    aria-label={t('pdf.search.close')}\n                    className={toolbarButtonVariants()}\n                  >\n                    <X aria-hidden=\"true\" className=\"ds:h-4 ds:w-4\" />\n                  </button>\n                </RadixPopover.Close>\n              </RadixPopover.Content>\n            </RadixPopover.Portal>\n          </RadixPopover.Root>\n\n          {renderButton({\n            index: 7,\n            action: 'print',\n            label: t('pdf.print'),\n            onActivate: onPrint,\n            icon: <Printer aria-hidden=\"true\" className=\"ds:h-4 ds:w-4\" />,\n          })}\n        </>\n      )}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* PDFPage — renders one canvas + text layer                            */\n/* ------------------------------------------------------------------ */\n\ninterface PDFPageProps {\n  pageNumber: number;\n  totalPages: number;\n  doc: PDFDocumentProxy;\n  zoom: PDFZoomPreset;\n  pageRotation: PDFPageRotation | undefined;\n  renderPageOverlay: ((args: PDFPageOverlayArgs) => ReactNode) | undefined;\n  /** The theme around the viewer is accessible: the overlay keeps it. */\n  overlayAccessible: boolean;\n  container: HTMLElement | null;\n  resizeTick: number;\n  shouldRender: boolean;\n  registerRef: (el: HTMLElement | null) => void;\n  searchQuery: string;\n  onMatchCount: (count: number) => void;\n}\n\nfunction PDFPage(props: PDFPageProps): ReactNode {\n  const {\n    pageNumber,\n    totalPages,\n    doc,\n    zoom,\n    pageRotation,\n    renderPageOverlay,\n    overlayAccessible,\n    container,\n    resizeTick,\n    shouldRender,\n    registerRef,\n    searchQuery,\n    onMatchCount,\n  } = props;\n  const { t } = useTranslation('ui');\n\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const textLayerRef = useRef<HTMLDivElement>(null);\n  const [dims, setDims] = useState<{ width: number; height: number }>({\n    width: 612,\n    height: 792,\n  });\n  const [pageProxy, setPageProxy] = useState<PDFPageProxy | null>(null);\n\n  /* Get the page proxy once */\n  useEffect(() => {\n    let cancelled = false;\n    doc.getPage(pageNumber).then((p) => {\n      if (!cancelled) setPageProxy(p);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [doc, pageNumber]);\n\n  /* Compute dimensions from viewport + zoom (+ optional rotation override) */\n  useEffect(() => {\n    if (!pageProxy) return;\n    // `getViewport` accepts an optional `rotation` that overrides the\n    // page's intrinsic `/Rotate`. Pass it through only when the\n    // consumer set `pageRotation` explicitly so the default path\n    // matches the previous behaviour byte-for-byte.\n    const viewportOpts = (scale: number) =>\n      pageRotation === undefined\n        ? { scale }\n        : { scale, rotation: pageRotation };\n    const baseViewport = pageProxy.getViewport(viewportOpts(1));\n    const scale = resolveScale(zoom, baseViewport, container);\n    const scaled = pageProxy.getViewport(viewportOpts(scale));\n    setDims({\n      width: Math.floor(scaled.width),\n      height: Math.floor(scaled.height),\n    });\n  }, [pageProxy, zoom, container, resizeTick, pageRotation]);\n\n  // Derived (not stored) so the overlay receives the correct rotation\n  // on the first render that has `pageProxy` — storing it as state\n  // would force a second pass through the reconciler before the\n  // overlay arg caught up. `pageRotation` (consumer override) wins;\n  // otherwise the page's intrinsic `/Rotate` (read from\n  // `pageProxy.rotate`). The `as unknown as { rotate?: number }`\n  // narrow is needed because `pdfjs-dist`'s public types don't yet\n  // expose `.rotate` on `PDFPageProxy` — TODO: remove the cast once\n  // upstream types ship it.\n  const effectiveRotation: PDFPageRotation =\n    pageRotation ??\n    (((pageProxy as unknown as { rotate?: number } | null)?.rotate ??\n      0) as PDFPageRotation);\n\n  /* Render the canvas + text layer when shouldRender flips on */\n  useEffect(() => {\n    if (!pageProxy || !shouldRender) {\n      // Release GPU memory if we've been culled.\n      const canvas = canvasRef.current;\n      if (canvas && !shouldRender) {\n        canvas.width = 0;\n      }\n      return undefined;\n    }\n\n    const canvas = canvasRef.current;\n    const textLayerEl = textLayerRef.current;\n    if (!canvas) return undefined;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return undefined;\n\n    const viewportOpts = (scale: number) =>\n      pageRotation === undefined\n        ? { scale }\n        : { scale, rotation: pageRotation };\n    const baseViewport = pageProxy.getViewport(viewportOpts(1));\n    const scale = resolveScale(zoom, baseViewport, container);\n    const viewport = pageProxy.getViewport(viewportOpts(scale));\n    const dpr = Math.max(1, window.devicePixelRatio || 1);\n\n    canvas.width = Math.floor(viewport.width * dpr);\n    canvas.height = Math.floor(viewport.height * dpr);\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n\n    const renderTask = pageProxy.render({\n      canvas,\n      canvasContext: ctx,\n      viewport,\n    });\n\n    let cancelled = false;\n    let textLayer: pdfjsLib.TextLayer | null = null;\n\n    renderTask.promise\n      .then(async () => {\n        if (cancelled || !textLayerEl) return;\n        // Clear prior runs before layering.\n        textLayerEl.textContent = '';\n        const textContent = await pageProxy.getTextContent();\n        if (cancelled) return;\n        textLayer = new pdfjsLib.TextLayer({\n          textContentSource: textContent,\n          container: textLayerEl,\n          viewport,\n        });\n        await textLayer.render();\n        // Highlight matches if a search query is active.\n        highlightMatches(textLayerEl, searchQuery, onMatchCount);\n      })\n      .catch(() => {\n        // Render cancelled mid-flight — nothing actionable.\n      });\n\n    return () => {\n      cancelled = true;\n      try {\n        renderTask.cancel();\n      } catch {\n        /* ignore */\n      }\n      if (textLayer) {\n        try {\n          textLayer.cancel();\n        } catch {\n          /* ignore */\n        }\n      }\n    };\n  }, [\n    pageProxy,\n    shouldRender,\n    zoom,\n    container,\n    resizeTick,\n    searchQuery,\n    onMatchCount,\n    pageRotation,\n  ]);\n\n  /* Re-run highlight when search query changes without re-rendering */\n  useEffect(() => {\n    if (!shouldRender) return;\n    const textLayerEl = textLayerRef.current;\n    if (!textLayerEl) return;\n    highlightMatches(textLayerEl, searchQuery, onMatchCount);\n  }, [searchQuery, shouldRender, onMatchCount]);\n\n  // Inline style — permitted per 23-constraints §Runtime-computed\n  // dimensions (PDF.js page viewport × devicePixelRatio). Wrapper height\n  // mirrors the canvas so scroll position stays stable even when the\n  // page is culled.\n  const canvasStyle: CSSProperties = {\n    width: dims.width,\n    height: dims.height,\n  };\n  const articleStyle: CSSProperties = {\n    width: dims.width,\n    height: dims.height,\n  };\n\n  return (\n    <article\n      ref={(el) => {\n        registerRef(el);\n      }}\n      data-page-number={pageNumber}\n      aria-label={t('pdf.pageOf', { current: pageNumber, total: totalPages })}\n      className={pageArticleVariants()}\n      // eslint-disable-next-line react/forbid-dom-props -- runtime-computed PDF page dimensions\n      style={articleStyle}\n    >\n      {/* eslint-disable-next-line react/forbid-dom-props -- runtime-computed canvas dimensions */}\n      <canvas ref={canvasRef} style={canvasStyle} />\n      <div\n        ref={textLayerRef}\n        aria-hidden=\"false\"\n        // Names the PDF.js text layer. Its spans are transparent\n        // reading-order text over the canvas, so a contrast check can\n        // leave out this layer and nothing else.\n        data-pdf-text-layer=\"\"\n        className={[\n          'ds:absolute ds:inset-0',\n          'ds:overflow-hidden',\n          'ds:select-text',\n          'ds:opacity-100',\n          'ds:[&>span]:absolute ds:[&>span]:whitespace-pre',\n          'ds:[&>span]:text-transparent ds:[&>span]:origin-[0_0]',\n          'ds:[&_[data-match=true]]:bg-[color-mix(in_srgb,var(--warning)_35%,transparent)]',\n          'ds:[&_[data-match=current]]:bg-[color-mix(in_srgb,var(--warning)_60%,transparent)]',\n        ].join(' ')}\n      />\n      {/* Consumer overlay layer — sits above canvas + text layer. Only  */}\n      {/* mounted while the page is inside the IntersectionObserver      */}\n      {/* buffer; unmounting tears down consumer-held timers / fetches   */}\n      {/* the same way the canvas releases GPU memory. Sized via the     */}\n      {/* article's `width`/`height` style, so it tracks zoom + rotation */}\n      {/* without a per-page ResizeObserver. `pointer-events: auto` is   */}\n      {/* on so consumer children can be interactive while the text      */}\n      {/* layer underneath remains selectable (transparent text spans).  */}\n      {/* It is a light theme root over the white page (see              */}\n      {/* `pageOverlayVariants`).                                        */}\n      {shouldRender && renderPageOverlay ? (\n        <div\n          // `role=\"group\"` + a translated `aria-label` give screen-reader\n          // users a stable landmark when interactive overlays exist on a\n          // page — without this, consumers' Buttons announce naked, with\n          // no cue that they belong to the page above. The label is\n          // translation-managed via the existing `pdf.*` namespace.\n          role=\"group\"\n          aria-label={t('pdf.pageOverlay', { page: pageNumber })}\n          className={pageOverlayVariants({ accessible: overlayAccessible })}\n          data-pdf-page-overlay=\"\"\n          data-page-number={pageNumber}\n        >\n          {renderPageOverlay({\n            pageNumber,\n            pageWidthCss: dims.width,\n            pageHeightCss: dims.height,\n            rotation: effectiveRotation,\n          })}\n        </div>\n      ) : null}\n    </article>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Search-highlight helper                                              */\n/* ------------------------------------------------------------------ */\n\n// Diacritic-insensitive, case-folding normaliser — mirrors the one in\n// command-palette so \"cafe\" matches \"café\" in the text layer.\nfunction normaliseForSearch(value: string): string {\n  return value\n    .normalize('NFKD')\n    .replace(/\\p{Diacritic}/gu, '')\n    .toLowerCase();\n}\n\nfunction highlightMatches(\n  container: HTMLElement,\n  query: string,\n  onCount: (count: number) => void,\n): void {\n  // Wipe prior highlights.\n  const prior = container.querySelectorAll('[data-match]');\n  prior.forEach((el) => {\n    (el as HTMLElement).removeAttribute('data-match');\n  });\n  if (!query) {\n    onCount(0);\n    return;\n  }\n  const normalisedQuery = normaliseForSearch(query);\n  if (!normalisedQuery) {\n    onCount(0);\n    return;\n  }\n  // Join span text into one stream so a query spanning wrapped spans still\n  // matches, then mark every span overlapping a match range.\n  const spans = Array.from(container.querySelectorAll<HTMLSpanElement>('span'));\n  const ranges: Array<{ start: number; end: number }> = [];\n  const chunks: string[] = [];\n  let cursor = 0;\n  for (const span of spans) {\n    const text = normaliseForSearch(span.textContent ?? '');\n    ranges.push({ start: cursor, end: cursor + text.length });\n    chunks.push(text);\n    cursor += text.length;\n  }\n  const joined = chunks.join('');\n  let matchCount = 0;\n  const matched = new Set<number>();\n  let from = 0;\n  while (from <= joined.length - normalisedQuery.length) {\n    const found = joined.indexOf(normalisedQuery, from);\n    if (found === -1) break;\n    matchCount += 1;\n    const matchEnd = found + normalisedQuery.length;\n    for (let i = 0; i < ranges.length; i++) {\n      const { start, end } = ranges[i];\n      if (start < matchEnd && end > found) matched.add(i);\n    }\n    from = matchEnd;\n  }\n  matched.forEach((i) => {\n    spans[i].setAttribute('data-match', 'true');\n  });\n  onCount(matchCount);\n}\n\nexport { toolbarButtonVariants, toolbarVariants, wrapperVariants };\n"],"names":["pdfViewerAgent","handle","args","pdfjsLib","pdfjsWorkerUrl","wrapperVariants","cva","toolbarVariants","toolbarButtonVariants","pageInputVariants","searchInputVariants","zoomSelectVariants","pagesContainerVariants","pageArticleVariants","pageOverlayVariants","ZOOM_PRESETS","isNumberZoom","z","isAccessibleTheme","element","resolveScale","zoom","viewport","container","style","padX","padY","availW","availH","baseW","baseH","PDFViewer","forwardRef","id","src","initialPage","initialZoom","pageRotation","renderPageOverlay","onPageChange","onLoadComplete","onError","toolbar","toolbarVariant","ariaLabel","className","ref","t","useTranslation","rawId","useId","viewerId","useMemo","isRtl","setIsRtl","useState","reducedMotion","setReducedMotion","useEffect","mql","sync","loaded","setLoaded","loadError","setLoadError","currentPage","setCurrentPage","setZoomState","visibleRange","setVisibleRange","announcement","setAnnouncement","searchOpen","setSearchOpen","searchQuery","setSearchQuery","searchMatches","setSearchMatches","onPageChangeRef","useRef","onLoadCompleteRef","onErrorRef","loadedRef","cancelled","baseOptions","task","doc","title","meta","info","next","_a","err","error","prev","rootRef","overlayAccessible","setOverlayAccessible","hasLoadError","root","observer","node","pagesContainerRef","pageArticleRefs","goToPage","useCallback","page","clamped","article","setZoom","internalPrint","search","query","agentStateRef","agentHandle","useImperativeHandle","useAgentRegistration","handleViewerKeyDown","event","mod","currentPageRef","visibility","entries","entry","pageAttr","n","best","bestRatio","minVisible","maxVisible","ratio","el","containerSizeTick","setContainerSizeTick","ro","v","toolbarButtonsRef","toolbarFocusIndex","setToolbarFocusIndex","registerToolbarButton","index","focusToolbarButton","btn","toolbarCount","handleToolbarKeyDown","forward","backward","jsx","Alert","jsxs","PDFToolbar","p","_","i","pageNumber","PDFPage","count","Spinner","props","variant","numPages","onPrev","onNext","onJump","onZoomIn","onZoomOut","onZoomPreset","onOpenSearch","onPrint","onSearchOpenChange","onSearchQueryChange","register","focusIndex","setFocusIndex","onToolbarKeyDown","minimal","zoomOutIndex","zoomInIndex","zoomSelectIndex","pageInput","setPageInput","exitOnTab","useNonModalTabExit","findPopoverTrigger","prevDisabled","nextDisabled","commitPageInput","parsed","renderButton","opts","Fragment","ChevronLeft","ChevronRight","e","ZoomOut","ZoomIn","RadixPopover","Search","X","Printer","totalPages","resizeTick","shouldRender","registerRef","onMatchCount","canvasRef","textLayerRef","dims","setDims","pageProxy","setPageProxy","viewportOpts","scale","baseViewport","scaled","effectiveRotation","canvas","textLayerEl","ctx","dpr","renderTask","textLayer","textContent","highlightMatches","canvasStyle","articleStyle","normaliseForSearch","value","onCount","normalisedQuery","spans","ranges","chunks","cursor","span","text","joined","matchCount","matched","from","found","matchEnd","start","end"],"mappings":"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"}

package/dist/_chunks/pin-entry-BugWQMOS.js

@@ -0,0 +1,219 @@
+import { jsxs as F, jsx as f } from "react/jsx-runtime";
+import { forwardRef as G, useContext as J, useId as Q, useRef as h, useCallback as X, useEffect as K, useReducer as Z, useMemo as $, useImperativeHandle as ee } from "react";
+import { c as w } from "./index-D2ZczOXr.js";
+import { useTranslation as te } from "react-i18next";
+import { u as se } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ne } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as ie, F as re, a as ae } from "./form-field-context-DtiROUJV.js";
+import { a as oe, K as de } from "./keypad-DBH_keVs.js";
+import { P as le, r as ce } from "./pin-indicator-Cb-n40UI.js";
+import { u as ue } from "./registry-DvAUVLHh.js";
+const pe = {
+  id: "pin-entry",
+  capabilities: [],
+  state: {
+    filledCount: {
+      type: "number",
+      descriptionKey: "ui.agent.pinEntry.state.filledCount",
+      description: "How many digits are typed. Never the digits themselves.",
+      read: (s) => s.getFilledCount()
+    },
+    length: {
+      type: "number",
+      descriptionKey: "ui.agent.pinEntry.state.length",
+      description: "How many digits the PIN has.",
+      read: (s) => s.getLength()
+    },
+    isComplete: {
+      type: "boolean",
+      descriptionKey: "ui.agent.pinEntry.state.isComplete",
+      description: "Whether every digit is typed.",
+      read: (s) => s.isComplete()
+    }
+  },
+  actions: {
+    clear: {
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.pinEntry.actions.clear",
+      description: "Empty the PIN. Loses the digits typed so far.",
+      invoke: (s) => {
+        s.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.pinEntry.actions.focus",
+      description: "Move keyboard focus to the PIN field, so physical digits type into it.",
+      invoke: (s) => {
+        s.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "pin-entry",
+      description: 'Marks the PIN control: a label, the PIN dots over a real password field (inputmode="none") and a Keypad.'
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, fe = w(
+  "ds:inline-flex ds:max-w-full ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)]"
+), me = w("type-label ds:text-foreground ds:text-center", {
+  variants: {
+    hidden: { true: "ds:sr-only", false: "" }
+  },
+  defaultVariants: { hidden: !1 }
+}), ge = w(
+  [
+    "ds:absolute ds:inset-0 ds:m-0 ds:size-full ds:cursor-pointer ds:appearance-none",
+    "ds:rounded-[var(--radius-md)] ds:border-0 ds:bg-transparent ds:p-0",
+    "ds:text-transparent ds:caret-transparent ds:selection:bg-transparent",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:disabled:cursor-not-allowed"
+  ].join(" ")
+);
+function b(s, m) {
+  return s.replace(/[٠-٩]/g, (a) => String(a.charCodeAt(0) - 1632)).replace(/[۰-۹]/g, (a) => String(a.charCodeAt(0) - 1776)).replace(/\D/g, "").slice(0, m);
+}
+const ye = G(
+  ({
+    length: s,
+    value: m,
+    defaultValue: a,
+    onChange: d,
+    onComplete: l,
+    label: L,
+    hideLabel: S = !1,
+    error: k = !1,
+    disabled: A = !1,
+    autoComplete: x = "current-password",
+    name: D,
+    bottomLeft: R,
+    autoFocus: E = !1,
+    size: V = "lg",
+    maskClassName: j = de,
+    id: g,
+    className: M,
+    "aria-describedby": B
+  }, H) => {
+    const { t: z } = te("ui"), t = ce(s), c = ie(), T = J(re) !== null, I = ae(c, g), _ = Q(), u = h(null), [q, N] = se({
+      value: m,
+      defaultValue: b(a ?? "", t)
+    }), n = b(q ?? "", t), i = h(n);
+    i.current = n;
+    const p = h(n.length === t), P = c.disabled || A, C = c.invalid || k, o = X(
+      (e) => {
+        const r = b(e, t);
+        r !== i.current && (i.current = r, N(r), d == null || d(r), r.length === t ? p.current || (p.current = !0, l == null || l(r)) : p.current = !1);
+      },
+      [t, d, l, N]
+    );
+    K(() => {
+      n.length < t && (p.current = !1);
+    }, [n, t]);
+    const [, O] = Z((e) => e + 1, 0);
+    ne(() => {
+      const e = u.current;
+      e && e.value !== n && (e.value = n);
+    }), K(() => {
+      var e;
+      E && ((e = u.current) == null || e.focus({ preventScroll: !0 }));
+    }, [E]);
+    const y = $(
+      () => ({
+        clear: () => o(""),
+        focus: () => {
+          var e;
+          return (e = u.current) == null ? void 0 : e.focus();
+        },
+        getFilledCount: () => i.current.length,
+        getLength: () => t,
+        isComplete: () => i.current.length === t
+      }),
+      [o, t]
+    );
+    ee(H, () => y, [y]), ue(pe, y, g);
+    const U = (e) => {
+      o(e.target.value), O();
+    }, v = x === "new-password", W = [B, c.describedBy].filter(Boolean).join(" ") || void 0, Y = !T;
+    return /* @__PURE__ */ F(
+      "div",
+      {
+        "data-component": "pin-entry",
+        "data-component-id": g,
+        className: fe({
+          className: [j, M].filter(Boolean).join(" ")
+        }),
+        children: [
+          Y ? /* @__PURE__ */ f(
+            "label",
+            {
+              id: _,
+              htmlFor: I,
+              className: me({ hidden: S }),
+              children: L ?? z("inputs.pinEntry.label", "PIN")
+            }
+          ) : null,
+          /* @__PURE__ */ F("div", { className: "ds:relative ds:inline-flex ds:min-h-[var(--min-target-size)] ds:max-w-full ds:min-w-0 ds:items-center ds:justify-center ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ f(
+              "input",
+              {
+                ref: u,
+                id: I,
+                type: "password",
+                inputMode: "none",
+                autoComplete: x,
+                name: D,
+                minLength: v ? t : void 0,
+                maxLength: v ? t : void 0,
+                pattern: v ? "[0-9]*" : void 0,
+                disabled: P,
+                "aria-invalid": C || void 0,
+                "aria-describedby": W,
+                spellCheck: !1,
+                autoCapitalize: "none",
+                autoCorrect: "off",
+                onChange: U,
+                className: ge()
+              }
+            ),
+            /* @__PURE__ */ f(
+              le,
+              {
+                length: t,
+                filled: n.length,
+                error: C,
+                className: "ds:pointer-events-none ds:relative"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ f(
+            oe,
+            {
+              size: V,
+              maskClassName: "",
+              disabled: P,
+              deleteDisabled: n.length === 0,
+              bottomLeft: R,
+              onDigit: (e) => o(i.current + e),
+              onDelete: () => o(i.current.slice(0, -1))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ye.displayName = "PinEntry";
+export {
+  ye as P
+};
+//# sourceMappingURL=pin-entry-BugWQMOS.js.map

package/dist/_chunks/pin-entry-BugWQMOS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin-entry-BugWQMOS.js","sources":["../../src/components/pin-entry/pin-entry.agent.ts","../../src/components/pin-entry/pin-entry.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PinEntry.                                              */\n/*                                                                        */\n/* A PIN is a secret: an agent may see how many digits are typed and     */\n/* clear or focus the field, but it can neither read nor type the PIN.   */\n/* So there is no `set_value` capability and no `value` state slot.      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PinEntryHandle } from './pin-entry';\n\nexport const pinEntryAgent: AgentAdapter<PinEntryHandle> = {\n  id: 'pin-entry',\n  capabilities: [],\n  state: {\n    filledCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.pinEntry.state.filledCount',\n      description: 'How many digits are typed. Never the digits themselves.',\n      read: (handle) => handle.getFilledCount(),\n    },\n    length: {\n      type: 'number',\n      descriptionKey: 'ui.agent.pinEntry.state.length',\n      description: 'How many digits the PIN has.',\n      read: (handle) => handle.getLength(),\n    },\n    isComplete: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.pinEntry.state.isComplete',\n      description: 'Whether every digit is typed.',\n      read: (handle) => handle.isComplete(),\n    },\n  },\n  actions: {\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.pinEntry.actions.clear',\n      description: 'Empty the PIN. Loses the digits typed so far.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.pinEntry.actions.focus',\n      description:\n        'Move keyboard focus to the PIN field, so physical digits type into it.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'pin-entry',\n      description:\n        'Marks the PIN control: a label, the PIN dots over a real password field (inputmode=\"none\") and a Keypad.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  type ChangeEvent,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport {\n  FormFieldContext,\n  useFormField,\n  useFormFieldControlId,\n} from '../form-field/form-field-context';\nimport { Keypad, KEYPAD_DEFAULT_MASK_CLASS } from '../keypad';\nimport { PinIndicator, resolvePinLength } from '../pin-indicator';\nimport { useAgentRegistration } from '../../agent';\nimport { pinEntryAgent } from './pin-entry.agent';\n\n/* -------------------------------------------------------------------- */\n/* PinEntry — PIN dots and the on-screen keypad, wired to a real field.  */\n/*                                                                        */\n/* The digits live in a real `<input type=\"password\">` laid under the    */\n/* dots: it takes focus (the dots row is its box, with the focus ring),  */\n/* physical digits, Backspace, paste and a password manager's fill.      */\n/* `inputmode=\"none\"` keeps the phone's own keyboard closed, so the      */\n/* on-screen keypad is the way in on a touch screen. Anything that is    */\n/* not a digit is dropped, so the field is read-only for everything     */\n/* else; it is not `readonly`, which would also refuse paste and fill.   */\n/*                                                                        */\n/* The PIN never sits in the markup: the field is uncontrolled and its   */\n/* value is written to the DOM property, never the `value` attribute     */\n/* (React copies a controlled value into the attribute, where a copied   */\n/* outerHTML, a CSS attribute selector or a session replay can read it), */\n/* as PasswordInput does. The root carries `maskClassName` (default      */\n/* `ph-no-capture`) so session replay and autocapture skip the keypad.   */\n/* -------------------------------------------------------------------- */\n\n/** Agent-readiness curated handle for PinEntry. It never exposes the PIN. */\nexport interface PinEntryHandle {\n  clear: () => void;\n  focus: () => void;\n  getFilledCount: () => number;\n  getLength: () => number;\n  isComplete: () => boolean;\n}\n\n// `max-w-full` (here and on the dot wrapper) gives the box a width limit. A\n// shrink-to-fit box counts its dots at their set size as its smallest width,\n// so without a limit the dots could never shrink inside a 320 px card.\nconst rootVariants = cva(\n  'ds:inline-flex ds:max-w-full ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)]',\n);\n\nconst labelVariants = cva('type-label ds:text-foreground ds:text-center', {\n  variants: {\n    hidden: { true: 'ds:sr-only', false: '' },\n  },\n  defaultVariants: { hidden: false },\n});\n\nconst fieldVariants = cva(\n  [\n    'ds:absolute ds:inset-0 ds:m-0 ds:size-full ds:cursor-pointer ds:appearance-none',\n    'ds:rounded-[var(--radius-md)] ds:border-0 ds:bg-transparent ds:p-0',\n    'ds:text-transparent ds:caret-transparent ds:selection:bg-transparent',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nfunction onlyDigits(raw: string, length: number): string {\n  return raw\n    .replace(/[٠-٩]/g, (c) => String(c.charCodeAt(0) - 0x0660))\n    .replace(/[۰-۹]/g, (c) => String(c.charCodeAt(0) - 0x06f0))\n    .replace(/\\D/g, '')\n    .slice(0, length);\n}\n\nexport interface PinEntryProps {\n  /** Number of digits, from 4 to 12. Default 8. */\n  length?: number;\n  /** Controlled digits. Pair with `onChange`. */\n  value?: string;\n  /** Uncontrolled initial digits. */\n  defaultValue?: string;\n  /** Fires with the digits after every change. */\n  onChange?: (value: string) => void;\n  /** Fires once when the last digit is typed. */\n  onComplete?: (value: string) => void;\n  /** Visible label above the dots. Default \"PIN\". Inside a `FormField` the\n   *  field's own label is used instead. */\n  label?: string;\n  /** Keep the label for assistive technology only, e.g. when the screen's\n   *  heading already says \"Enter your PIN\". Default `false`. */\n  hideLabel?: boolean;\n  /** Red dots, one shake, `aria-invalid`. Clear it when the person types\n   *  again. The message itself is the host's (a FormField error or an\n   *  Alert). */\n  error?: boolean;\n  disabled?: boolean;\n  /** `current-password` (default) to sign in, `new-password` to set one.\n   *  With `new-password` the field also carries `minlength`, `maxlength`\n   *  and `pattern=\"[0-9]*\"`, so a password manager that suggests a PIN\n   *  suggests one of the right shape. */\n  autoComplete?: 'current-password' | 'new-password';\n  /** Posts the digits under this name in a native form. */\n  name?: string;\n  /** The keypad's bottom-start cell, e.g. a \"Forgot your PIN?\" key. */\n  bottomLeft?: ReactNode;\n  /** Focus the field on mount. Default `false`. */\n  autoFocus?: boolean;\n  /** Keypad key size. Default `lg`. */\n  size?: 'md' | 'lg';\n  /**\n   * Privacy / observability seam, NOT a styling hook: the class (or\n   * space-separated classes) stamped on the root so session replay and\n   * analytics autocapture skip the whole control, keypad included.\n   * Default `ph-no-capture` (PostHog). Pass your own tool's marker, or\n   * `\"\"` only when nothing on the page records sessions or clicks.\n   */\n  maskClassName?: string;\n  /** Stable id: the field's id and `data-component-id`. */\n  id?: string;\n  className?: string;\n  'aria-describedby'?: string;\n}\n\n/**\n * The PIN screen's control: PIN dots over a real field and a 3 × 4 keypad.\n * Use it for every PIN; use `OTPInput` for SMS codes, which need the\n * phone's own keyboard for autofill.\n */\nexport const PinEntry = forwardRef<PinEntryHandle, PinEntryProps>(\n  (\n    {\n      length: lengthProp,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      label,\n      hideLabel = false,\n      error = false,\n      disabled = false,\n      autoComplete = 'current-password',\n      name,\n      bottomLeft,\n      autoFocus = false,\n      size = 'lg',\n      maskClassName = KEYPAD_DEFAULT_MASK_CLASS,\n      id,\n      className,\n      'aria-describedby': describedBy,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const length = resolvePinLength(lengthProp);\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n    const inputId = useFormFieldControlId(ctx, id);\n    const labelId = useId();\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [rawValue, setValue] = useControllableState<string>({\n      value,\n      defaultValue: onlyDigits(defaultValue ?? '', length),\n    });\n    const current = onlyDigits(rawValue ?? '', length);\n    const valueRef = useRef(current);\n    valueRef.current = current;\n    const completedRef = useRef(current.length === length);\n\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveError = ctx.invalid || error;\n\n    const commit = useCallback(\n      (next: string) => {\n        const digits = onlyDigits(next, length);\n        if (digits === valueRef.current) return;\n        valueRef.current = digits;\n        setValue(digits);\n        onChange?.(digits);\n        if (digits.length === length) {\n          if (!completedRef.current) {\n            completedRef.current = true;\n            onComplete?.(digits);\n          }\n        } else {\n          completedRef.current = false;\n        }\n      },\n      [length, onChange, onComplete, setValue],\n    );\n\n    // A host that empties a controlled value (after a wrong PIN) arms\n    // `onComplete` again for the next attempt.\n    useEffect(() => {\n      if (current.length < length) completedRef.current = false;\n    }, [current, length]);\n\n    // The field is uncontrolled: after every render, write the digits to\n    // the DOM property (never the attribute). A change that commits\n    // nothing new (a letter, a refused edit) asks for a render too, so the\n    // field is put back to the digits the component holds.\n    const [, requestSync] = useReducer((count: number) => count + 1, 0);\n    useIsomorphicLayoutEffect(() => {\n      const node = inputRef.current;\n      if (node && node.value !== current) node.value = current;\n    });\n\n    useEffect(() => {\n      if (autoFocus) inputRef.current?.focus({ preventScroll: true });\n    }, [autoFocus]);\n\n    const handle = useMemo<PinEntryHandle>(\n      () => ({\n        clear: () => commit(''),\n        focus: () => inputRef.current?.focus(),\n        getFilledCount: () => valueRef.current.length,\n        getLength: () => length,\n        isComplete: () => valueRef.current.length === length,\n      }),\n      [commit, length],\n    );\n    useImperativeHandle(ref, () => handle, [handle]);\n    useAgentRegistration(pinEntryAgent, handle, id);\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      commit(event.target.value);\n      requestSync();\n    };\n    const settingPin = autoComplete === 'new-password';\n\n    const describedByIds =\n      [describedBy, ctx.describedBy].filter(Boolean).join(' ') || undefined;\n    const showOwnLabel = !inFormField;\n\n    return (\n      <div\n        data-component=\"pin-entry\"\n        data-component-id={id}\n        className={rootVariants({\n          className: [maskClassName, className].filter(Boolean).join(' '),\n        })}\n      >\n        {showOwnLabel ? (\n          <label\n            id={labelId}\n            htmlFor={inputId}\n            className={labelVariants({ hidden: hideLabel })}\n          >\n            {label ?? t('inputs.pinEntry.label', 'PIN')}\n          </label>\n        ) : null}\n        <div className=\"ds:relative ds:inline-flex ds:min-h-[var(--min-target-size)] ds:max-w-full ds:min-w-0 ds:items-center ds:justify-center ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]\">\n          <input\n            ref={inputRef}\n            id={inputId}\n            type=\"password\"\n            inputMode=\"none\"\n            autoComplete={autoComplete}\n            name={name}\n            minLength={settingPin ? length : undefined}\n            maxLength={settingPin ? length : undefined}\n            pattern={settingPin ? '[0-9]*' : undefined}\n            disabled={effectiveDisabled}\n            aria-invalid={effectiveError || undefined}\n            aria-describedby={describedByIds}\n            spellCheck={false}\n            autoCapitalize=\"none\"\n            autoCorrect=\"off\"\n            onChange={handleChange}\n            className={fieldVariants()}\n          />\n          {/* Above the field so a password manager's fill colour stays\n              behind the dots; clicks pass through to the field. */}\n          <PinIndicator\n            length={length}\n            filled={current.length}\n            error={effectiveError}\n            className=\"ds:pointer-events-none ds:relative\"\n          />\n        </div>\n        <Keypad\n          size={size}\n          // The root already carries the mask; no second marker.\n          maskClassName=\"\"\n          disabled={effectiveDisabled}\n          deleteDisabled={current.length === 0}\n          bottomLeft={bottomLeft}\n          onDigit={(digit) => commit(valueRef.current + digit)}\n          onDelete={() => commit(valueRef.current.slice(0, -1))}\n        />\n      </div>\n    );\n  },\n);\n\nPinEntry.displayName = 'PinEntry';\n"],"names":["pinEntryAgent","handle","rootVariants","cva","labelVariants","fieldVariants","onlyDigits","raw","length","c","PinEntry","forwardRef","lengthProp","value","defaultValue","onChange","onComplete","label","hideLabel","error","disabled","autoComplete","name","bottomLeft","autoFocus","size","maskClassName","KEYPAD_DEFAULT_MASK_CLASS","id","className","describedBy","ref","t","useTranslation","resolvePinLength","ctx","useFormField","inFormField","useContext","FormFieldContext","inputId","useFormFieldControlId","labelId","useId","inputRef","useRef","rawValue","setValue","useControllableState","current","valueRef","completedRef","effectiveDisabled","effectiveError","commit","useCallback","next","digits","useEffect","requestSync","useReducer","count","useIsomorphicLayoutEffect","node","_a","useMemo","useImperativeHandle","useAgentRegistration","handleChange","event","settingPin","describedByIds","showOwnLabel","jsxs","jsx","PinIndicator","Keypad","digit"],"mappings":"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"}

package/dist/_chunks/pin-indicator-Cb-n40UI.js

@@ -0,0 +1,124 @@
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { c as i } from "./index-D2ZczOXr.js";
+import { useTranslation as g } from "react-i18next";
+const N = 4, h = 12, x = 8;
+function M(a) {
+  const s = typeof a == "number" && Number.isFinite(a) ? Math.floor(a) : x;
+  return Math.max(N, Math.min(h, s));
+}
+const _ = i(
+  [
+    // `px-px` leaves room for the filled dot's 1.1 scale, so the outer dots
+    // never push a 320 px container into a sideways scroll.
+    "ds:inline-flex ds:max-w-full ds:items-center ds:justify-center ds:px-px",
+    "ds:data-[state=error]:animate-[pin-indicator-shake_calc(var(--animation-duration)*2)_var(--ease-out)] ds:motion-reduce:animate-none"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:gap-[var(--spacing-sm)]",
+        md: "ds:gap-[var(--spacing-md)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), T = i(
+  [
+    // The dots give way before the gaps do, so 12 of them fit a 320 px
+    // container; the square shape follows the width. At normal widths
+    // nothing shrinks and the dots keep their full size.
+    "ds:block ds:aspect-square ds:h-auto ds:min-w-0 ds:shrink ds:rounded-[var(--radius-full)] ds:border-2",
+    "ds:transition-[background-color,border-color,scale] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:w-3",
+        md: "ds:w-4"
+      },
+      filled: {
+        true: "ds:scale-110 ds:forced-colors:bg-[CanvasText] ds:forced-colors:border-[CanvasText]",
+        false: "ds:bg-transparent ds:border-[color:var(--control-border)] ds:forced-colors:border-[CanvasText]"
+      },
+      tone: {
+        default: "",
+        error: ""
+      }
+    },
+    compoundVariants: [
+      {
+        filled: !0,
+        tone: "default",
+        className: "ds:bg-foreground ds:border-foreground"
+      },
+      {
+        filled: !0,
+        tone: "error",
+        className: "ds:bg-destructive ds:border-destructive"
+      },
+      {
+        filled: !1,
+        tone: "error",
+        className: "ds:border-destructive"
+      }
+    ],
+    defaultVariants: { size: "md", filled: !1, tone: "default" }
+  }
+), I = b(
+  ({
+    filled: a,
+    length: s,
+    error: o = !1,
+    size: d = "md",
+    announce: l = !0,
+    id: c,
+    className: m,
+    ...u
+  }, f) => {
+    const { t: p } = g("ui"), r = M(s), t = Math.max(0, Math.min(r, Math.floor(a || 0)));
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: f,
+        "data-component": "pin-indicator",
+        "data-component-id": c,
+        "data-state": o ? "error" : t === r ? "complete" : "idle",
+        "data-filled": t,
+        "data-length": r,
+        className: _({ size: d, className: m }),
+        ...u,
+        children: [
+          Array.from({ length: r }, (V, e) => /* @__PURE__ */ n(
+            "span",
+            {
+              "aria-hidden": "true",
+              "data-dot-id": e,
+              "data-filled": e < t ? "" : void 0,
+              className: T({
+                size: d,
+                filled: e < t,
+                tone: o ? "error" : "default"
+              })
+            },
+            e
+          )),
+          l ? /* @__PURE__ */ n("span", { "aria-live": "polite", "aria-atomic": "true", className: "ds:sr-only", children: p("inputs.pinIndicator.progress", {
+            filled: t,
+            total: r,
+            defaultValue: "Digits entered: {{filled}} of {{total}}"
+          }) }) : null
+        ]
+      }
+    );
+  }
+);
+I.displayName = "PinIndicator";
+export {
+  x as D,
+  h as M,
+  I as P,
+  N as a,
+  M as r
+};
+//# sourceMappingURL=pin-indicator-Cb-n40UI.js.map