@sesionario/blocks 1.23.0 → 1.24.0

package/dist/pdf.js

@@ -0,0 +1,1021 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { pdfjs, Document, Page, Thumbnail } from 'react-pdf';
+import { PanelLeftClose, PanelLeft, ChevronLeft, ChevronRight, ZoomOut, ZoomIn, RotateCw, Minimize2, Maximize2, Download, AlertTriangle, Loader2, X, XIcon } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import 'react-pdf/dist/Page/TextLayer.css';
+import 'react-pdf/dist/Page/AnnotationLayer.css';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var ZOOM_PAN_MIN_SCALE = 1;
+var ZOOM_PAN_MAX_SCALE = 4;
+var ZOOM_PAN_DOUBLE_TAP_MS = 300;
+var ZOOM_PAN_SWIPE_LOCK_PX = 8;
+var ZOOM_PAN_SWIPE_COMMIT_PX = 56;
+var ZOOM_PAN_SWIPE_SNAP_MS = 180;
+var IDENTITY = { scale: 1, tx: 0, ty: 0 };
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function zoomToward(prev, nextScale, originX, originY, minScale = ZOOM_PAN_MIN_SCALE, maxScale = ZOOM_PAN_MAX_SCALE) {
+  const scale = clamp(nextScale, minScale, maxScale);
+  if (scale === minScale) return { ...IDENTITY, scale: minScale };
+  const ratio = scale / prev.scale;
+  return {
+    scale,
+    tx: originX - (originX - prev.tx) * ratio,
+    ty: originY - (originY - prev.ty) * ratio
+  };
+}
+function pointerDistance(a, b) {
+  return Math.hypot(b.x - a.x, b.y - a.y);
+}
+function prefersReducedMotion() {
+  if (typeof window === "undefined" || !window.matchMedia) return false;
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function useZoomPanGestures(options = {}) {
+  const {
+    minScale = ZOOM_PAN_MIN_SCALE,
+    maxScale = ZOOM_PAN_MAX_SCALE,
+    swipeEnabled = true,
+    onSwipeCommit,
+    wheelZoom = true,
+    doubleTap = "reset"
+  } = options;
+  const [transform, setTransform] = useState({
+    ...IDENTITY,
+    scale: minScale
+  });
+  const transformRef = useRef(transform);
+  transformRef.current = transform;
+  const [isSwipeDragging, setIsSwipeDragging] = useState(false);
+  const [snapBack, setSnapBack] = useState(false);
+  const stageRef = useRef(null);
+  const pointersRef = useRef(/* @__PURE__ */ new Map());
+  const pinchStartRef = useRef(null);
+  const panRef = useRef(null);
+  const swipeRef = useRef(null);
+  const lastTapRef = useRef(
+    null
+  );
+  const onSwipeCommitRef = useRef(onSwipeCommit);
+  onSwipeCommitRef.current = onSwipeCommit;
+  const swipeEnabledRef = useRef(swipeEnabled);
+  swipeEnabledRef.current = swipeEnabled;
+  const minScaleRef = useRef(minScale);
+  minScaleRef.current = minScale;
+  const maxScaleRef = useRef(maxScale);
+  maxScaleRef.current = maxScale;
+  const doubleTapRef = useRef(doubleTap);
+  doubleTapRef.current = doubleTap;
+  const reset = useCallback(() => {
+    setTransform({ ...IDENTITY, scale: minScaleRef.current });
+    setIsSwipeDragging(false);
+    setSnapBack(false);
+  }, []);
+  const setScale = useCallback((next) => {
+    setTransform(
+      (prev) => zoomToward(prev, next, 0, 0, minScaleRef.current, maxScaleRef.current)
+    );
+  }, []);
+  const clearSnapBack = useCallback(() => {
+    setSnapBack(false);
+  }, []);
+  const stageOrigin = useCallback((clientX, clientY) => {
+    const stage = stageRef.current;
+    if (!stage) return { x: 0, y: 0 };
+    const rect = stage.getBoundingClientRect();
+    return {
+      x: clientX - rect.left - rect.width / 2,
+      y: clientY - rect.top - rect.height / 2
+    };
+  }, []);
+  useEffect(() => {
+    if (!wheelZoom) return;
+    const stage = stageRef.current;
+    if (!stage) return;
+    const handleWheel = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      const prev = transformRef.current;
+      const factor = e.deltaY > 0 ? 0.9 : 1.1;
+      const { x, y } = stageOrigin(e.clientX, e.clientY);
+      setTransform(
+        zoomToward(
+          prev,
+          prev.scale * factor,
+          x,
+          y,
+          minScaleRef.current,
+          maxScaleRef.current
+        )
+      );
+    };
+    stage.addEventListener("wheel", handleWheel, { passive: false });
+    return () => stage.removeEventListener("wheel", handleWheel);
+  }, [stageOrigin, wheelZoom]);
+  function clearSwipe() {
+    swipeRef.current = null;
+    setIsSwipeDragging(false);
+  }
+  function beginPinch() {
+    const pts = [...pointersRef.current.values()];
+    const [a, b] = pts;
+    if (!a || !b) return;
+    const midX = (a.x + b.x) / 2;
+    const midY = (a.y + b.y) / 2;
+    const { x, y } = stageOrigin(midX, midY);
+    pinchStartRef.current = {
+      distance: Math.max(pointerDistance(a, b), 1),
+      originX: x,
+      originY: y,
+      transform: { ...transformRef.current }
+    };
+    panRef.current = null;
+    clearSwipe();
+    setSnapBack(false);
+  }
+  function onPointerDown(e) {
+    e.stopPropagation();
+    const stage = stageRef.current;
+    if (!stage) return;
+    if (typeof stage.setPointerCapture === "function") {
+      stage.setPointerCapture(e.pointerId);
+    }
+    pointersRef.current.set(e.pointerId, { x: e.clientX, y: e.clientY });
+    setSnapBack(false);
+    if (pointersRef.current.size === 2) {
+      beginPinch();
+      return;
+    }
+    if (transformRef.current.scale > minScaleRef.current) {
+      panRef.current = {
+        pointerId: e.pointerId,
+        startX: e.clientX,
+        startY: e.clientY,
+        originTx: transformRef.current.tx,
+        originTy: transformRef.current.ty,
+        moved: false
+      };
+      return;
+    }
+    if (swipeEnabledRef.current) {
+      swipeRef.current = {
+        pointerId: e.pointerId,
+        startX: e.clientX,
+        startY: e.clientY,
+        moved: false,
+        axis: null
+      };
+      setIsSwipeDragging(true);
+    }
+  }
+  function onPointerMove(e) {
+    if (!pointersRef.current.has(e.pointerId)) return;
+    pointersRef.current.set(e.pointerId, { x: e.clientX, y: e.clientY });
+    const pinchStart = pinchStartRef.current;
+    if (pointersRef.current.size >= 2 && pinchStart) {
+      const pts = [...pointersRef.current.values()];
+      const [a, b] = pts;
+      if (!a || !b) return;
+      const distance = Math.max(pointerDistance(a, b), 1);
+      const nextScale = pinchStart.transform.scale * (distance / pinchStart.distance);
+      setTransform(
+        zoomToward(
+          pinchStart.transform,
+          nextScale,
+          pinchStart.originX,
+          pinchStart.originY,
+          minScaleRef.current,
+          maxScaleRef.current
+        )
+      );
+      return;
+    }
+    const pan = panRef.current;
+    if (pan && pan.pointerId === e.pointerId) {
+      const dx2 = e.clientX - pan.startX;
+      const dy2 = e.clientY - pan.startY;
+      if (Math.abs(dx2) > 2 || Math.abs(dy2) > 2) pan.moved = true;
+      setTransform((prev) => ({
+        ...prev,
+        tx: pan.originTx + dx2,
+        ty: pan.originTy + dy2
+      }));
+      return;
+    }
+    const swipe = swipeRef.current;
+    if (!swipe || swipe.pointerId !== e.pointerId) return;
+    const dx = e.clientX - swipe.startX;
+    const dy = e.clientY - swipe.startY;
+    if (Math.abs(dx) > 2 || Math.abs(dy) > 2) swipe.moved = true;
+    if (swipe.axis === null) {
+      const absX = Math.abs(dx);
+      const absY = Math.abs(dy);
+      if (absX < ZOOM_PAN_SWIPE_LOCK_PX && absY < ZOOM_PAN_SWIPE_LOCK_PX) {
+        return;
+      }
+      swipe.axis = absX >= absY ? "x" : "y";
+      if (swipe.axis === "y") {
+        clearSwipe();
+        setTransform({ ...IDENTITY, scale: minScaleRef.current });
+        return;
+      }
+    }
+    if (swipe.axis === "x") {
+      setTransform({
+        scale: minScaleRef.current,
+        tx: dx,
+        ty: 0
+      });
+    }
+  }
+  function finishSwipe(e) {
+    const swipe = swipeRef.current;
+    if (!swipe || swipe.pointerId !== e.pointerId) return false;
+    const dx = e.clientX - swipe.startX;
+    const wasMoved = swipe.moved;
+    const axis = swipe.axis;
+    clearSwipe();
+    if (axis === "x" && Math.abs(dx) >= ZOOM_PAN_SWIPE_COMMIT_PX) {
+      onSwipeCommitRef.current?.(dx < 0 ? "next" : "prev");
+      return true;
+    }
+    if (wasMoved || transformRef.current.tx !== 0) {
+      if (!prefersReducedMotion()) setSnapBack(true);
+      setTransform({ ...IDENTITY, scale: minScaleRef.current });
+    }
+    return wasMoved;
+  }
+  function onPointerUp(e) {
+    const stage = stageRef.current;
+    if (stage && typeof stage.hasPointerCapture === "function" && stage.hasPointerCapture(e.pointerId) && typeof stage.releasePointerCapture === "function") {
+      stage.releasePointerCapture(e.pointerId);
+    }
+    pointersRef.current.delete(e.pointerId);
+    if (pointersRef.current.size < 2) {
+      pinchStartRef.current = null;
+    }
+    if (pointersRef.current.size === 1) {
+      const remaining = [...pointersRef.current.entries()][0];
+      if (remaining && transformRef.current.scale > minScaleRef.current) {
+        const [pointerId, point] = remaining;
+        panRef.current = {
+          pointerId,
+          startX: point.x,
+          startY: point.y,
+          originTx: transformRef.current.tx,
+          originTy: transformRef.current.ty,
+          moved: true
+        };
+      }
+    }
+    const swipeHandled = finishSwipe(e);
+    if (swipeHandled) return;
+    const pan = panRef.current;
+    if (pan && pan.pointerId === e.pointerId) {
+      const wasMoved = pan.moved;
+      panRef.current = null;
+      if (wasMoved) return;
+    }
+    if (pointersRef.current.size === 0 && e.button === 0) {
+      const now = Date.now();
+      const last = lastTapRef.current;
+      if (last && now - last.time < ZOOM_PAN_DOUBLE_TAP_MS && Math.hypot(e.clientX - last.x, e.clientY - last.y) < 24) {
+        lastTapRef.current = null;
+        if (doubleTapRef.current === "toggle" && transformRef.current.scale <= minScaleRef.current) {
+          const { x, y } = stageOrigin(e.clientX, e.clientY);
+          setTransform(
+            zoomToward(
+              transformRef.current,
+              Math.min(2, maxScaleRef.current),
+              x,
+              y,
+              minScaleRef.current,
+              maxScaleRef.current
+            )
+          );
+        } else {
+          reset();
+        }
+        return;
+      }
+      lastTapRef.current = { time: now, x: e.clientX, y: e.clientY };
+    }
+  }
+  return {
+    stageRef,
+    transform,
+    isDragging: isSwipeDragging,
+    snapBack,
+    handlers: {
+      onPointerDown,
+      onPointerMove,
+      onPointerUp,
+      onPointerCancel: onPointerUp
+    },
+    reset,
+    setScale,
+    clearSnapBack
+  };
+}
+function LoadingState({
+  label = "Cargando\u2026",
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: cn(
+        "flex items-center justify-center gap-2 py-12 text-sm text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    }
+  );
+}
+function ErrorState({
+  title = "Algo sali\xF3 mal",
+  description,
+  action,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      className: cn(
+        "flex flex-col items-center gap-3 rounded-xl border border-dashed border-destructive/40 bg-destructive/5 py-12 text-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "size-6 text-destructive", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium", children: title }),
+          description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description }) : null
+        ] }),
+        action
+      ]
+    }
+  );
+}
+function LazyThumbnail({
+  pageNumber,
+  active,
+  width,
+  onClick,
+  ariaLabel
+}) {
+  const ref = useRef(null);
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
+    const node = ref.current;
+    if (!node || typeof IntersectionObserver === "undefined") {
+      setVisible(true);
+      return;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((e) => e.isIntersecting)) {
+          setVisible(true);
+          observer.disconnect();
+        }
+      },
+      { rootMargin: "120px 0px" }
+    );
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      onClick,
+      "aria-label": ariaLabel,
+      "aria-current": active ? "page" : void 0,
+      className: cn(
+        "block w-full overflow-hidden rounded-md border bg-background p-1 transition-colors hover:border-primary",
+        active ? "border-primary ring-2 ring-primary/30" : "border-border"
+      ),
+      children: [
+        visible ? /* @__PURE__ */ jsx(Thumbnail, { pageNumber, width, className: "mx-auto" }) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "mx-auto bg-muted",
+            style: { width, height: Math.round(width * 1.4) },
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "mt-1 block text-center text-[10px] text-muted-foreground", children: pageNumber })
+      ]
+    }
+  );
+}
+var configuredSrc = null;
+function configurePdfWorker(workerSrc) {
+  if (!workerSrc || configuredSrc === workerSrc) return;
+  pdfjs.GlobalWorkerOptions.workerSrc = workerSrc;
+  configuredSrc = workerSrc;
+}
+var ZOOM_STEPS = [0.5, 0.75, 1, 1.25, 1.5, 2, 2.5, 3];
+var THUMB_WIDTH = 120;
+function PdfViewer({
+  fileUrl,
+  fileName,
+  downloadUrl,
+  workerSrc,
+  initialPage = 1,
+  className,
+  labels
+}) {
+  configurePdfWorker(workerSrc);
+  const [numPages, setNumPages] = useState(0);
+  const [pageNumber, setPageNumber] = useState(initialPage);
+  const [zoomIndex, setZoomIndex] = useState(2);
+  const [fitMode, setFitMode] = useState("width");
+  const [rotation, setRotation] = useState(0);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [containerHeight, setContainerHeight] = useState(0);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const [thumbsOpen, setThumbsOpen] = useState(false);
+  const [loadError, setLoadError] = useState(false);
+  const [pageDraft, setPageDraft] = useState(String(initialPage));
+  const viewportRef = useRef(null);
+  const shellRef = useRef(null);
+  const pageNumberRef = useRef(pageNumber);
+  pageNumberRef.current = pageNumber;
+  const numPagesRef = useRef(numPages);
+  numPagesRef.current = numPages;
+  const baseScale = ZOOM_STEPS[zoomIndex] ?? 1;
+  const goToPage = useCallback((next) => {
+    const total = numPagesRef.current;
+    if (total <= 0) return;
+    const clamped = Math.min(Math.max(1, next), total);
+    setPageNumber(clamped);
+    setPageDraft(String(clamped));
+  }, []);
+  const onSwipeCommit = useCallback(
+    (direction) => {
+      if (direction === "next") {
+        goToPage(pageNumberRef.current + 1);
+      } else {
+        goToPage(pageNumberRef.current - 1);
+      }
+    },
+    [goToPage]
+  );
+  const {
+    stageRef,
+    transform,
+    isDragging,
+    snapBack,
+    handlers,
+    reset,
+    clearSnapBack
+  } = useZoomPanGestures({
+    swipeEnabled: numPages > 1,
+    onSwipeCommit,
+    wheelZoom: true,
+    doubleTap: "toggle"
+  });
+  useEffect(() => {
+    setPageNumber(initialPage);
+    setPageDraft(String(initialPage));
+    setZoomIndex(2);
+    setFitMode("width");
+    setRotation(0);
+    setNumPages(0);
+    setLoadError(false);
+    setThumbsOpen(false);
+    reset();
+  }, [fileUrl, initialPage, reset]);
+  useEffect(() => {
+    reset();
+  }, [pageNumber, reset]);
+  useEffect(() => {
+    if (!viewportRef.current) return;
+    const el = viewportRef.current;
+    const observer = new ResizeObserver((entries) => {
+      const rect = entries[0]?.contentRect;
+      if (!rect) return;
+      setContainerWidth(rect.width);
+      setContainerHeight(rect.height);
+    });
+    observer.observe(el);
+    setContainerWidth(el.clientWidth);
+    setContainerHeight(el.clientHeight);
+    return () => observer.disconnect();
+  }, []);
+  useEffect(() => {
+    function onFullscreenChange() {
+      setIsFullscreen(document.fullscreenElement === shellRef.current);
+    }
+    document.addEventListener("fullscreenchange", onFullscreenChange);
+    return () => document.removeEventListener("fullscreenchange", onFullscreenChange);
+  }, []);
+  useEffect(() => {
+    function onKeyDown(e) {
+      const target = e.target;
+      if (target && (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable)) {
+        return;
+      }
+      switch (e.key) {
+        case "ArrowLeft":
+        case "PageUp":
+          e.preventDefault();
+          goToPage(pageNumberRef.current - 1);
+          break;
+        case "ArrowRight":
+        case "PageDown":
+          e.preventDefault();
+          goToPage(pageNumberRef.current + 1);
+          break;
+        case "Home":
+          e.preventDefault();
+          goToPage(1);
+          break;
+        case "End":
+          e.preventDefault();
+          goToPage(numPagesRef.current);
+          break;
+        case "+":
+        case "=":
+          e.preventDefault();
+          setZoomIndex((i) => Math.min(i + 1, ZOOM_STEPS.length - 1));
+          break;
+        case "-":
+          e.preventDefault();
+          setZoomIndex((i) => Math.max(i - 1, 0));
+          break;
+      }
+    }
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [goToPage]);
+  const fitWidth = useCallback(() => {
+    setFitMode("width");
+    setZoomIndex(2);
+    reset();
+  }, [reset]);
+  const fitPage = useCallback(() => {
+    setFitMode("page");
+    setZoomIndex(2);
+    reset();
+  }, [reset]);
+  const zoomIn = useCallback(() => {
+    setZoomIndex((i) => Math.min(i + 1, ZOOM_STEPS.length - 1));
+  }, []);
+  const zoomOut = useCallback(() => {
+    setZoomIndex((i) => Math.max(i - 1, 0));
+  }, []);
+  const toggleFullscreen = useCallback(async () => {
+    if (!shellRef.current) return;
+    if (document.fullscreenElement === shellRef.current) {
+      await document.exitFullscreen();
+    } else {
+      await shellRef.current.requestFullscreen();
+    }
+  }, []);
+  function submitPageJump(e) {
+    e.preventDefault();
+    const parsed = Number.parseInt(pageDraft, 10);
+    if (Number.isFinite(parsed)) goToPage(parsed);
+    else setPageDraft(String(pageNumber));
+  }
+  const pageWidth = fitMode === "width" ? Math.max(containerWidth - 32, 240) * baseScale : void 0;
+  const pageHeight = fitMode === "page" ? Math.max(containerHeight - 32, 240) * baseScale : void 0;
+  const rawDownload = downloadUrl ?? fileUrl;
+  const downloadHref = `${rawDownload}${rawDownload.includes("?") ? "&" : "?"}download=1`;
+  const { scale: gestureScale, tx, ty } = transform;
+  const transition = snapBack && !isDragging && !prefersReducedMotion() ? `transform ${ZOOM_PAN_SWIPE_SNAP_MS}ms ease-out` : void 0;
+  const pageOf = labels.pageOf?.(pageNumber, numPages) ?? (numPages > 0 ? `${pageNumber} / ${numPages}` : "\u2014");
+  function renderThumbList(onSelect) {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: numPages }, (_, i) => {
+      const n = i + 1;
+      return /* @__PURE__ */ jsx(
+        LazyThumbnail,
+        {
+          pageNumber: n,
+          active: n === pageNumber,
+          width: THUMB_WIDTH,
+          onClick: () => onSelect(n),
+          ariaLabel: labels.thumbnailAria?.(n) ?? `P\xE1gina ${n}`
+        },
+        n
+      );
+    }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: shellRef,
+      className: cn(
+        "relative flex h-full min-h-0 w-full flex-col bg-background",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1 overflow-x-auto border-b px-2 py-2", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background text-foreground hover:bg-accent",
+              onClick: () => setThumbsOpen((v) => !v),
+              "aria-label": thumbsOpen ? labels.hideThumbnails ?? "Ocultar miniaturas" : labels.showThumbnails ?? "Mostrar miniaturas",
+              "aria-pressed": thumbsOpen,
+              children: thumbsOpen ? /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(PanelLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background hover:bg-accent disabled:opacity-50",
+              onClick: () => goToPage(pageNumber - 1),
+              disabled: pageNumber <= 1,
+              "aria-label": labels.previousPage ?? "P\xE1gina anterior",
+              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "form",
+            {
+              onSubmit: submitPageJump,
+              className: "flex shrink-0 items-center gap-1 text-xs text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: "pdf-page-jump", children: labels.pageJumpAria ?? "Ir a p\xE1gina" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    id: "pdf-page-jump",
+                    value: pageDraft,
+                    onChange: (e) => setPageDraft(e.target.value),
+                    className: "h-8 w-12 rounded-md border bg-background px-1 text-center text-foreground",
+                    inputMode: "numeric"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "min-w-10 whitespace-nowrap", children: pageOf })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background hover:bg-accent disabled:opacity-50",
+              onClick: () => goToPage(pageNumber + 1),
+              disabled: pageNumber >= numPages,
+              "aria-label": labels.nextPage ?? "P\xE1gina siguiente",
+              children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background hover:bg-accent disabled:opacity-50",
+              onClick: zoomOut,
+              disabled: zoomIndex <= 0,
+              "aria-label": labels.zoomOut ?? "Alejar",
+              children: /* @__PURE__ */ jsx(ZoomOut, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-background px-2 text-xs hover:bg-accent",
+              onClick: fitMode === "width" ? fitPage : fitWidth,
+              children: fitMode === "width" ? labels.fitPage ?? "Ajustar p\xE1gina" : labels.fitWidth ?? "Ajustar ancho"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background hover:bg-accent disabled:opacity-50",
+              onClick: zoomIn,
+              disabled: zoomIndex >= ZOOM_STEPS.length - 1,
+              "aria-label": labels.zoomIn ?? "Acercar",
+              children: /* @__PURE__ */ jsx(ZoomIn, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background hover:bg-accent",
+              onClick: () => setRotation((r) => (r + 90) % 360),
+              "aria-label": labels.rotate ?? "Rotar",
+              children: /* @__PURE__ */ jsx(RotateCw, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background hover:bg-accent",
+              onClick: () => void toggleFullscreen(),
+              "aria-label": isFullscreen ? labels.exitFullscreen ?? "Salir de pantalla completa" : labels.enterFullscreen ?? "Pantalla completa",
+              children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: downloadHref,
+              download: fileName,
+              "aria-label": labels.downloadAria ?? labels.download ?? "Descargar",
+              className: "inline-flex h-8 shrink-0 items-center gap-1 rounded-md border bg-background px-2 text-xs hover:bg-accent",
+              children: [
+                /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: labels.download ?? "Descargar" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 flex-1", children: [
+          numPages > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "hidden w-40 shrink-0 overflow-y-auto border-r bg-background p-2 lg:block",
+                !thumbsOpen && "lg:hidden"
+              ),
+              children: renderThumbList(goToPage)
+            }
+          ),
+          thumbsOpen && numPages > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": labels.hideThumbnails ? `${labels.hideThumbnails} (fondo)` : "Cerrar miniaturas (fondo)",
+                className: "absolute inset-0 z-20 bg-black/40 lg:hidden",
+                onClick: () => setThumbsOpen(false)
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 z-30 w-40 overflow-y-auto border-r bg-background p-2 shadow-lg lg:hidden", children: renderThumbList((n) => {
+              goToPage(n);
+              setThumbsOpen(false);
+            }) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: viewportRef,
+              className: cn(
+                "relative min-h-0 flex-1 overflow-hidden bg-muted/40",
+                gestureScale > ZOOM_PAN_MIN_SCALE && (isDragging ? "cursor-grabbing" : "cursor-grab")
+              ),
+              children: loadError ? /* @__PURE__ */ jsx(
+                ErrorState,
+                {
+                  title: labels.loadError ?? "No se pudo cargar el PDF",
+                  description: labels.loadErrorDescription ?? "El archivo puede estar da\xF1ado, cifrado o bloqueado.",
+                  action: /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: downloadHref,
+                      download: fileName,
+                      className: "text-sm text-primary underline",
+                      children: labels.download ?? "Descargar"
+                    }
+                  )
+                }
+              ) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: stageRef,
+                  className: "flex min-h-full touch-none items-start justify-center p-4",
+                  style: {
+                    transform: `translate(${tx}px, ${ty}px) scale(${gestureScale})`,
+                    transition
+                  },
+                  onPointerDown: handlers.onPointerDown,
+                  onPointerMove: handlers.onPointerMove,
+                  onPointerUp: handlers.onPointerUp,
+                  onPointerCancel: handlers.onPointerCancel,
+                  onTransitionEnd: clearSnapBack,
+                  children: /* @__PURE__ */ jsx(
+                    Document,
+                    {
+                      file: fileUrl,
+                      onLoadSuccess: ({ numPages: pages }) => {
+                        setNumPages(pages);
+                        setLoadError(false);
+                        const start = Math.min(Math.max(1, initialPage), pages);
+                        setPageNumber(start);
+                        setPageDraft(String(start));
+                      },
+                      onLoadError: () => setLoadError(true),
+                      loading: /* @__PURE__ */ jsx(LoadingState, { label: labels.loading ?? "Cargando PDF\u2026" }),
+                      error: /* @__PURE__ */ jsx(
+                        ErrorState,
+                        {
+                          title: labels.loadError ?? "No se pudo cargar el PDF"
+                        }
+                      ),
+                      children: numPages > 0 && /* @__PURE__ */ jsx(
+                        Page,
+                        {
+                          pageNumber,
+                          width: pageWidth,
+                          height: pageHeight,
+                          rotate: rotation,
+                          renderTextLayer: true,
+                          renderAnnotationLayer: true
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function MediaViewerDialog({
+  open,
+  onOpenChange,
+  children,
+  labels,
+  className,
+  contentClassName,
+  showCloseButton = true
+}) {
+  const closeLabel = labels?.close ?? "Cerrar";
+  const title = labels?.title ?? "Visor";
+  const description = labels?.description ?? title;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: false,
+      className: cn(
+        "inset-0 flex h-dvh max-h-dvh w-screen max-w-none translate-x-0 translate-y-0 top-0 left-0 gap-0 overflow-hidden rounded-none border-0 p-0 shadow-none sm:max-w-none",
+        contentClassName,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: title }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: description }),
+        showCloseButton && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onOpenChange(false),
+            "aria-label": closeLabel,
+            className: "absolute top-3 right-3 z-20 rounded-full bg-black/50 p-2 text-white transition-colors hover:bg-black/70",
+            children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
+          }
+        ),
+        children
+      ]
+    }
+  ) });
+}
+function PdfViewerDialog({
+  open,
+  onOpenChange,
+  title,
+  fileUrl,
+  fileName,
+  downloadUrl,
+  workerSrc,
+  initialPage,
+  labels
+}) {
+  const viewerLabels = labels;
+  return /* @__PURE__ */ jsx(
+    MediaViewerDialog,
+    {
+      open,
+      onOpenChange,
+      labels: {
+        close: labels.close,
+        title,
+        description: labels.dialogDescription ?? title
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col pt-12", children: [
+        /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-2 pr-14", children: /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: title }) }),
+        /* @__PURE__ */ jsx(
+          PdfViewer,
+          {
+            fileUrl,
+            fileName: fileName ?? title,
+            downloadUrl,
+            workerSrc,
+            initialPage,
+            labels: viewerLabels,
+            className: "min-h-0 flex-1"
+          }
+        )
+      ] })
+    }
+  );
+}
+
+export { PdfViewer, PdfViewerDialog, configurePdfWorker };
+//# sourceMappingURL=pdf.js.map
+//# sourceMappingURL=pdf.js.map