@particle-academy/react-fancy 5.58.0 → 5.60.0

package/CHANGELOG.md

@@ -11,6 +11,90 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [5.60.0] - 2026-10-23
+
+### Added
+
+- **`ResizablePanels`: two panels with an accessible, draggable separator.**
+  Follows the W3C window-splitter pattern. Requested by a consumer (Maipa).
+  **Nothing to do:** it is a new component; import it from the barrel or from
+  `@particle-academy/react-fancy/resizable-panels`.
+  - `value` is the primary (first) panel's size as a **percentage** (0-100),
+    with `onValueChange`, or `defaultValue` (50) uncontrolled. Clamped to
+    `min` (10) / `max` (90), which are themselves clamped to 0-100.
+  - `onValueCommit` fires once per gesture (pointer release or cancel, key
+    release) and only if the value changed, so a host can persist a per-user
+    size without writing on every frame. The host owns persistence.
+  - `orientation` names the panel layout: `"horizontal"` (side by side, a
+    vertical separator moved with ArrowLeft / ArrowRight) or `"vertical"`
+    (stacked, ArrowUp / ArrowDown). `step` (5), Shift + Arrow `largeStep` (20),
+    Home / End to `min` / `max`.
+  - The separator is `role="separator"` with `aria-valuenow/min/max`,
+    `aria-orientation`, `aria-controls` (the primary panel), `aria-label`
+    (`label` prop) and a tab stop with a `--fancy-focus` ring. Pointer and touch
+    drags use pointer capture. `disabled` freezes it.
+  - Handles: `data-react-fancy-resizable-panels` (with `data-orientation`,
+    `data-dragging`, `data-disabled`), `-panel="first" | "second"`,
+    `-separator`. New exported types `ResizablePanelsProps`,
+    `ResizablePanelsOrientation`.
+
+### Fixed
+
+- **`FileUpload.Dropzone` is reachable by keyboard.** The zone was a clickable
+  div around a hidden file input with no tab stop, role or key handler, so a
+  keyboard or switch user could not open the file picker at all. Found by a
+  consumer (Maipa) on 5.59.0. **Nothing to do:** the default zone looks the
+  same, and `value` / `onChange`, `accept`, `multiple`, `maxFiles`, `maxSize`
+  and drag-and-drop are unchanged.
+  - The zone now holds a native `<button type="button">`
+    (`data-react-fancy-file-upload-browse`); Tab reaches it and Enter / Space
+    open the picker. On the default zone it wraps the icon and copy, so the
+    visible text is its name; with custom `children` it is visually hidden and
+    named "Browse files". While it has keyboard focus the zone draws a solid
+    2px `--fancy-focus` ring at full opacity with a 2px offset (gap painted
+    with `--fancy-surface`), so it meets WCAG 2.2's 3:1 for focus indicators
+    in light and dark. Hover is unchanged.
+  - New `browseLabel` prop on `FileUpload.Dropzone` overrides the button's
+    accessible name.
+  - `disabled` disables the button (not focusable, not activatable) and sets
+    `aria-disabled="true"` on the zone. The zone also carries `data-disabled`
+    and `data-drag-over`.
+  - The hidden input has an `id` the button names in `aria-controls`, an
+    `aria-label`, and `tabIndex={-1}`.
+  - The default copy is now a `<span>` inside the button rather than a `<p>`;
+    a stylesheet that targeted `[data-react-fancy-file-upload-dropzone] p`
+    should target the span instead.
+
+## [5.59.0] - 2026-10-23
+
+### Added
+
+- **`PdfViewer` shows a page that failed to load (page-image mode).** Until
+  now a page whose image the server refused (a 422 incomplete render, a 413,
+  a 404 for a revoked file) left the browser's broken-image icon in a white
+  box. Found by a consumer serving real macOS PDFs. **Nothing to do:** a page
+  that loads renders exactly as before.
+  - A failed page shows "Page N couldn't be shown." and a **Retry** button, at
+    the page's own size, as `role="alert"`. The page carries
+    `data-state="error"`, the panel `data-react-fancy-pdf-viewer-page-error`,
+    the button `data-react-fancy-pdf-viewer-page-retry`. The watermark still
+    covers it.
+  - Retry requests the SAME url again; it never adds a query string, so a
+    signed URL stays valid. A new url for the page (a sharper zoom bucket)
+    tries again by itself.
+  - `onPageError(page, { scale, url })` reports each failure. An `<img>`
+    cannot see the HTTP status, so 422 / 413 / 404 all arrive alike.
+  - `renderPageError({ page, scale, url, retry })` replaces the default
+    message, inside the same handle. New exported type `PdfPageErrorContext`.
+  - Verified in Chrome in light, `.dark` and `[data-theme="dark"]` against a
+    real 404.
+
+### Fixed
+
+- `TimeGrid`'s `windowColumns` doc comment said the hidden width was held by
+  spacers. It is held by fixed full-grid column tracks; the comment now says
+  so. Documentation only.
+
 ## [5.58.0] - 2026-10-22
 
 ### Added

package/dist/{PdfViewer.types-DyoUBa2g.d.cts → PdfViewer.types-BRtcZt-X.d.cts}

@@ -1,5 +1,5 @@
 import { F as FauxClientProps } from './FauxClient.types-Dtk9aRs6.cjs';
-import { CSSProperties } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 
 /**
  * Pages the APP rendered to images, behind its own auth. With this the viewer
@@ -53,6 +53,17 @@ interface PdfViewerWatermark {
     /** Repeats per area; 2 tiles twice as tightly. Default 1. */
     density?: number;
 }
+/** Passed to `renderPageError` for a page whose image failed to load. */
+interface PdfPageErrorContext {
+    /** 1-based page number. */
+    page: number;
+    /** The resolution bucket that was requested. */
+    scale: number;
+    /** The URL that failed, as `pages.url` returned it. */
+    url: string;
+    /** Request the same URL again. */
+    retry: () => void;
+}
 interface PdfViewerProps {
     /**
      * Show the PDF in react-fancy's `FauxClient` frame with a full-screen button,
@@ -86,6 +97,21 @@ interface PdfViewerProps {
     policy?: PdfViewerPolicy;
     /** A tiled overlay over every page (page-image mode). Removable with devtools; burn it in server-side when it must hold. */
     watermark?: PdfViewerWatermark;
+    /**
+     * A page image failed to load (page-image mode): the server refused it or
+     * the network did. An `<img>` cannot see the HTTP status, so a 422, 413 or
+     * 404 all arrive here alike. Log it, or look the page up yourself.
+     */
+    onPageError?: (page: number, info: {
+        scale: number;
+        url: string;
+    }) => void;
+    /**
+     * What a failed page shows instead of the default "This page couldn't be
+     * shown" message and Retry button (page-image mode). Drawn inside the page's
+     * own box, at its size.
+     */
+    renderPageError?: (ctx: PdfPageErrorContext) => ReactNode;
     /** Accessible title for the document (default `"PDF document"`). */
     title?: string;
     /** Additional CSS classes for the container. */
@@ -94,4 +120,4 @@ interface PdfViewerProps {
     style?: CSSProperties;
 }
 
-export type { PdfPageSource as P, PdfViewerPolicy as a, PdfViewerProps as b, PdfViewerWatermark as c };
+export type { PdfPageErrorContext as P, PdfPageSource as a, PdfViewerPolicy as b, PdfViewerProps as c, PdfViewerWatermark as d };

package/dist/{PdfViewer.types-BEk2Jq6p.d.ts → PdfViewer.types-sM52m3OI.d.ts}

@@ -1,5 +1,5 @@
 import { F as FauxClientProps } from './FauxClient.types-Dtk9aRs6.js';
-import { CSSProperties } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 
 /**
  * Pages the APP rendered to images, behind its own auth. With this the viewer
@@ -53,6 +53,17 @@ interface PdfViewerWatermark {
     /** Repeats per area; 2 tiles twice as tightly. Default 1. */
     density?: number;
 }
+/** Passed to `renderPageError` for a page whose image failed to load. */
+interface PdfPageErrorContext {
+    /** 1-based page number. */
+    page: number;
+    /** The resolution bucket that was requested. */
+    scale: number;
+    /** The URL that failed, as `pages.url` returned it. */
+    url: string;
+    /** Request the same URL again. */
+    retry: () => void;
+}
 interface PdfViewerProps {
     /**
      * Show the PDF in react-fancy's `FauxClient` frame with a full-screen button,
@@ -86,6 +97,21 @@ interface PdfViewerProps {
     policy?: PdfViewerPolicy;
     /** A tiled overlay over every page (page-image mode). Removable with devtools; burn it in server-side when it must hold. */
     watermark?: PdfViewerWatermark;
+    /**
+     * A page image failed to load (page-image mode): the server refused it or
+     * the network did. An `<img>` cannot see the HTTP status, so a 422, 413 or
+     * 404 all arrive here alike. Log it, or look the page up yourself.
+     */
+    onPageError?: (page: number, info: {
+        scale: number;
+        url: string;
+    }) => void;
+    /**
+     * What a failed page shows instead of the default "This page couldn't be
+     * shown" message and Retry button (page-image mode). Drawn inside the page's
+     * own box, at its size.
+     */
+    renderPageError?: (ctx: PdfPageErrorContext) => ReactNode;
     /** Accessible title for the document (default `"PDF document"`). */
     title?: string;
     /** Additional CSS classes for the container. */
@@ -94,4 +120,4 @@ interface PdfViewerProps {
     style?: CSSProperties;
 }
 
-export type { PdfPageSource as P, PdfViewerPolicy as a, PdfViewerProps as b, PdfViewerWatermark as c };
+export type { PdfPageErrorContext as P, PdfPageSource as a, PdfViewerPolicy as b, PdfViewerProps as c, PdfViewerWatermark as d };

package/dist/{chunk-MTTRPPHH.js → chunk-5PHPJL7Z.js}

@@ -1,5 +1,5 @@
 import { VideoViewer } from './chunk-VOGI7GX3.js';
-import { PdfViewer } from './chunk-MORXQ5UM.js';
+import { PdfViewer } from './chunk-CS2ZYMYP.js';
 import { ImageViewer } from './chunk-ICMLLZKZ.js';
 import { AudioViewer } from './chunk-2OMA3O63.js';
 import { cn } from './chunk-MMW2JGKZ.js';
@@ -226,5 +226,5 @@ var MediaViewer = forwardRef(
 MediaViewer.displayName = "MediaViewer";
 
 export { MediaViewer, resolveMediaType };
-//# sourceMappingURL=chunk-MTTRPPHH.js.map
-//# sourceMappingURL=chunk-MTTRPPHH.js.map
+//# sourceMappingURL=chunk-5PHPJL7Z.js.map
+//# sourceMappingURL=chunk-5PHPJL7Z.js.map

package/dist/{chunk-MTTRPPHH.js.map → chunk-5PHPJL7Z.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/media-type.ts","../src/components/MediaViewer/MediaFallback.tsx","../src/components/MediaViewer/MediaViewer.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-MTTRPPHH.js","sourcesContent":["/**\n * Resolve what kind of media a source is, from its MIME type (preferred) or its\n * URL — a file extension, or the type embedded in a `data:` URI.\n *\n * Shared by `<MediaViewer>` to pick the right per-type viewer, and exported so\n * downstream packages (e.g. fancy-code's file viewer) can make the same\n * text-vs-media decision without re-deriving the table.\n */\n\nexport type MediaKind = \"image\" | \"video\" | \"audio\" | \"pdf\" | \"unknown\";\n\nexport interface ResolveMediaTypeInput {\n  /** MIME type — preferred when known (e.g. `\"image/png\"`, `\"video/mp4\"`). */\n  mime?: string | null;\n  /**\n   * Source URL — used to sniff the kind from a file extension, or from the type\n   * embedded in a `data:` URI, when no `mime` is given. `http(s):` / `data:` /\n   * `blob:` are all accepted (a bare `blob:` URL carries no type, so pass\n   * `mime` alongside it).\n   */\n  src?: string | null;\n}\n\nconst IMAGE_EXTS = new Set([\n  \"png\", \"jpg\", \"jpeg\", \"jfif\", \"pjpeg\", \"gif\", \"webp\", \"avif\", \"bmp\", \"ico\",\n  \"cur\", \"svg\", \"svgz\", \"apng\", \"tif\", \"tiff\", \"heic\", \"heif\",\n]);\nconst VIDEO_EXTS = new Set([\n  \"mp4\", \"m4v\", \"webm\", \"ogv\", \"ogm\", \"mov\", \"mkv\", \"avi\", \"wmv\", \"flv\", \"3gp\",\n  \"3g2\", \"mpg\", \"mpeg\",\n]);\nconst AUDIO_EXTS = new Set([\n  \"mp3\", \"wav\", \"wave\", \"ogg\", \"oga\", \"m4a\", \"m4b\", \"aac\", \"flac\", \"opus\",\n  \"weba\", \"mid\", \"midi\", \"aiff\", \"aif\",\n]);\n\n/** Map a (possibly parameterized) MIME type to a media kind. */\nfunction mimeToKind(mime: string): MediaKind {\n  // Strip any parameters (`; charset=…`) and normalize.\n  const m = mime.toLowerCase().split(\";\")[0].trim();\n  if (!m) return \"unknown\";\n  if (m === \"application/pdf\" || m === \"application/x-pdf\") return \"pdf\";\n  if (m.startsWith(\"image/\")) return \"image\";\n  if (m.startsWith(\"video/\")) return \"video\";\n  if (m.startsWith(\"audio/\")) return \"audio\";\n  // `application/ogg` is audio in practice; treat it as such.\n  if (m === \"application/ogg\") return \"audio\";\n  return \"unknown\";\n}\n\n/** Map a bare file extension (no leading dot) to a media kind. */\nfunction extToKind(ext: string): MediaKind {\n  const e = ext.toLowerCase();\n  if (e === \"pdf\") return \"pdf\";\n  if (IMAGE_EXTS.has(e)) return \"image\";\n  if (VIDEO_EXTS.has(e)) return \"video\";\n  if (AUDIO_EXTS.has(e)) return \"audio\";\n  return \"unknown\";\n}\n\n/** Pull the file extension out of a URL, ignoring its query/hash. */\nfunction extFromSrc(src: string): string | null {\n  const clean = src.split(/[?#]/, 1)[0];\n  const lastSeg = clean.split(\"/\").pop() ?? \"\";\n  const dot = lastSeg.lastIndexOf(\".\");\n  if (dot <= 0 || dot === lastSeg.length - 1) return null;\n  return lastSeg.slice(dot + 1);\n}\n\n/** Extract the MIME type embedded in a `data:` URI, if present. */\nfunction mimeFromDataUri(src: string): string | null {\n  if (!/^data:/i.test(src)) return null;\n  const header = src.slice(5).split(\",\", 1)[0]; // text after `data:`, before the comma\n  const mt = header.split(\";\")[0].trim();\n  return mt || null;\n}\n\n/**\n * Resolve a {@link MediaKind} from a MIME type and/or source URL. MIME wins\n * when it's conclusive; otherwise the `src` is sniffed (a `data:` URI's\n * embedded type first, then the file extension). Returns `\"unknown\"` when\n * nothing matches — callers treat that as \"not previewable media\" (e.g. text).\n */\nexport function resolveMediaType({ mime, src }: ResolveMediaTypeInput): MediaKind {\n  if (mime) {\n    const k = mimeToKind(mime);\n    if (k !== \"unknown\") return k;\n  }\n  if (src) {\n    const dataMime = mimeFromDataUri(src);\n    if (dataMime) {\n      const k = mimeToKind(dataMime);\n      if (k !== \"unknown\") return k;\n    }\n    const ext = extFromSrc(src);\n    if (ext) return extToKind(ext);\n  }\n  return \"unknown\";\n}\n","import { cn } from \"../../utils/cn\";\n\ninterface MediaFallbackProps {\n  src: string;\n  mime?: string;\n  label?: string;\n  className?: string;\n}\n\n/** Filename guess from a URL, ignoring query/hash and `data:`/`blob:` URLs. */\nfunction basename(src: string): string | null {\n  if (/^(data|blob):/i.test(src)) return null;\n  const seg = src.split(/[?#]/, 1)[0].split(\"/\").pop();\n  return seg ? decodeURIComponent(seg) : null;\n}\n\n/**\n * Shown by `<MediaViewer>` when a source isn't a previewable media type — a\n * small themed card naming the file and offering a download.\n */\nexport function MediaFallback({ src, mime, label, className }: MediaFallbackProps) {\n  const name = label || basename(src);\n  return (\n    <div\n      data-react-fancy-media-fallback=\"\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-2 rounded-lg border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-6 text-center dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\",\n        className,\n      )}\n    >\n      <span className=\"text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n        No preview available\n      </span>\n      {(name || mime) && (\n        <span className=\"max-w-full truncate text-xs text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\">\n          {name}\n          {name && mime ? \" · \" : \"\"}\n          {mime}\n        </span>\n      )}\n      <a\n        href={src}\n        download={name ?? undefined}\n        className=\"text-xs font-medium text-blue-600 hover:underline dark:text-blue-400\"\n      >\n        Download\n      </a>\n    </div>\n  );\n}\n","import { forwardRef } from \"react\";\nimport { resolveMediaType } from \"../../utils/media-type\";\nimport { ImageViewer } from \"../ImageViewer\";\nimport { VideoViewer } from \"../VideoViewer\";\nimport { AudioViewer } from \"../AudioViewer\";\nimport { PdfViewer } from \"../PdfViewer\";\nimport { MediaFallback } from \"./MediaFallback\";\nimport type { MediaViewerProps } from \"./MediaViewer.types\";\n\n/**\n * Renders the right viewer for a media file, picked from its `mime` (preferred)\n * or `src` — image, video, audio, or PDF — and a download fallback for anything\n * else. SVG renders through `<ImageViewer>`. The single entry point for showing\n * a file from a tree/workspace when you don't know its type ahead of time.\n *\n * ```tsx\n * <MediaViewer src={url} mime=\"image/png\" alt=\"logo.png\" style={{ height: 320 }} />\n * ```\n */\nexport const MediaViewer = forwardRef<HTMLDivElement, MediaViewerProps>(\n  (\n    {\n      src,\n      mime,\n      alt,\n      kind,\n      imageProps,\n      videoProps,\n      audioProps,\n      pdfProps,\n      fallback,\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const resolved = kind ?? resolveMediaType({ mime, src });\n\n    switch (resolved) {\n      case \"image\":\n        return (\n          <ImageViewer\n            ref={ref}\n            src={src}\n            alt={alt ?? \"\"}\n            onError={onError}\n            className={className}\n            style={style}\n            {...imageProps}\n          />\n        );\n      case \"video\":\n        return (\n          <VideoViewer\n            ref={ref}\n            src={src}\n            onError={onError}\n            className={className}\n            style={style}\n            {...videoProps}\n          />\n        );\n      case \"audio\":\n        return (\n          <AudioViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            onError={onError}\n            className={className}\n            style={style}\n            {...audioProps}\n          />\n        );\n      case \"pdf\":\n        return (\n          <PdfViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            className={className}\n            style={style}\n            {...pdfProps}\n          />\n        );\n      default:\n        return (\n          <div\n            ref={ref}\n            data-react-fancy-media-viewer=\"\"\n            className={className}\n            style={style}\n          >\n            {fallback ?? <MediaFallback src={src} mime={mime} label={alt} />}\n          </div>\n        );\n    }\n  },\n);\n\nMediaViewer.displayName = \"MediaViewer\";\n"]}
+{"version":3,"sources":["../src/utils/media-type.ts","../src/components/MediaViewer/MediaFallback.tsx","../src/components/MediaViewer/MediaViewer.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-5PHPJL7Z.js","sourcesContent":["/**\n * Resolve what kind of media a source is, from its MIME type (preferred) or its\n * URL — a file extension, or the type embedded in a `data:` URI.\n *\n * Shared by `<MediaViewer>` to pick the right per-type viewer, and exported so\n * downstream packages (e.g. fancy-code's file viewer) can make the same\n * text-vs-media decision without re-deriving the table.\n */\n\nexport type MediaKind = \"image\" | \"video\" | \"audio\" | \"pdf\" | \"unknown\";\n\nexport interface ResolveMediaTypeInput {\n  /** MIME type — preferred when known (e.g. `\"image/png\"`, `\"video/mp4\"`). */\n  mime?: string | null;\n  /**\n   * Source URL — used to sniff the kind from a file extension, or from the type\n   * embedded in a `data:` URI, when no `mime` is given. `http(s):` / `data:` /\n   * `blob:` are all accepted (a bare `blob:` URL carries no type, so pass\n   * `mime` alongside it).\n   */\n  src?: string | null;\n}\n\nconst IMAGE_EXTS = new Set([\n  \"png\", \"jpg\", \"jpeg\", \"jfif\", \"pjpeg\", \"gif\", \"webp\", \"avif\", \"bmp\", \"ico\",\n  \"cur\", \"svg\", \"svgz\", \"apng\", \"tif\", \"tiff\", \"heic\", \"heif\",\n]);\nconst VIDEO_EXTS = new Set([\n  \"mp4\", \"m4v\", \"webm\", \"ogv\", \"ogm\", \"mov\", \"mkv\", \"avi\", \"wmv\", \"flv\", \"3gp\",\n  \"3g2\", \"mpg\", \"mpeg\",\n]);\nconst AUDIO_EXTS = new Set([\n  \"mp3\", \"wav\", \"wave\", \"ogg\", \"oga\", \"m4a\", \"m4b\", \"aac\", \"flac\", \"opus\",\n  \"weba\", \"mid\", \"midi\", \"aiff\", \"aif\",\n]);\n\n/** Map a (possibly parameterized) MIME type to a media kind. */\nfunction mimeToKind(mime: string): MediaKind {\n  // Strip any parameters (`; charset=…`) and normalize.\n  const m = mime.toLowerCase().split(\";\")[0].trim();\n  if (!m) return \"unknown\";\n  if (m === \"application/pdf\" || m === \"application/x-pdf\") return \"pdf\";\n  if (m.startsWith(\"image/\")) return \"image\";\n  if (m.startsWith(\"video/\")) return \"video\";\n  if (m.startsWith(\"audio/\")) return \"audio\";\n  // `application/ogg` is audio in practice; treat it as such.\n  if (m === \"application/ogg\") return \"audio\";\n  return \"unknown\";\n}\n\n/** Map a bare file extension (no leading dot) to a media kind. */\nfunction extToKind(ext: string): MediaKind {\n  const e = ext.toLowerCase();\n  if (e === \"pdf\") return \"pdf\";\n  if (IMAGE_EXTS.has(e)) return \"image\";\n  if (VIDEO_EXTS.has(e)) return \"video\";\n  if (AUDIO_EXTS.has(e)) return \"audio\";\n  return \"unknown\";\n}\n\n/** Pull the file extension out of a URL, ignoring its query/hash. */\nfunction extFromSrc(src: string): string | null {\n  const clean = src.split(/[?#]/, 1)[0];\n  const lastSeg = clean.split(\"/\").pop() ?? \"\";\n  const dot = lastSeg.lastIndexOf(\".\");\n  if (dot <= 0 || dot === lastSeg.length - 1) return null;\n  return lastSeg.slice(dot + 1);\n}\n\n/** Extract the MIME type embedded in a `data:` URI, if present. */\nfunction mimeFromDataUri(src: string): string | null {\n  if (!/^data:/i.test(src)) return null;\n  const header = src.slice(5).split(\",\", 1)[0]; // text after `data:`, before the comma\n  const mt = header.split(\";\")[0].trim();\n  return mt || null;\n}\n\n/**\n * Resolve a {@link MediaKind} from a MIME type and/or source URL. MIME wins\n * when it's conclusive; otherwise the `src` is sniffed (a `data:` URI's\n * embedded type first, then the file extension). Returns `\"unknown\"` when\n * nothing matches — callers treat that as \"not previewable media\" (e.g. text).\n */\nexport function resolveMediaType({ mime, src }: ResolveMediaTypeInput): MediaKind {\n  if (mime) {\n    const k = mimeToKind(mime);\n    if (k !== \"unknown\") return k;\n  }\n  if (src) {\n    const dataMime = mimeFromDataUri(src);\n    if (dataMime) {\n      const k = mimeToKind(dataMime);\n      if (k !== \"unknown\") return k;\n    }\n    const ext = extFromSrc(src);\n    if (ext) return extToKind(ext);\n  }\n  return \"unknown\";\n}\n","import { cn } from \"../../utils/cn\";\n\ninterface MediaFallbackProps {\n  src: string;\n  mime?: string;\n  label?: string;\n  className?: string;\n}\n\n/** Filename guess from a URL, ignoring query/hash and `data:`/`blob:` URLs. */\nfunction basename(src: string): string | null {\n  if (/^(data|blob):/i.test(src)) return null;\n  const seg = src.split(/[?#]/, 1)[0].split(\"/\").pop();\n  return seg ? decodeURIComponent(seg) : null;\n}\n\n/**\n * Shown by `<MediaViewer>` when a source isn't a previewable media type — a\n * small themed card naming the file and offering a download.\n */\nexport function MediaFallback({ src, mime, label, className }: MediaFallbackProps) {\n  const name = label || basename(src);\n  return (\n    <div\n      data-react-fancy-media-fallback=\"\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-2 rounded-lg border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-6 text-center dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\",\n        className,\n      )}\n    >\n      <span className=\"text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n        No preview available\n      </span>\n      {(name || mime) && (\n        <span className=\"max-w-full truncate text-xs text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\">\n          {name}\n          {name && mime ? \" · \" : \"\"}\n          {mime}\n        </span>\n      )}\n      <a\n        href={src}\n        download={name ?? undefined}\n        className=\"text-xs font-medium text-blue-600 hover:underline dark:text-blue-400\"\n      >\n        Download\n      </a>\n    </div>\n  );\n}\n","import { forwardRef } from \"react\";\nimport { resolveMediaType } from \"../../utils/media-type\";\nimport { ImageViewer } from \"../ImageViewer\";\nimport { VideoViewer } from \"../VideoViewer\";\nimport { AudioViewer } from \"../AudioViewer\";\nimport { PdfViewer } from \"../PdfViewer\";\nimport { MediaFallback } from \"./MediaFallback\";\nimport type { MediaViewerProps } from \"./MediaViewer.types\";\n\n/**\n * Renders the right viewer for a media file, picked from its `mime` (preferred)\n * or `src` — image, video, audio, or PDF — and a download fallback for anything\n * else. SVG renders through `<ImageViewer>`. The single entry point for showing\n * a file from a tree/workspace when you don't know its type ahead of time.\n *\n * ```tsx\n * <MediaViewer src={url} mime=\"image/png\" alt=\"logo.png\" style={{ height: 320 }} />\n * ```\n */\nexport const MediaViewer = forwardRef<HTMLDivElement, MediaViewerProps>(\n  (\n    {\n      src,\n      mime,\n      alt,\n      kind,\n      imageProps,\n      videoProps,\n      audioProps,\n      pdfProps,\n      fallback,\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const resolved = kind ?? resolveMediaType({ mime, src });\n\n    switch (resolved) {\n      case \"image\":\n        return (\n          <ImageViewer\n            ref={ref}\n            src={src}\n            alt={alt ?? \"\"}\n            onError={onError}\n            className={className}\n            style={style}\n            {...imageProps}\n          />\n        );\n      case \"video\":\n        return (\n          <VideoViewer\n            ref={ref}\n            src={src}\n            onError={onError}\n            className={className}\n            style={style}\n            {...videoProps}\n          />\n        );\n      case \"audio\":\n        return (\n          <AudioViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            onError={onError}\n            className={className}\n            style={style}\n            {...audioProps}\n          />\n        );\n      case \"pdf\":\n        return (\n          <PdfViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            className={className}\n            style={style}\n            {...pdfProps}\n          />\n        );\n      default:\n        return (\n          <div\n            ref={ref}\n            data-react-fancy-media-viewer=\"\"\n            className={className}\n            style={style}\n          >\n            {fallback ?? <MediaFallback src={src} mime={mime} label={alt} />}\n          </div>\n        );\n    }\n  },\n);\n\nMediaViewer.displayName = \"MediaViewer\";\n"]}

package/dist/{chunk-7MDHCYEB.cjs → chunk-5QKQXM5V.cjs}

@@ -30,6 +30,8 @@ var PdfPages = react.forwardRef(
     onZoomChange,
     policy,
     watermark,
+    onPageError,
+    renderPageError,
     title,
     className,
     style
@@ -45,6 +47,17 @@ var PdfPages = react.forwardRef(
     const scale = scaleBucket(zoom);
     const scrollerRef = react.useRef(null);
     const [ratios, setRatios] = react.useState({});
+    const [failed, setFailed] = react.useState({});
+    const [attempts, setAttempts] = react.useState({});
+    const retryPage = react.useCallback((n) => {
+      setFailed((prev) => {
+        if (!(n in prev)) return prev;
+        const next = { ...prev };
+        delete next[n];
+        return next;
+      });
+      setAttempts((prev) => ({ ...prev, [n]: (prev[n] ?? 0) + 1 }));
+    }, []);
     const ratioOf = (n) => ratios[n] ?? pages.aspectRatio ?? 1 / Math.SQRT2;
     const observable = typeof IntersectionObserver !== "undefined";
     const [near, setNear] = react.useState(() => /* @__PURE__ */ new Set([page, page + 1]));
@@ -224,19 +237,48 @@ var PdfPages = react.forwardRef(
               style: { padding: GAP, filter: obscured ? "blur(24px)" : void 0 },
               children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex flex-col", style: { width: `${zoom * 100}%`, gap: GAP }, children: Array.from({ length: count }, (_, i) => {
                 const n = i + 1;
+                const near2 = isNear(n);
+                const src = near2 ? pages.url(n, scale) : "";
+                const isFailed = near2 && failed[n] === src;
                 return /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
                     "data-react-fancy-pdf-viewer-page": "",
                     "data-page": n,
+                    "data-state": isFailed ? "error" : void 0,
                     className: "relative w-full overflow-hidden bg-white shadow-sm",
                     style: { aspectRatio: String(ratioOf(n)) },
                     children: [
-                      isNear(n) && /* @__PURE__ */ jsxRuntime.jsx(
+                      isFailed && /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          "data-react-fancy-pdf-viewer-page-error": "",
+                          role: "alert",
+                          className: "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] p-4 text-center text-sm text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))] dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))]",
+                          children: renderPageError ? renderPageError({ page: n, scale, url: src, retry: () => retryPage(n) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { children: `Page ${n} couldn't be shown.` }),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              "button",
+                              {
+                                type: "button",
+                                "data-react-fancy-pdf-viewer-page-retry": "",
+                                onClick: () => retryPage(n),
+                                className: "rounded-md border border-[color:var(--fancy-border-strong,var(--color-zinc-300))] bg-[color:var(--fancy-surface,var(--color-white))] px-2.5 py-1 text-xs font-medium text-[color:var(--fancy-text,var(--color-zinc-900))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--fancy-focus,var(--color-blue-500))]/50 dark:border-[color:var(--fancy-border-strong-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))]",
+                                children: "Retry"
+                              }
+                            )
+                          ] })
+                        }
+                      ),
+                      near2 && !isFailed && /* @__PURE__ */ jsxRuntime.jsx(
                         "img",
                         {
                           "data-react-fancy-pdf-viewer-image": "",
-                          src: pages.url(n, scale),
+                          src,
+                          onError: () => {
+                            setFailed((prev) => prev[n] === src ? prev : { ...prev, [n]: src });
+                            onPageError?.(n, { scale, url: src });
+                          },
                           alt: `Page ${n}`,
                           decoding: "async",
                           draggable: download ? void 0 : false,
@@ -248,7 +290,8 @@ var PdfPages = react.forwardRef(
                               setRatios((prev) => prev[n] === r ? prev : { ...prev, [n]: r });
                             }
                           }
-                        }
+                        },
+                        attempts[n] ?? 0
                       ),
                       watermark?.text && /* @__PURE__ */ jsxRuntime.jsx(Watermark, { id: `${markId}-${n}`, ...watermark })
                     ]
@@ -335,6 +378,8 @@ var PdfViewer = react.forwardRef(
     onZoomChange,
     policy,
     watermark,
+    onPageError,
+    renderPageError,
     title = "PDF document",
     className,
     style,
@@ -355,6 +400,8 @@ var PdfViewer = react.forwardRef(
           onZoomChange,
           policy,
           watermark,
+          onPageError,
+          renderPageError,
           title,
           className: chunkZU5Q77OT_cjs.cn(frame && "rounded-none", className),
           style
@@ -410,5 +457,5 @@ var PdfViewer = react.forwardRef(
 PdfViewer.displayName = "PdfViewer";
 
 exports.PdfViewer = PdfViewer;
-//# sourceMappingURL=chunk-7MDHCYEB.cjs.map
-//# sourceMappingURL=chunk-7MDHCYEB.cjs.map
+//# sourceMappingURL=chunk-5QKQXM5V.cjs.map
+//# sourceMappingURL=chunk-5QKQXM5V.cjs.map

package/dist/chunk-5QKQXM5V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PdfViewer/PdfPages.tsx","../src/components/PdfViewer/PdfViewer.tsx"],"names":["forwardRef","useControllableState","useRef","useState","useCallback","useEffect","useLayoutEffect","useId","jsxs","cn","jsx","near","Fragment","FauxClient"],"mappings":"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","file":"chunk-5QKQXM5V.cjs","sourcesContent":["import { forwardRef, useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from \"react\";\nimport type { CSSProperties, KeyboardEvent, ReactNode, SyntheticEvent } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport type { PdfPageErrorContext, PdfPageSource, PdfViewerPolicy, PdfViewerWatermark } from \"./PdfViewer.types\";\n\n/** One click of the zoom bar. Matches `FauxClient` and `ImageViewer`. */\nconst ZOOM_STEP = 1.25;\nconst MIN_ZOOM = 0.25;\nconst MAX_ZOOM = 4;\n/** The resolutions a page is requested at, so zooming refetches rarely. */\nconst SCALE_BUCKETS = [1, 1.5, 2, 3, 4];\n/** How long PrintScreen keeps the pages obscured. */\nconst PRINT_SCREEN_MS = 1500;\n/** Gap around and between pages, px. */\nconst GAP = 16;\n\nconst clamp = (n: number, min: number, max: number) => Math.min(max, Math.max(min, n));\n\nfunction scaleBucket(zoom: number): number {\n  const dpr = typeof window !== \"undefined\" && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1;\n  const want = zoom * dpr;\n  return SCALE_BUCKETS.find((b) => b >= want - 1e-9) ?? SCALE_BUCKETS[SCALE_BUCKETS.length - 1];\n}\n\n/*\n * Print is blanked from CSS, because a page can print without our key handler\n * ever seeing it (the browser menu, window.print()). `*` as well as the root, so\n * no descendant can set itself visible again.\n */\nconst PRINT_BLOCK_CSS =\n  '@media print{[data-react-fancy-pdf-viewer][data-print-blocked=\"true\"],[data-react-fancy-pdf-viewer][data-print-blocked=\"true\"] *{visibility:hidden!important}}';\n\nexport interface PdfPagesProps {\n  pages: PdfPageSource;\n  page?: number;\n  defaultPage?: number;\n  onPageChange?: (page: number) => void;\n  zoom?: number;\n  defaultZoom?: number;\n  onZoomChange?: (zoom: number) => void;\n  policy?: PdfViewerPolicy;\n  watermark?: PdfViewerWatermark;\n  onPageError?: (page: number, info: { scale: number; url: string }) => void;\n  renderPageError?: (ctx: PdfPageErrorContext) => ReactNode;\n  title: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * Page-image mode of `PdfViewer`: images the app rendered, shown under a policy.\n * It never sees the PDF, so it has nothing to search and nothing to download.\n */\nexport const PdfPages = forwardRef<HTMLDivElement, PdfPagesProps>(\n  (\n    {\n      pages,\n      page: controlledPage,\n      defaultPage = 1,\n      onPageChange,\n      zoom: controlledZoom,\n      defaultZoom = 1,\n      onZoomChange,\n      policy,\n      watermark,\n      onPageError,\n      renderPageError,\n      title,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const count = Math.max(0, Math.floor(pages.count));\n    const download = policy?.download !== false;\n    const print = policy?.print !== false;\n    const copy = policy?.copy !== false;\n    const deter = policy?.screenshot === \"deter\";\n\n    const [rawPage, setPage] = useControllableState(controlledPage, defaultPage, onPageChange);\n    const page = clamp(rawPage, 1, Math.max(1, count));\n    const [zoom, setZoom] = useControllableState(controlledZoom, defaultZoom, onZoomChange);\n    const scale = scaleBucket(zoom);\n\n    const scrollerRef = useRef<HTMLDivElement>(null);\n    const [ratios, setRatios] = useState<Record<number, number>>({});\n    // Per page: the URL whose image failed. Keyed on the URL, so a new one (a\n    // sharper zoom bucket, a refreshed signature) tries again by itself.\n    const [failed, setFailed] = useState<Record<number, string>>({});\n    // Per page: bumped by Retry to remount the <img> on the SAME url. The url\n    // is never altered, so a signed URL stays valid.\n    const [attempts, setAttempts] = useState<Record<number, number>>({});\n    const retryPage = useCallback((n: number) => {\n      setFailed((prev) => {\n        if (!(n in prev)) return prev;\n        const next = { ...prev };\n        delete next[n];\n        return next;\n      });\n      setAttempts((prev) => ({ ...prev, [n]: (prev[n] ?? 0) + 1 }));\n    }, []);\n    const ratioOf = (n: number) => ratios[n] ?? pages.aspectRatio ?? 1 / Math.SQRT2;\n\n    // ---- Which pages have an image: those near the viewport ---------------\n    // Without IntersectionObserver there is no way to know what is near, so\n    // every page renders (SSR markup, very old browsers).\n    const observable = typeof IntersectionObserver !== \"undefined\";\n    const [near, setNear] = useState<Set<number>>(() => new Set([page, page + 1]));\n    const isNear = (n: number) => !observable || n === page || near.has(n);\n\n    useEffect(() => {\n      const scroller = scrollerRef.current;\n      if (!observable || !scroller) return;\n      const io = new IntersectionObserver(\n        (entries) => {\n          setNear((prev) => {\n            const next = new Set(prev);\n            for (const e of entries) {\n              const n = Number((e.target as HTMLElement).dataset.page);\n              if (e.isIntersecting) next.add(n);\n              else next.delete(n);\n            }\n            return next;\n          });\n        },\n        // A viewport's worth above and below, so a page is there before it scrolls in.\n        { root: scroller, rootMargin: \"100% 0px\" },\n      );\n      scroller.querySelectorAll(\"[data-react-fancy-pdf-viewer-page]\").forEach((el) => io.observe(el));\n      return () => io.disconnect();\n    }, [observable, count]);\n\n    // ---- The current page follows scrolling; a set page scrolls to it ------\n    const fromScroll = useRef<number | null>(null);\n    const scrollToPage = useCallback((n: number) => {\n      const scroller = scrollerRef.current;\n      const slot = scroller?.querySelector<HTMLElement>(`[data-react-fancy-pdf-viewer-page][data-page=\"${n}\"]`);\n      if (scroller && slot) scroller.scrollTop = Math.max(0, slot.offsetTop - GAP);\n    }, []);\n\n    useEffect(() => {\n      if (fromScroll.current === page) {\n        fromScroll.current = null;\n        return;\n      }\n      scrollToPage(page);\n    }, [page, scrollToPage]);\n\n    // Zooming changes every page's height: keep the current page in place.\n    const firstZoom = useRef(true);\n    useLayoutEffect(() => {\n      if (firstZoom.current) {\n        firstZoom.current = false;\n        return;\n      }\n      scrollToPage(page);\n      // Only on zoom; the page effect handles page changes.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [zoom]);\n\n    // A width change (full screen, a resized panel) re-flows every page's\n    // height, so the scroll offset no longer points at the same page: put the\n    // current one back.\n    const pageRef = useRef(page);\n    pageRef.current = page;\n    useEffect(() => {\n      const scroller = scrollerRef.current;\n      if (!scroller || typeof ResizeObserver === \"undefined\") return;\n      let width: number | null = null;\n      const ro = new ResizeObserver(() => {\n        const w = scroller.clientWidth;\n        if (width !== null && w !== width) scrollToPage(pageRef.current);\n        width = w;\n      });\n      ro.observe(scroller);\n      return () => ro.disconnect();\n    }, [scrollToPage]);\n\n    const frame = useRef(0);\n    const onScroll = () => {\n      if (frame.current || typeof requestAnimationFrame === \"undefined\") return;\n      frame.current = requestAnimationFrame(() => {\n        frame.current = 0;\n        const scroller = scrollerRef.current;\n        if (!scroller) return;\n        // The page under a line a third of the way down the viewport.\n        const line = scroller.getBoundingClientRect().top + scroller.clientHeight / 3;\n        let current = 1;\n        scroller.querySelectorAll<HTMLElement>(\"[data-react-fancy-pdf-viewer-page]\").forEach((el) => {\n          if (el.getBoundingClientRect().top <= line) current = Number(el.dataset.page);\n        });\n        if (current !== page) {\n          fromScroll.current = current;\n          setPage(current);\n        }\n      });\n    };\n    useEffect(() => () => {\n      if (frame.current) cancelAnimationFrame(frame.current);\n    }, []);\n\n    const zoomTo = (z: number) => setZoom(clamp(Math.round(z * 100) / 100, MIN_ZOOM, MAX_ZOOM));\n    const fitPage = () => {\n      const scroller = scrollerRef.current;\n      if (!scroller || scroller.clientWidth <= GAP * 2) return;\n      const pageHeightAtFit = (scroller.clientWidth - GAP * 2) / ratioOf(page);\n      zoomTo((scroller.clientHeight - GAP * 2) / pageHeightAtFit);\n    };\n\n    // ---- screenshot: \"deter\" ---------------------------------------------\n    const [hidden, setHidden] = useState(false);\n    const [blurred, setBlurred] = useState(false);\n    const [snapped, setSnapped] = useState(false);\n    useEffect(() => {\n      if (!deter || typeof window === \"undefined\") return;\n      let timer: ReturnType<typeof setTimeout> | undefined;\n      const onVisibility = () => setHidden(document.visibilityState === \"hidden\");\n      const onBlur = () => setBlurred(true);\n      const onFocus = () => setBlurred(false);\n      const onKeyUp = (e: globalThis.KeyboardEvent) => {\n        if (e.key !== \"PrintScreen\") return;\n        // Best effort. The OS has usually taken the shot before this fires;\n        // what is left is to obscure, and to clear a capture that went to the\n        // clipboard (which fails quietly where the page may not write it).\n        setSnapped(true);\n        clearTimeout(timer);\n        timer = setTimeout(() => setSnapped(false), PRINT_SCREEN_MS);\n        void navigator.clipboard?.writeText?.(\"\").catch(() => {});\n      };\n      document.addEventListener(\"visibilitychange\", onVisibility);\n      window.addEventListener(\"blur\", onBlur);\n      window.addEventListener(\"focus\", onFocus);\n      window.addEventListener(\"keyup\", onKeyUp);\n      return () => {\n        clearTimeout(timer);\n        document.removeEventListener(\"visibilitychange\", onVisibility);\n        window.removeEventListener(\"blur\", onBlur);\n        window.removeEventListener(\"focus\", onFocus);\n        window.removeEventListener(\"keyup\", onKeyUp);\n      };\n    }, [deter]);\n    const obscured = deter && (hidden || blurred || snapped);\n\n    const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      if (!print && (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === \"p\") e.preventDefault();\n    };\n    const block = (e: SyntheticEvent) => e.preventDefault();\n\n    const markId = useId().replace(/[^a-zA-Z0-9_-]/g, \"\");\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-pdf-viewer=\"\"\n        data-mode=\"pages\"\n        data-print-blocked={print ? undefined : \"true\"}\n        data-obscured={String(obscured)}\n        aria-label={title}\n        role=\"document\"\n        onKeyDown={onKeyDown}\n        className={cn(\n          \"relative flex h-full min-h-[20rem] w-full flex-col overflow-hidden rounded-md bg-zinc-100 dark:bg-zinc-900\",\n          className,\n        )}\n        style={copy ? style : { ...style, userSelect: \"none\", WebkitUserSelect: \"none\" }}\n      >\n        {!print && <style>{PRINT_BLOCK_CSS}</style>}\n\n        <div\n          data-react-fancy-pdf-viewer-toolbar=\"\"\n          className=\"flex shrink-0 items-center gap-1 border-b border-zinc-200 bg-[color:var(--fancy-surface,var(--color-white))] px-2 py-1 text-xs text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:border-zinc-800 dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\"\n        >\n          <ToolButton attr=\"prev\" label=\"Previous page\" disabled={page <= 1} onClick={() => setPage(page - 1)}>\n            <Chevron dir=\"up\" />\n          </ToolButton>\n          <span data-react-fancy-pdf-viewer-page-label=\"\" className=\"min-w-[3.5rem] text-center tabular-nums\" aria-live=\"polite\">\n            {page} / {count}\n          </span>\n          <ToolButton attr=\"next\" label=\"Next page\" disabled={page >= count} onClick={() => setPage(page + 1)}>\n            <Chevron dir=\"down\" />\n          </ToolButton>\n          <span className=\"mx-1 h-4 w-px bg-zinc-200 dark:bg-zinc-700\" aria-hidden=\"true\" />\n          <ToolButton attr=\"zoom-out\" label=\"Zoom out\" disabled={zoom <= MIN_ZOOM} onClick={() => zoomTo(zoom / ZOOM_STEP)}>\n            <span aria-hidden=\"true\">−</span>\n          </ToolButton>\n          <ToolButton attr=\"zoom-reset\" label=\"Reset zoom\" wide onClick={() => zoomTo(1)}>\n            {Math.round(zoom * 100)}%\n          </ToolButton>\n          <ToolButton attr=\"zoom-in\" label=\"Zoom in\" disabled={zoom >= MAX_ZOOM} onClick={() => zoomTo(zoom * ZOOM_STEP)}>\n            <span aria-hidden=\"true\">+</span>\n          </ToolButton>\n          <ToolButton attr=\"fit-width\" label=\"Fit width\" wide onClick={() => zoomTo(1)}>\n            Width\n          </ToolButton>\n          <ToolButton attr=\"fit-page\" label=\"Fit page\" wide onClick={fitPage}>\n            Page\n          </ToolButton>\n        </div>\n\n        <div\n          ref={scrollerRef}\n          data-react-fancy-pdf-viewer-pages=\"\"\n          tabIndex={0}\n          onScroll={onScroll}\n          onContextMenu={download ? undefined : block}\n          onDragStart={download ? undefined : block}\n          className=\"relative min-h-0 flex-1 overflow-auto outline-none transition-[filter] duration-150\"\n          style={{ padding: GAP, filter: obscured ? \"blur(24px)\" : undefined }}\n        >\n          <div className=\"mx-auto flex flex-col\" style={{ width: `${zoom * 100}%`, gap: GAP }}>\n            {Array.from({ length: count }, (_, i) => {\n              const n = i + 1;\n              const near = isNear(n);\n              const src = near ? pages.url(n, scale) : \"\";\n              const isFailed = near && failed[n] === src;\n              return (\n                <div\n                  key={n}\n                  data-react-fancy-pdf-viewer-page=\"\"\n                  data-page={n}\n                  data-state={isFailed ? \"error\" : undefined}\n                  className=\"relative w-full overflow-hidden bg-white shadow-sm\"\n                  style={{ aspectRatio: String(ratioOf(n)) }}\n                >\n                  {isFailed && (\n                    <div\n                      data-react-fancy-pdf-viewer-page-error=\"\"\n                      role=\"alert\"\n                      className=\"absolute inset-0 flex flex-col items-center justify-center gap-2 bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] p-4 text-center text-sm text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))] dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))]\"\n                    >\n                      {renderPageError ? (\n                        renderPageError({ page: n, scale, url: src, retry: () => retryPage(n) })\n                      ) : (\n                        <>\n                          <span>{`Page ${n} couldn't be shown.`}</span>\n                          <button\n                            type=\"button\"\n                            data-react-fancy-pdf-viewer-page-retry=\"\"\n                            onClick={() => retryPage(n)}\n                            className=\"rounded-md border border-[color:var(--fancy-border-strong,var(--color-zinc-300))] bg-[color:var(--fancy-surface,var(--color-white))] px-2.5 py-1 text-xs font-medium text-[color:var(--fancy-text,var(--color-zinc-900))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--fancy-focus,var(--color-blue-500))]/50 dark:border-[color:var(--fancy-border-strong-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))]\"\n                          >\n                            Retry\n                          </button>\n                        </>\n                      )}\n                    </div>\n                  )}\n                  {near && !isFailed && (\n                    <img\n                      key={attempts[n] ?? 0}\n                      data-react-fancy-pdf-viewer-image=\"\"\n                      src={src}\n                      onError={() => {\n                        setFailed((prev) => (prev[n] === src ? prev : { ...prev, [n]: src }));\n                        onPageError?.(n, { scale, url: src });\n                      }}\n                      alt={`Page ${n}`}\n                      decoding=\"async\"\n                      draggable={download ? undefined : false}\n                      className=\"block h-full w-full\"\n                      onLoad={(e) => {\n                        const img = e.currentTarget;\n                        if (img.naturalWidth > 0 && img.naturalHeight > 0) {\n                          const r = img.naturalWidth / img.naturalHeight;\n                          setRatios((prev) => (prev[n] === r ? prev : { ...prev, [n]: r }));\n                        }\n                      }}\n                    />\n                  )}\n                  {watermark?.text && <Watermark id={`${markId}-${n}`} {...watermark} />}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nPdfPages.displayName = \"PdfPages\";\n\n/** A tiled SVG pattern, so the text repeats at a constant size whatever the zoom. */\nfunction Watermark({ id, text, opacity = 0.15, angle = -30, density = 1 }: PdfViewerWatermark & { id: string }) {\n  const fontSize = 14;\n  const gap = 80 / Math.max(0.1, density);\n  const w = text.length * fontSize * 0.55 + gap;\n  const h = fontSize + gap;\n  return (\n    <svg\n      data-react-fancy-pdf-viewer-watermark=\"\"\n      aria-hidden=\"true\"\n      className=\"absolute inset-0 h-full w-full select-none\"\n      style={{ pointerEvents: \"none\" }}\n    >\n      <defs>\n        <pattern id={id} width={w} height={h} patternUnits=\"userSpaceOnUse\" patternTransform={`rotate(${angle})`}>\n          <text x={gap / 2} y={h / 2} fontSize={fontSize} fontFamily=\"ui-sans-serif, system-ui, sans-serif\" fillOpacity={clamp(opacity, 0, 1)}\n            // The light-mode text role in both modes: page images are paper.\n            style={{ fill: \"var(--fancy-text, var(--color-zinc-700))\" }}\n          >\n            {text}\n          </text>\n        </pattern>\n      </defs>\n      <rect width=\"100%\" height=\"100%\" fill={`url(#${id})`} />\n    </svg>\n  );\n}\n\nfunction ToolButton({\n  attr,\n  label,\n  disabled,\n  wide,\n  onClick,\n  children,\n}: {\n  attr: string;\n  label: string;\n  disabled?: boolean;\n  wide?: boolean;\n  onClick: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      {...{ [`data-react-fancy-pdf-viewer-${attr}`]: \"\" }}\n      aria-label={label}\n      title={label}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn(\n        \"flex h-6 items-center justify-center rounded-full tabular-nums transition-colors disabled:pointer-events-none disabled:opacity-30\",\n        \"hover:bg-zinc-900/5 hover:text-zinc-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 dark:hover:bg-white/10 dark:hover:text-zinc-200\",\n        wide ? \"min-w-[2.25rem] px-1.5\" : \"w-6\",\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction Chevron({ dir }: { dir: \"up\" | \"down\" }) {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d={dir === \"up\" ? \"m18 15-6-6-6 6\" : \"m6 9 6 6 6-6\"} />\n    </svg>\n  );\n}\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { FauxClient } from \"../FauxClient\";\nimport { PdfPages } from \"./PdfPages\";\nimport type { PdfViewerProps } from \"./PdfViewer.types\";\n\n/**\n * A standalone PDF viewer — embeds the document via the browser's native PDF\n * plugin (`<object>`), falling back to an `<iframe>`, then to a download link.\n * Fills its container, so give it a height (a `min-h` floor is built in).\n * Renders for PDF sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <PdfViewer src=\"/report.pdf\" title=\"report.pdf\" style={{ height: 600 }} />\n * ```\n *\n * With `pages` it shows page images the app rendered instead, and never\n * fetches or references the PDF; `policy` and `watermark` apply there.\n *\n * ```tsx\n * <PdfViewer\n *   pages={{ count: 12, url: (n, scale) => `/docs/7/pages/${n}.png?scale=${scale}` }}\n *   policy={{ download: false, print: false, copy: false, screenshot: \"deter\" }}\n *   watermark={{ text: \"jane@example.com\" }}\n * />\n * ```\n */\nexport const PdfViewer = forwardRef<HTMLDivElement, PdfViewerProps>(\n  (\n    {\n      src,\n      pages,\n      page,\n      defaultPage,\n      onPageChange,\n      zoom,\n      defaultZoom,\n      onZoomChange,\n      policy,\n      watermark,\n      onPageError,\n      renderPageError,\n      title = \"PDF document\",\n      className,\n      style,\n      frame = false,\n      frameProps,\n    },\n    ref,\n  ) => {\n    if (pages) {\n      // `src` is deliberately not passed on: in this mode the PDF is never\n      // referenced, so it cannot leak through an attribute or a fallback link.\n      const pageViewer = (\n        <PdfPages\n          ref={ref}\n          pages={pages}\n          page={page}\n          defaultPage={defaultPage}\n          onPageChange={onPageChange}\n          zoom={zoom}\n          defaultZoom={defaultZoom}\n          onZoomChange={onZoomChange}\n          policy={policy}\n          watermark={watermark}\n          onPageError={onPageError}\n          renderPageError={renderPageError}\n          title={title}\n          className={cn(frame && \"rounded-none\", className)}\n          style={style}\n        />\n      );\n      if (!frame) return pageViewer;\n      // Zoom lives on the viewer's own toolbar, which knows the page size; the\n      // frame adds full screen.\n      return (\n        <FauxClient variant=\"browser\" url={title} controls={{ zoom: false }} fill {...frameProps}>\n          {pageViewer}\n        </FauxClient>\n      );\n    }\n\n    const viewer = (\n      <div\n        ref={ref}\n        data-react-fancy-pdf-viewer=\"\"\n        className={cn(\n          \"relative h-full min-h-[20rem] w-full overflow-hidden rounded-md bg-zinc-100 dark:bg-zinc-900\",\n          className,\n        )}\n        style={style}\n      >\n        <object data={src} type=\"application/pdf\" className=\"h-full w-full\">\n          <iframe\n            src={src}\n            title={title}\n            className=\"h-full w-full border-0\"\n          />\n          <div className=\"flex h-full flex-col items-center justify-center gap-2 p-4 text-center text-sm text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\">\n            <span>This browser can&apos;t display the PDF inline.</span>\n            <a\n              href={src}\n              download\n              className=\"font-medium text-blue-600 hover:underline dark:text-blue-400\"\n            >\n              Download PDF\n            </a>\n          </div>\n        </object>\n      </div>\n    );\n\n    if (!frame) return viewer;\n\n    // Full screen from the frame; zoom stays on the browser's PDF toolbar. A\n    // plugin fits the page to its box, so scaling the box only re-fits it, and\n    // the `#zoom=` open parameter is relative to the page's real size, which a\n    // frame cannot know -- its bar would jump by uneven steps.\n    return (\n      // The browser variant, because the plugin swallows the pointer: hover over\n      // the PDF never reaches the frame, so controls over it could not be\n      // revealed, and its top-right corner is the PDF toolbar's. In the address\n      // bar they are reachable and collide with nothing.\n      <FauxClient variant=\"browser\" url={title} controls={{ zoom: false }} fill {...frameProps}>\n        {viewer}\n      </FauxClient>\n    );\n  },\n);\n\nPdfViewer.displayName = \"PdfViewer\";\n"]}

package/dist/{chunk-2GFM5WD4.cjs → chunk-AGO4AA3K.cjs}

@@ -15,13 +15,19 @@ function useFileUpload() {
   }
   return ctx;
 }
+var DEFAULT_BROWSE_LABEL = "Browse files";
+var DEFAULT_COPY = "Drop files here or click to browse";
 function FileUploadDropzone({
   children,
-  className
+  className,
+  browseLabel
 }) {
   const { addFiles, disabled, accept, multiple } = useFileUpload();
   const [dragOver, setDragOver] = react.useState(false);
   const inputRef = react.useRef(null);
+  const inputId = react.useId();
+  const custom = children !== void 0 && children !== null;
+  const inputLabel = browseLabel ?? (custom ? DEFAULT_BROWSE_LABEL : DEFAULT_COPY);
   const handleDrop = react.useCallback(
     (e) => {
       e.preventDefault();
@@ -36,16 +42,31 @@ function FileUploadDropzone({
     setDragOver(true);
   }, []);
   const handleDragLeave = react.useCallback(() => setDragOver(false), []);
+  const handleClick = react.useCallback(
+    (e) => {
+      if (disabled) return;
+      if (e.target === inputRef.current) return;
+      inputRef.current?.click();
+    },
+    [disabled]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       "data-react-fancy-file-upload-dropzone": "",
+      "data-drag-over": dragOver ? "" : void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "aria-disabled": disabled || void 0,
       onDrop: handleDrop,
       onDragOver: handleDragOver,
       onDragLeave: handleDragLeave,
-      onClick: () => !disabled && inputRef.current?.click(),
+      onClick: handleClick,
       className: chunkZU5Q77OT_cjs.cn(
-        "flex cursor-pointer flex-col items-center justify-center rounded-xl border-2 border-dashed p-8 text-center transition-colors",
+        "flex cursor-pointer flex-col items-center justify-center rounded-xl border-2 border-dashed p-8 text-center transition-[color,background-color,border-color,box-shadow]",
+        // Full opacity on purpose: a translucent 2px ring over a dashed border
+        // falls under WCAG 2.2's 3:1 for a focus indicator. The offset gap is
+        // painted with the surface token so it matches the page in dark mode.
+        "has-focus-visible:ring-2 has-focus-visible:ring-offset-2 has-focus-visible:ring-[color:var(--fancy-focus,var(--color-blue-500))] has-focus-visible:ring-offset-[color:var(--fancy-surface,var(--color-white))] dark:has-focus-visible:ring-[color:var(--fancy-focus-dark,var(--color-blue-400))] dark:has-focus-visible:ring-offset-[color:var(--fancy-surface-dark,var(--color-zinc-900))]",
         dragOver ? "border-blue-400 bg-blue-50 dark:border-blue-500 dark:bg-blue-950" : "border-[color:var(--fancy-border-strong,var(--color-zinc-300))] hover:border-zinc-400 dark:border-[color:var(--fancy-border-strong-dark,var(--color-zinc-700))] dark:hover:border-zinc-500",
         disabled && "cursor-not-allowed opacity-50",
         className
@@ -55,8 +76,11 @@ function FileUploadDropzone({
           "input",
           {
             ref: inputRef,
+            id: inputId,
             type: "file",
             className: "hidden",
+            tabIndex: -1,
+            "aria-label": inputLabel,
             onChange: (e) => {
               if (e.target.files) addFiles(e.target.files);
               e.target.value = "";
@@ -66,10 +90,34 @@ function FileUploadDropzone({
             disabled
           }
         ),
-        children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { size: 32, strokeWidth: 1.5, className: "mb-2 text-zinc-400" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-zinc-500", children: "Drop files here or click to browse" })
-        ] })
+        custom ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-react-fancy-file-upload-browse": "",
+              "aria-controls": inputId,
+              disabled,
+              className: "sr-only",
+              children: browseLabel ?? DEFAULT_BROWSE_LABEL
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "data-react-fancy-file-upload-browse": "",
+            "aria-controls": inputId,
+            "aria-label": browseLabel,
+            disabled,
+            className: "flex cursor-pointer flex-col items-center rounded-md outline-none disabled:cursor-not-allowed",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { size: 32, strokeWidth: 1.5, "aria-hidden": "true", className: "mb-2 text-zinc-400" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-zinc-500", children: DEFAULT_COPY })
+            ]
+          }
+        )
       ]
     }
   );
@@ -212,5 +260,5 @@ var FileUpload = Object.assign(FileUploadRoot, {
 
 exports.FileUpload = FileUpload;
 exports.useFileUpload = useFileUpload;
-//# sourceMappingURL=chunk-2GFM5WD4.cjs.map
-//# sourceMappingURL=chunk-2GFM5WD4.cjs.map
+//# sourceMappingURL=chunk-AGO4AA3K.cjs.map
+//# sourceMappingURL=chunk-AGO4AA3K.cjs.map