@geomak/ui 7.7.4 → 7.9.0

package/dist/index.js

@@ -2,7 +2,7 @@ import { X, Error as Error$1, Warning, CheckCircle, Info } from './chunk-KAFJJO5
 export { icons_default as Icon, createIcon } from './chunk-KAFJJO5O.js';
 import { colors_default } from './chunk-DXOWXLKK.js';
 export { colors_default as COLORS, PALETTE as palette, semanticTokens, vars } from './chunk-DXOWXLKK.js';
-import React31, { useMemo, createContext, useState, useEffect, useId, useCallback, useRef, useContext, useSyncExternalStore, useLayoutEffect } from 'react';
+import React34, { useMemo, createContext, useState, useEffect, useId, useCallback, useRef, useContext, useSyncExternalStore, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -453,7 +453,7 @@ function Typography({
     }
   );
 }
-var IconButton = React31.forwardRef(function IconButton2({
+var IconButton = React34.forwardRef(function IconButton2({
   icon,
   onClick,
   type = "primary",
@@ -562,7 +562,7 @@ var SIZE_CLASSES = {
   md: "h-9  px-4   text-sm  gap-1.5 rounded-lg",
   lg: "h-11 px-5   text-sm  gap-2   rounded-xl"
 };
-var Button = React31.forwardRef(function Button2({
+var Button = React34.forwardRef(function Button2({
   content,
   variant = "primary",
   size = "md",
@@ -670,7 +670,7 @@ function MenuButton({
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
         ].join(" "),
-        children: items.map((item) => /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+        children: items.map((item) => /* @__PURE__ */ jsxs(React34.Fragment, { children: [
           item.separatorBefore && /* @__PURE__ */ jsx(DropdownMenu2.Separator, { className: "my-1 h-px bg-border" }),
           /* @__PURE__ */ jsxs(
             DropdownMenu2.Item,
@@ -1817,7 +1817,7 @@ function Kbd({
   style
 }) {
   if (keys && keys.length > 0) {
-    return /* @__PURE__ */ jsx("span", { className: cx("inline-flex items-center gap-1", className), style, children: keys.map((k, i) => /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+    return /* @__PURE__ */ jsx("span", { className: cx("inline-flex items-center gap-1", className), style, children: keys.map((k, i) => /* @__PURE__ */ jsxs(React34.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsx("span", { className: "text-foreground-muted text-xs select-none", children: separator }),
       /* @__PURE__ */ jsx("kbd", { className: [cap, SIZE3[size]].join(" "), children: k })
     ] }, `${k}-${i}`)) });
@@ -1909,7 +1909,7 @@ function FlatCarousel({
   style
 }) {
   const scrollerRef = useRef(null);
-  const slides = React31.Children.toArray(children);
+  const slides = React34.Children.toArray(children);
   const [active, setActive] = useState(0);
   const [atStart, setAtStart] = useState(true);
   const [atEnd, setAtEnd] = useState(false);
@@ -1964,7 +1964,7 @@ function RotatingCarousel({
   className = "",
   style
 }) {
-  const slides = React31.Children.toArray(children);
+  const slides = React34.Children.toArray(children);
   const count = slides.length;
   const [active, setActive] = useState(0);
   const reduced = useReducedMotion();
@@ -5245,7 +5245,7 @@ function Wizard({
   ] });
 }
 var SearchIcon = /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "w-4 h-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) });
-var SearchInput = React31.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
+var SearchInput = React34.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
   return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, layout, helperText, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5562,7 +5562,7 @@ function TableBody({
   return /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => {
     const rowKey = getRowKey(row, i);
     const isExpanded = expanded.has(rowKey);
-    return /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React34.Fragment, { children: [
       /* @__PURE__ */ jsxs(
         "tr",
         {
@@ -5913,6 +5913,956 @@ function VirtualList({
     )
   ] });
 }
+
+// src/utils/fileSource.ts
+function isUrlSource(source) {
+  return typeof source === "string" || source instanceof URL;
+}
+function urlHref(source) {
+  return typeof source === "string" ? source : source.href;
+}
+async function sourceToBytes(source, remote) {
+  if (source instanceof Uint8Array) return source;
+  if (source instanceof ArrayBuffer) return new Uint8Array(source);
+  if (typeof Blob !== "undefined" && source instanceof Blob) {
+    return new Uint8Array(await source.arrayBuffer());
+  }
+  if (isUrlSource(source)) {
+    const res = await fetch(urlHref(source), {
+      headers: remote?.httpHeaders,
+      credentials: remote?.withCredentials ? "include" : "same-origin"
+    });
+    if (!res.ok) throw new Error(`Failed to fetch (${res.status} ${res.statusText})`);
+    return new Uint8Array(await res.arrayBuffer());
+  }
+  throw new Error("Unsupported source type");
+}
+function downloadBlob(blob, name) {
+  if (typeof document === "undefined") return;
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.click();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
+function sourceName(source) {
+  if (typeof File !== "undefined" && source instanceof File) return source.name;
+  if (isUrlSource(source)) {
+    const href = urlHref(source);
+    const last = href.split("?")[0].split("#")[0].split("/").filter(Boolean).pop();
+    return last || void 0;
+  }
+  return void 0;
+}
+var pdfjsPromise = null;
+function loadPdfjs(workerSrc) {
+  if (pdfjsPromise) return pdfjsPromise;
+  pdfjsPromise = import('pdfjs-dist').then((pdfjs) => {
+    if (!pdfjs.GlobalWorkerOptions.workerSrc) {
+      pdfjs.GlobalWorkerOptions.workerSrc = workerSrc ?? `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+    }
+    return pdfjs;
+  });
+  return pdfjsPromise;
+}
+var GAP = 12;
+var SEARCH_DEBOUNCE = 220;
+var TEXT_LAYER_STYLE_ID = "oxygen-pdf-textlayer";
+var TEXT_LAYER_CSS = `
+.oxy-textLayer{position:absolute;inset:0;overflow:clip;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0}
+.oxy-textLayer span,.oxy-textLayer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}
+.oxy-textLayer span.markedContent{top:0;height:0}
+.oxy-textLayer ::selection{background:color-mix(in srgb, var(--color-accent) 35%, transparent)}
+`;
+function ensureTextLayerStyles() {
+  if (typeof document === "undefined" || document.getElementById(TEXT_LAYER_STYLE_ID)) return;
+  const el = document.createElement("style");
+  el.id = TEXT_LAYER_STYLE_ID;
+  el.textContent = TEXT_LAYER_CSS;
+  document.head.appendChild(el);
+}
+function pageIndexAt(offsets, y) {
+  let lo = 0;
+  let hi = offsets.length - 1;
+  let ans = 0;
+  while (lo <= hi) {
+    const mid = lo + hi >> 1;
+    if (offsets[mid] <= y) {
+      ans = mid;
+      lo = mid + 1;
+    } else hi = mid - 1;
+  }
+  return ans;
+}
+function PdfViewer({
+  source,
+  remote,
+  initialPage = 1,
+  zoom = "page-width",
+  toolbar = true,
+  thumbnails = false,
+  textLayer = true,
+  workerSrc,
+  onLoad,
+  onError,
+  onPageChange,
+  className = "",
+  style
+}) {
+  const [pdfjs, setPdfjs] = useState(null);
+  const [doc, setDoc] = useState(null);
+  const [numPages, setNumPages] = useState(0);
+  const [baseSize, setBaseSize] = useState(null);
+  const [sizes, setSizes] = useState([]);
+  const [status, setStatus] = useState("loading");
+  const [error, setError] = useState(null);
+  const [reloadKey, setReloadKey] = useState(0);
+  const scrollRef = useRef(null);
+  const [scrollTop, setScrollTop] = useState(0);
+  const [viewport, setViewport] = useState({ w: 0, h: 0 });
+  const [zoomMode, setZoomMode] = useState(zoom);
+  const [page, setPage] = useState(initialPage);
+  const [showSearch, setShowSearch] = useState(false);
+  const [query, setQuery] = useState("");
+  const [matchPages, setMatchPages] = useState(null);
+  const [matchIdx, setMatchIdx] = useState(0);
+  const [searching, setSearching] = useState(false);
+  const [pageDraft, setPageDraft] = useState("");
+  const pageEditing = useRef(false);
+  const pageText = useRef(/* @__PURE__ */ new Map());
+  const searchSeq = useRef(0);
+  const searchTimer = useRef(null);
+  const measured = useRef(/* @__PURE__ */ new Set());
+  const tb = toolbar === true ? { zoom: true, pager: true, download: true, print: true, search: true } : toolbar || {};
+  useEffect(() => {
+    let cancelled = false;
+    let task;
+    setStatus("loading");
+    setError(null);
+    setDoc(null);
+    setBaseSize(null);
+    setSizes([]);
+    pageText.current.clear();
+    measured.current = /* @__PURE__ */ new Set();
+    setMatchPages(null);
+    setMatchIdx(0);
+    loadPdfjs(workerSrc).then(async (pdfjs2) => {
+      if (cancelled) return;
+      setPdfjs(pdfjs2);
+      const params = isUrlSource(source) ? { url: urlHref(source), httpHeaders: remote?.httpHeaders, withCredentials: remote?.withCredentials } : { data: source instanceof Uint8Array || source instanceof ArrayBuffer ? source : new Uint8Array(await source.arrayBuffer()) };
+      task = pdfjs2.getDocument(params);
+      const pdf = await task.promise;
+      if (cancelled) {
+        pdf.destroy?.();
+        return;
+      }
+      const first = await pdf.getPage(1);
+      const vp = first.getViewport({ scale: 1 });
+      if (cancelled) return;
+      const base = { width: vp.width, height: vp.height };
+      setDoc(pdf);
+      setNumPages(pdf.numPages);
+      setBaseSize(base);
+      setSizes(Array.from({ length: pdf.numPages }, () => base));
+      measured.current.add(1);
+      setStatus("ready");
+      onLoad?.({ numPages: pdf.numPages });
+    }).catch((err) => {
+      if (cancelled) return;
+      setStatus("error");
+      setError(err);
+      onError?.(err);
+    });
+    return () => {
+      cancelled = true;
+      task?.destroy?.();
+    };
+  }, [source, remote, reloadKey, workerSrc]);
+  useEffect(() => () => {
+    doc?.destroy?.();
+  }, [doc]);
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el || typeof ResizeObserver === "undefined") return;
+    const measure = () => setViewport({ w: el.clientWidth, h: el.clientHeight });
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [status]);
+  const handleMeasure = useCallback((p, size) => {
+    setSizes((prev) => {
+      const cur = prev[p - 1];
+      if (cur && Math.abs(cur.width - size.width) < 0.5 && Math.abs(cur.height - size.height) < 0.5) return prev;
+      const next = prev.slice();
+      next[p - 1] = size;
+      return next;
+    });
+  }, []);
+  const scale = useMemo(() => {
+    if (!baseSize) return 1;
+    if (typeof zoomMode === "number") return zoomMode;
+    const avail = Math.max(1, (viewport.w || baseSize.width) - 32);
+    if (zoomMode === "page-width" || zoomMode === "auto") return avail / baseSize.width;
+    if (zoomMode === "page-fit") {
+      const availH = Math.max(1, (viewport.h || baseSize.height) - 32);
+      return Math.min(avail / baseSize.width, availH / baseSize.height);
+    }
+    return 1;
+  }, [zoomMode, baseSize, viewport]);
+  const { offsets, total } = useMemo(() => {
+    const offs = new Array(sizes.length);
+    let acc = 0;
+    for (let i = 0; i < sizes.length; i++) {
+      offs[i] = acc;
+      acc += sizes[i].height * scale + GAP;
+    }
+    return { offsets: offs, total: acc };
+  }, [sizes, scale]);
+  const overscan = 1;
+  const hasLayout = offsets.length > 0 && total > 0;
+  const startIdx = hasLayout ? Math.max(0, pageIndexAt(offsets, scrollTop) - overscan) : 0;
+  const endIdx = hasLayout ? Math.min(numPages, pageIndexAt(offsets, scrollTop + viewport.h) + 1 + overscan) : 0;
+  const visiblePages = Array.from({ length: Math.max(0, endIdx - startIdx) }, (_, i) => startIdx + i + 1);
+  const scrollToPage = useCallback((p) => {
+    const el = scrollRef.current;
+    if (!el || !offsets.length) return;
+    const clamped = Math.min(offsets.length, Math.max(1, p));
+    el.scrollTo({ top: offsets[clamped - 1] ?? 0, behavior: "smooth" });
+  }, [offsets]);
+  useEffect(() => {
+    if (!hasLayout) return;
+    const cur = pageIndexAt(offsets, scrollTop + viewport.h / 2) + 1;
+    if (cur !== page) {
+      setPage(cur);
+      onPageChange?.(cur);
+    }
+  }, [scrollTop, offsets, viewport.h, numPages]);
+  useEffect(() => {
+    if (status === "ready" && initialPage > 1) scrollToPage(initialPage);
+  }, [status, initialPage]);
+  const runSearch = useCallback(async (q) => {
+    const needle = q.trim().toLowerCase();
+    if (!doc || !needle) {
+      setMatchPages(null);
+      setMatchIdx(0);
+      setSearching(false);
+      return;
+    }
+    const seq = ++searchSeq.current;
+    setSearching(true);
+    const hits = [];
+    for (let p = 1; p <= numPages; p++) {
+      let text = pageText.current.get(p);
+      if (text === void 0) {
+        const pg = await doc.getPage(p);
+        const tc = await pg.getTextContent();
+        const built = tc.items.map((it) => "str" in it ? it.str : "").join(" ").toLowerCase();
+        pageText.current.set(p, built);
+        text = built;
+      }
+      if (seq !== searchSeq.current) return;
+      if (text.includes(needle)) hits.push(p);
+    }
+    if (seq !== searchSeq.current) return;
+    setMatchPages(hits);
+    setMatchIdx(0);
+    setSearching(false);
+    if (hits.length) scrollToPage(hits[0]);
+  }, [doc, numPages, scrollToPage]);
+  const onQueryChange = useCallback((v) => {
+    setQuery(v);
+    if (searchTimer.current) clearTimeout(searchTimer.current);
+    if (!v.trim()) {
+      searchSeq.current++;
+      setMatchPages(null);
+      setMatchIdx(0);
+      setSearching(false);
+      return;
+    }
+    searchTimer.current = setTimeout(() => runSearch(v), SEARCH_DEBOUNCE);
+  }, [runSearch]);
+  useEffect(() => () => {
+    if (searchTimer.current) clearTimeout(searchTimer.current);
+  }, []);
+  const gotoMatch = (dir) => {
+    if (!matchPages?.length) return;
+    const next = (matchIdx + dir + matchPages.length) % matchPages.length;
+    setMatchIdx(next);
+    scrollToPage(matchPages[next]);
+  };
+  const getBytes = useCallback(async () => {
+    if (doc?.getData) return doc.getData();
+    if (source instanceof Uint8Array) return source;
+    if (source instanceof ArrayBuffer) return new Uint8Array(source);
+    if (typeof Blob !== "undefined" && source instanceof Blob) return new Uint8Array(await source.arrayBuffer());
+    throw new Error("No bytes available");
+  }, [doc, source]);
+  const download = useCallback(async () => {
+    const bytes = await getBytes();
+    downloadBlob(new Blob([bytes], { type: "application/pdf" }), sourceName(source) || "document.pdf");
+  }, [getBytes, source]);
+  const print = useCallback(async () => {
+    const bytes = await getBytes();
+    const blob = new Blob([bytes], { type: "application/pdf" });
+    const url = URL.createObjectURL(blob);
+    const iframe = document.createElement("iframe");
+    iframe.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0";
+    iframe.src = url;
+    iframe.onload = () => {
+      try {
+        iframe.contentWindow?.focus();
+        iframe.contentWindow?.print();
+      } catch {
+      }
+    };
+    document.body.appendChild(iframe);
+    setTimeout(() => {
+      document.body.removeChild(iframe);
+      URL.revokeObjectURL(url);
+    }, 6e4);
+  }, [getBytes]);
+  const setZoomNum = (factor) => {
+    const cur = typeof zoomMode === "number" ? zoomMode : scale;
+    setZoomMode(Math.min(5, Math.max(0.25, +(cur * factor).toFixed(2))));
+  };
+  const zoomPct = Math.round(scale * 100);
+  const commitPageDraft = () => {
+    pageEditing.current = false;
+    const n = parseInt(pageDraft, 10);
+    if (Number.isFinite(n)) scrollToPage(n);
+  };
+  if (status === "error") {
+    return /* @__PURE__ */ jsxs("div", { className: cx("flex flex-col items-center justify-center gap-3 rounded-lg border border-border bg-surface p-8 text-center", className), style, children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-status-error", children: "Couldn\u2019t load the PDF" }),
+      error?.message && /* @__PURE__ */ jsx("p", { className: "max-w-md text-xs text-foreground-muted", children: error.message }),
+      /* @__PURE__ */ jsx(Button_default, { content: "Retry", size: "sm", variant: "outline", onClick: () => setReloadKey((k) => k + 1) })
+    ] });
+  }
+  const ready = status === "ready";
+  return /* @__PURE__ */ jsxs("div", { className: cx("flex flex-col overflow-hidden rounded-lg border border-border bg-surface-raised", className), style: { height: 600, ...style }, children: [
+    toolbar !== false && /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 flex-col border-b border-border bg-surface", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-2 py-1.5", children: [
+        tb.pager && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Previous page", onClick: () => scrollToPage(page - 1), icon: /* @__PURE__ */ jsx(Chevron5, { dir: "up" }), disabled: !ready || page <= 1 }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-foreground-secondary select-none", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: pageEditing.current ? pageDraft : ready ? String(page) : "\u2013",
+                onFocus: () => {
+                  pageEditing.current = true;
+                  setPageDraft(String(page));
+                },
+                onChange: (e) => setPageDraft(e.target.value.replace(/[^\d]/g, "")),
+                onBlur: commitPageDraft,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") e.target.blur();
+                },
+                disabled: !ready,
+                "aria-label": "Page number",
+                className: "h-6 w-9 rounded border border-border bg-surface-raised text-center tabular-nums text-foreground outline-none focus:border-accent disabled:opacity-50"
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+              "/ ",
+              numPages || "\u2013"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Next page", onClick: () => scrollToPage(page + 1), icon: /* @__PURE__ */ jsx(Chevron5, { dir: "down" }), disabled: !ready || page >= numPages })
+        ] }),
+        tb.pager && tb.zoom && /* @__PURE__ */ jsx("span", { className: "mx-1 h-5 w-px bg-border", "aria-hidden": "true" }),
+        tb.zoom && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Zoom out", onClick: () => setZoomNum(1 / 1.2), icon: /* @__PURE__ */ jsx(MinusIcon, {}), disabled: !ready }),
+          /* @__PURE__ */ jsx("span", { className: "w-10 text-center text-xs tabular-nums text-foreground-secondary select-none", children: ready ? `${zoomPct}%` : "\u2013" }),
+          /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Zoom in", onClick: () => setZoomNum(1.2), icon: /* @__PURE__ */ jsx(PlusIcon, {}), disabled: !ready }),
+          /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Fit width", onClick: () => setZoomMode("page-width"), icon: /* @__PURE__ */ jsx(FitWidthIcon, {}), disabled: !ready }),
+          /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Fit page", onClick: () => setZoomMode("page-fit"), icon: /* @__PURE__ */ jsx(FitPageIcon, {}), disabled: !ready })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+          tb.search && /* @__PURE__ */ jsx(IconButton_default, { type: showSearch ? "bordered" : "ghost", size: "sm", title: "Search", onClick: () => setShowSearch((s) => !s), icon: /* @__PURE__ */ jsx(SearchIcon2, {}), disabled: !ready }),
+          tb.search && (tb.download || tb.print) && /* @__PURE__ */ jsx("span", { className: "mx-1 h-5 w-px bg-border", "aria-hidden": "true" }),
+          tb.download && /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Download", onClick: download, icon: /* @__PURE__ */ jsx(DownloadIcon, {}), disabled: !ready }),
+          tb.print && /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Print", onClick: print, icon: /* @__PURE__ */ jsx(PrintIcon, {}), disabled: !ready })
+        ] })
+      ] }),
+      tb.search && showSearch && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border px-2 py-1.5", children: [
+        /* @__PURE__ */ jsx(SearchIcon2, {}),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            autoFocus: true,
+            value: query,
+            onChange: (e) => onQueryChange(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") gotoMatch(e.shiftKey ? -1 : 1);
+            },
+            placeholder: "Find in document\u2026",
+            className: "h-7 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-foreground-muted"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-foreground-muted", children: searching ? "Searching\u2026" : matchPages == null ? "" : matchPages.length ? `${matchIdx + 1} of ${matchPages.length}` : "No matches" }),
+        /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Previous match", onClick: () => gotoMatch(-1), icon: /* @__PURE__ */ jsx(Chevron5, { dir: "up" }), disabled: !matchPages?.length }),
+        /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Next match", onClick: () => gotoMatch(1), icon: /* @__PURE__ */ jsx(Chevron5, { dir: "down" }), disabled: !matchPages?.length }),
+        /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Close search", onClick: () => {
+          setShowSearch(false);
+          onQueryChange("");
+        }, icon: /* @__PURE__ */ jsx(CloseIcon, {}) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1", children: [
+      thumbnails && ready && doc && baseSize && /* @__PURE__ */ jsx("div", { className: "w-32 flex-shrink-0 overflow-y-auto border-r border-border bg-surface p-2", children: Array.from({ length: numPages }, (_, i) => i + 1).map((p) => {
+        const s = sizes[p - 1] ?? baseSize;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => scrollToPage(p),
+            className: cx(
+              "mb-2 block w-full overflow-hidden rounded border bg-surface-raised transition-colors",
+              p === page ? "border-accent ring-1 ring-accent" : "border-border hover:border-border-strong"
+            ),
+            style: { aspectRatio: `${s.width} / ${s.height}` },
+            "aria-label": `Page ${p}`,
+            "aria-current": p === page,
+            children: Math.abs(p - page) <= 8 ? /* @__PURE__ */ jsx(PdfPage, { pdfjs, doc, page: p, scale: 112 / s.width, textLayer: false }) : /* @__PURE__ */ jsx("span", { className: "block py-4 text-center text-xs text-foreground-muted", children: p })
+          },
+          p
+        );
+      }) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: scrollRef,
+          onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
+          className: "relative flex-1 overflow-auto bg-background",
+          children: !ready || !baseSize ? /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3 p-6", children: /* @__PURE__ */ jsx(SkeletonBox, { width: Math.min((viewport.w || 528) - 48, 560), height: 680, className: "rounded" }) }) : numPages === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-sm text-foreground-muted", children: "Empty document" }) : /* @__PURE__ */ jsx("div", { style: { height: total, position: "relative" }, children: visiblePages.map((p) => {
+            const s = sizes[p - 1] ?? baseSize;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: { position: "absolute", top: offsets[p - 1], left: 0, right: 0, display: "flex", justifyContent: "center", paddingTop: GAP / 2 },
+                children: /* @__PURE__ */ jsx("div", { className: "relative shadow-md", style: { width: s.width * scale, height: s.height * scale }, children: /* @__PURE__ */ jsx(PdfPage, { pdfjs, doc, page: p, scale, textLayer, onMeasure: handleMeasure }) })
+              },
+              p
+            );
+          }) })
+        }
+      )
+    ] })
+  ] });
+}
+function PdfPage({
+  pdfjs,
+  doc,
+  page,
+  scale,
+  textLayer,
+  onMeasure
+}) {
+  const canvasRef = useRef(null);
+  const textRef = useRef(null);
+  useEffect(() => {
+    let cancelled = false;
+    let renderTask;
+    (async () => {
+      const pg = await doc.getPage(page);
+      if (cancelled) return;
+      const viewport = pg.getViewport({ scale });
+      onMeasure?.(page, { width: viewport.width / scale, height: viewport.height / scale });
+      const canvas = canvasRef.current;
+      if (!canvas) return;
+      const ratio = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+      canvas.width = Math.floor(viewport.width * ratio);
+      canvas.height = Math.floor(viewport.height * ratio);
+      canvas.style.width = `${Math.floor(viewport.width)}px`;
+      canvas.style.height = `${Math.floor(viewport.height)}px`;
+      const ctx = canvas.getContext("2d");
+      renderTask = pg.render({ canvasContext: ctx, viewport, transform: ratio !== 1 ? [ratio, 0, 0, ratio, 0, 0] : void 0 });
+      try {
+        await renderTask.promise;
+      } catch {
+        return;
+      }
+      if (cancelled || !textLayer || !textRef.current || !pdfjs?.TextLayer) return;
+      try {
+        ensureTextLayerStyles();
+        textRef.current.innerHTML = "";
+        textRef.current.style.setProperty("--scale-factor", String(scale));
+        const tl = new pdfjs.TextLayer({ textContentSource: pg.streamTextContent(), container: textRef.current, viewport });
+        await tl.render();
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+      renderTask?.cancel?.();
+    };
+  }, [pdfjs, doc, page, scale, textLayer, onMeasure]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("canvas", { ref: canvasRef, className: "block bg-white" }),
+    textLayer && /* @__PURE__ */ jsx("div", { ref: textRef, className: "oxy-textLayer", "aria-hidden": "true" })
+  ] });
+}
+var Chevron5 = ({ dir }) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: dir === "up" ? "m6 15 6-6 6 6" : "m6 9 6 6 6-6" }) });
+var MinusIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M5 12h14" }) });
+var PlusIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M12 5v14M5 12h14" }) });
+var SearchIcon2 = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4 text-foreground-muted", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "7" }),
+  /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "m21 21-4.3-4.3" })
+] });
+var CloseIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M6 6l12 12M18 6 6 18" }) });
+var DownloadIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 3v12m0 0 4-4m-4 4-4-4M4 21h16" }) });
+var PrintIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9V3h12v6M6 18H4v-7h16v7h-2M8 14h8v7H8z" }) });
+var FitWidthIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 12h18m0 0-4-4m4 4-4 4M3 12l4-4m-4 4 4 4" }) });
+var FitPageIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("rect", { x: "5", y: "3", width: "14", height: "18", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 8h6M9 12h6M9 16h4" })
+] });
+var DEFAULT_COL_WIDTH = 140;
+var GUTTER = 52;
+function resolveWidth(w) {
+  if (typeof w === "number" && Number.isFinite(w)) return w;
+  if (typeof w === "string") {
+    const m = /^\s*(\d+(?:\.\d+)?)(px)?\s*$/.exec(w);
+    if (m) return parseFloat(m[1]);
+  }
+  return DEFAULT_COL_WIDTH;
+}
+function displayValue(v) {
+  if (v == null) return "";
+  return String(v);
+}
+function DataGrid({
+  columns,
+  rows,
+  rowHeight = 34,
+  headerHeight = 38,
+  height = 480,
+  editable = false,
+  virtualize = true,
+  overscan = 4,
+  rowNumbers = true,
+  onCellEdit,
+  className = "",
+  style,
+  emptyState = "No data"
+}) {
+  const scrollRef = useRef(null);
+  const [scroll, setScroll] = useState({ top: 0, left: 0 });
+  const [viewport, setViewport] = useState({ w: 0, h: 0 });
+  const [editing, setEditing] = useState(null);
+  const [draft, setDraft] = useState("");
+  const gutter = rowNumbers ? GUTTER : 0;
+  const { widths, offsets, totalWidth } = useMemo(() => {
+    const widths2 = columns.map((c) => resolveWidth(c.width));
+    const offsets2 = [];
+    let acc = 0;
+    for (const w of widths2) {
+      offsets2.push(acc);
+      acc += w;
+    }
+    return { widths: widths2, offsets: offsets2, totalWidth: acc };
+  }, [columns]);
+  const totalHeight = rows.length * rowHeight;
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el || typeof ResizeObserver === "undefined") return;
+    const measure = () => setViewport({ w: el.clientWidth, h: el.clientHeight });
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const bodyH = (viewport.h || (typeof height === "number" ? height : 480)) - headerHeight;
+  const rowStart = virtualize ? Math.max(0, Math.floor(scroll.top / rowHeight) - overscan) : 0;
+  const rowEnd = virtualize ? Math.min(rows.length, Math.ceil((scroll.top + bodyH) / rowHeight) + overscan) : rows.length;
+  let colStart = 0;
+  let colEnd = columns.length;
+  if (virtualize && viewport.w) {
+    const viewLeft = scroll.left;
+    const viewRight = scroll.left + (viewport.w - gutter);
+    colStart = Math.max(0, offsets.findIndex((o, i) => o + widths[i] > viewLeft));
+    if (colStart < 0) colStart = 0;
+    colEnd = offsets.findIndex((o) => o > viewRight);
+    colEnd = colEnd === -1 ? columns.length : Math.min(columns.length, colEnd + 1);
+    colStart = Math.max(0, colStart - overscan);
+    colEnd = Math.min(columns.length, colEnd + overscan);
+  }
+  const visibleRows = Array.from({ length: Math.max(0, rowEnd - rowStart) }, (_, i) => rowStart + i);
+  const visibleCols = Array.from({ length: Math.max(0, colEnd - colStart) }, (_, i) => colStart + i);
+  const commit = useCallback(() => {
+    if (!editing) return;
+    const col = columns[editing.col];
+    onCellEdit?.({ row: editing.row, column: col.key, value: draft });
+    setEditing(null);
+  }, [editing, columns, draft, onCellEdit]);
+  const startEdit = (row, col) => {
+    const c = columns[col];
+    if (!(c.editable ?? editable)) return;
+    setDraft(displayValue(rows[row]?.[c.key] ?? ""));
+    setEditing({ row, col });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: scrollRef,
+      onScroll: (e) => setScroll({ top: e.currentTarget.scrollTop, left: e.currentTarget.scrollLeft }),
+      className: cx("relative overflow-auto rounded-lg border border-border bg-surface-raised text-sm", className),
+      style: { height, ...style },
+      role: "grid",
+      "aria-rowcount": rows.length,
+      "aria-colcount": columns.length,
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative", width: gutter + totalWidth, height: headerHeight + totalHeight }, children: [
+          rowNumbers && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "border-b border-r border-border bg-surface",
+              style: { position: "absolute", top: scroll.top, left: scroll.left, width: gutter, height: headerHeight, zIndex: 3 }
+            }
+          ),
+          visibleCols.map((ci) => {
+            const c = columns[ci];
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "columnheader",
+                className: "flex items-center border-b border-r border-border bg-surface px-3 font-medium text-foreground-secondary",
+                style: {
+                  position: "absolute",
+                  top: scroll.top,
+                  left: gutter + offsets[ci],
+                  width: widths[ci],
+                  height: headerHeight,
+                  zIndex: 2,
+                  justifyContent: c.align === "right" ? "flex-end" : c.align === "center" ? "center" : "flex-start"
+                },
+                children: /* @__PURE__ */ jsx("span", { className: "truncate", children: c.label ?? c.key })
+              },
+              `h-${c.key}`
+            );
+          }),
+          rowNumbers && visibleRows.map((ri) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex items-center justify-center border-b border-r border-border bg-surface text-xs tabular-nums text-foreground-muted",
+              style: { position: "absolute", left: scroll.left, top: headerHeight + ri * rowHeight, width: gutter, height: rowHeight, zIndex: 1 },
+              children: ri + 1
+            },
+            `g-${ri}`
+          )),
+          visibleRows.map(
+            (ri) => visibleCols.map((ci) => {
+              const c = columns[ci];
+              const isEditing = editing?.row === ri && editing?.col === ci;
+              const canEdit = c.editable ?? editable;
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  role: "gridcell",
+                  onDoubleClick: () => startEdit(ri, ci),
+                  className: cx(
+                    "flex items-center border-b border-r border-border px-3",
+                    ri % 2 ? "bg-surface-raised" : "bg-surface",
+                    canEdit && "cursor-text"
+                  ),
+                  style: {
+                    position: "absolute",
+                    top: headerHeight + ri * rowHeight,
+                    left: gutter + offsets[ci],
+                    width: widths[ci],
+                    height: rowHeight,
+                    justifyContent: c.align === "right" ? "flex-end" : c.align === "center" ? "center" : "flex-start"
+                  },
+                  children: isEditing ? /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      autoFocus: true,
+                      value: draft,
+                      onChange: (e) => setDraft(e.target.value),
+                      onBlur: commit,
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter") commit();
+                        else if (e.key === "Escape") setEditing(null);
+                      },
+                      className: "h-full w-full bg-transparent text-foreground outline-none"
+                    }
+                  ) : /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", children: displayValue(rows[ri]?.[c.key] ?? "") })
+                },
+                `${ri}-${c.key}`
+              );
+            })
+          )
+        ] }),
+        rows.length === 0 && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-foreground-muted", style: { top: headerHeight }, children: emptyState })
+      ]
+    }
+  );
+}
+function toColumns(cols) {
+  return cols.map((c) => typeof c === "string" ? { key: c, label: c } : { ...c, label: c.label ?? c.key });
+}
+function cellValue(v) {
+  if (v != null && typeof v === "object" && "value" in v) return v.value;
+  return v;
+}
+function toPlainRows(sheet, columns) {
+  return sheet.rows.map((row) => {
+    const out = {};
+    for (const c of columns) out[c.key] = cellValue(row[c.key]);
+    return out;
+  });
+}
+var xlsxPromise = null;
+var loadXlsx = () => xlsxPromise ??= import('xlsx');
+var jspdfPromise = null;
+var loadJspdf = () => jspdfPromise ??= import('jspdf');
+function coerceToCellType(prev, next) {
+  if (typeof prev === "number") {
+    const n = Number(next);
+    return next.trim() !== "" && Number.isFinite(n) ? n : next;
+  }
+  if (typeof prev === "boolean") {
+    if (/^(true|false)$/i.test(next.trim())) return next.trim().toLowerCase() === "true";
+    return next;
+  }
+  return next;
+}
+function Spreadsheet({
+  source,
+  remote,
+  editable = false,
+  onCellEdit,
+  onChange,
+  export: exportFormats = ["xlsx", "csv", "pdf"],
+  fileName,
+  virtualize = true,
+  className = "",
+  style
+}) {
+  const [sheets, setSheets] = useState(Array.isArray(source) ? source : null);
+  const [active, setActive] = useState(0);
+  const [status, setStatus] = useState(Array.isArray(source) ? "ready" : "loading");
+  const [error, setError] = useState(null);
+  const [reloadKey, setReloadKey] = useState(0);
+  useEffect(() => {
+    if (Array.isArray(source)) {
+      setSheets(source);
+      setStatus("ready");
+      return;
+    }
+    let cancelled = false;
+    setStatus("loading");
+    setError(null);
+    (async () => {
+      try {
+        const bytes = await sourceToBytes(source, remote);
+        const XLSX = await loadXlsx();
+        const wb = XLSX.read(bytes, { type: "array" });
+        const parsed = wb.SheetNames.map((name) => {
+          const ws = wb.Sheets[name];
+          const aoa = XLSX.utils.sheet_to_json(ws, { header: 1, blankrows: false, defval: null });
+          const headerRow = aoa[0] ?? [];
+          const columns2 = headerRow.map((h, i) => ({
+            key: h != null && String(h).length ? String(h) : `col_${i}`,
+            label: h != null && String(h).length ? String(h) : `Column ${i + 1}`
+          }));
+          const rows = aoa.slice(1).map((r) => {
+            const rec = {};
+            columns2.forEach((c, i) => {
+              rec[c.key] = r[i] ?? null;
+            });
+            return rec;
+          });
+          return { name, columns: columns2, rows };
+        });
+        if (cancelled) return;
+        setSheets(parsed);
+        setActive(0);
+        setStatus("ready");
+      } catch (err) {
+        if (cancelled) return;
+        setError(err);
+        setStatus("error");
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [source, remote, reloadKey]);
+  const sheet = sheets?.[active];
+  const columns = useMemo(() => sheet ? toColumns(sheet.columns) : [], [sheet]);
+  const plainRows = useMemo(() => sheet ? toPlainRows(sheet, columns) : [], [sheet, columns]);
+  const handleCellEdit = useCallback(({ row, column, value }) => {
+    let coerced = value;
+    setSheets((prev) => {
+      if (!prev) return prev;
+      const next = prev.map((s, i) => i === active ? { ...s, rows: s.rows.map((r) => ({ ...r })) } : s);
+      const target = next[active];
+      const existing = target.rows[row]?.[column];
+      const prevValue = cellValue(existing);
+      coerced = coerceToCellType(prevValue, value);
+      if (existing != null && typeof existing === "object" && "value" in existing) {
+        target.rows[row][column] = { ...existing, value: coerced };
+      } else {
+        target.rows[row][column] = coerced;
+      }
+      onChange?.(next);
+      return next;
+    });
+    onCellEdit?.({ sheet: sheets?.[active]?.name ?? "", row, column, value: coerced });
+  }, [active, onCellEdit, onChange, sheets]);
+  const baseName = useMemo(
+    () => (fileName || (typeof source === "object" && "name" in source ? sourceName(source) : null) || "spreadsheet").replace(/\.[^.]+$/, ""),
+    [fileName, source]
+  );
+  const sheetAoa = useCallback((s) => {
+    const cols = toColumns(s.columns);
+    const header = cols.map((c) => typeof c.label === "string" ? c.label : c.key);
+    const body = s.rows.map((r) => cols.map((c) => cellValue(r[c.key])));
+    return [header, ...body];
+  }, []);
+  const exportXlsx = useCallback(async () => {
+    if (!sheets) return;
+    const XLSX = await loadXlsx();
+    const wb = XLSX.utils.book_new();
+    sheets.forEach((s) => {
+      const ws = XLSX.utils.aoa_to_sheet(sheetAoa(s));
+      XLSX.utils.book_append_sheet(wb, ws, (s.name || "Sheet").slice(0, 31));
+    });
+    const out = XLSX.write(wb, { bookType: "xlsx", type: "array" });
+    downloadBlob(new Blob([out], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" }), `${baseName}.xlsx`);
+  }, [sheets, sheetAoa, baseName]);
+  const exportCsv = useCallback(() => {
+    if (!sheet) return;
+    const aoa = sheetAoa(sheet);
+    const esc = (v) => {
+      const s = v == null ? "" : String(v);
+      return /[",\n]/.test(s) ? `"${s.replace(/"/g, '""')}"` : s;
+    };
+    const csv = aoa.map((row) => row.map(esc).join(",")).join("\r\n");
+    downloadBlob(new Blob([`\uFEFF${csv}`], { type: "text/csv;charset=utf-8" }), `${baseName}.csv`);
+  }, [sheet, sheetAoa, baseName]);
+  const exportPdf = useCallback(async () => {
+    if (!sheet) return;
+    const { jsPDF } = await loadJspdf();
+    const doc = new jsPDF({ orientation: "landscape", unit: "pt", format: "a4" });
+    const aoa = sheetAoa(sheet);
+    const margin2 = 32;
+    const pageW = doc.internal.pageSize.getWidth();
+    const pageH = doc.internal.pageSize.getHeight();
+    const cols = aoa[0]?.length || 1;
+    const colW = (pageW - margin2 * 2) / cols;
+    const rowH = 18;
+    let y = margin2;
+    doc.setFontSize(9);
+    const drawRow = (row, header) => {
+      if (y + rowH > pageH - margin2) {
+        doc.addPage();
+        y = margin2;
+      }
+      doc.setFont("helvetica", header ? "bold" : "normal");
+      row.forEach((cell, i) => {
+        const text = cell == null ? "" : String(cell);
+        doc.text(text.length > 24 ? `${text.slice(0, 23)}\u2026` : text, margin2 + i * colW + 2, y + 12);
+      });
+      doc.setDrawColor(210);
+      doc.line(margin2, y + rowH, pageW - margin2, y + rowH);
+      y += rowH;
+    };
+    doc.setFont("helvetica", "bold");
+    doc.setFontSize(12);
+    doc.text(sheet.name || baseName, margin2, y);
+    y += 22;
+    doc.setFontSize(9);
+    aoa.forEach((row, i) => drawRow(row, i === 0));
+    doc.save(`${baseName}.pdf`);
+  }, [sheet, sheetAoa, baseName]);
+  const runExport = (fmt) => {
+    if (fmt === "xlsx") void exportXlsx();
+    else if (fmt === "csv") exportCsv();
+    else void exportPdf();
+  };
+  if (status === "error") {
+    return /* @__PURE__ */ jsxs("div", { className: cx("flex flex-col items-center justify-center gap-3 rounded-lg border border-border bg-surface p-8 text-center", className), style, children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-status-error", children: "Couldn\u2019t load the spreadsheet" }),
+      error?.message && /* @__PURE__ */ jsx("p", { className: "max-w-md text-xs text-foreground-muted", children: error.message }),
+      /* @__PURE__ */ jsx(Button_default, { content: "Retry", size: "sm", variant: "outline", onClick: () => setReloadKey((k) => k + 1) })
+    ] });
+  }
+  if (status === "loading" || !sheets) {
+    return /* @__PURE__ */ jsxs("div", { className: cx("rounded-lg border border-border bg-surface-raised p-4", className), style, children: [
+      /* @__PURE__ */ jsx(SkeletonBox, { height: 32, className: "mb-3 rounded" }),
+      /* @__PURE__ */ jsx(SkeletonBox, { height: 360, className: "rounded" })
+    ] });
+  }
+  const formats = exportFormats || [];
+  const exportLabels = {
+    xlsx: "Excel workbook (.xlsx)",
+    csv: "CSV \u2014 this sheet (.csv)",
+    pdf: "PDF table (.pdf)"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cx("flex flex-col overflow-hidden rounded-lg border border-border bg-surface-raised", className), style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 items-center gap-2 border-b border-border bg-surface px-2 py-1.5", children: [
+      sheets.length > 1 ? /* @__PURE__ */ jsx("div", { role: "tablist", "aria-label": "Sheets", className: "flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto", children: sheets.map((s, i) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          role: "tab",
+          type: "button",
+          "aria-selected": i === active,
+          onClick: () => setActive(i),
+          className: cx(
+            "flex-shrink-0 rounded-md px-3 py-1 text-sm font-medium transition-colors",
+            "focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
+            i === active ? "bg-accent text-accent-fg shadow-sm" : "text-foreground-secondary hover:bg-surface-raised hover:text-foreground"
+          ),
+          children: s.name || `Sheet ${i + 1}`
+        },
+        `${s.name}-${i}`
+      )) }) : /* @__PURE__ */ jsx("span", { className: "flex-1 truncate px-1 text-sm font-medium text-foreground", children: sheet?.name || "Sheet 1" }),
+      /* @__PURE__ */ jsxs("span", { className: "hidden flex-shrink-0 px-1 text-xs tabular-nums text-foreground-muted sm:inline", children: [
+        plainRows.length.toLocaleString(),
+        " ",
+        plainRows.length === 1 ? "row" : "rows",
+        " \xB7 ",
+        columns.length,
+        " cols"
+      ] }),
+      formats.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "h-5 w-px flex-shrink-0 bg-border", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(
+          MenuButton,
+          {
+            label: "Export",
+            size: "sm",
+            variant: "outline",
+            align: "end",
+            icon: /* @__PURE__ */ jsx(DownloadIcon2, {}),
+            items: formats.map((fmt) => ({
+              key: fmt,
+              label: exportLabels[fmt],
+              onSelect: () => runExport(fmt)
+            }))
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DataGrid,
+      {
+        columns,
+        rows: plainRows,
+        editable,
+        virtualize,
+        onCellEdit: handleCellEdit,
+        className: "!rounded-none !border-0"
+      }
+    )
+  ] });
+}
+var DownloadIcon2 = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 3v12m0 0 4-4m-4 4-4-4M4 21h16" }) });
 function ThemeSwitch({ checked, onChange, label = "Toggle dark mode", className = "" }) {
   const id = useId();
   return /* @__PURE__ */ jsx("label", { htmlFor: id, className: `flex items-center gap-2 cursor-pointer select-none ${className}`.trim(), children: /* @__PURE__ */ jsx(
@@ -6013,7 +6963,7 @@ function FlyoutItems({ items }) {
 }
 function CollapsedFlyout({ item, trigger }) {
   const [open, setOpen] = useState(false);
-  const closeTimer = React31.useRef(void 0);
+  const closeTimer = React34.useRef(void 0);
   const openNow = () => {
     window.clearTimeout(closeTimer.current);
     setOpen(true);
@@ -6022,7 +6972,7 @@ function CollapsedFlyout({ item, trigger }) {
     window.clearTimeout(closeTimer.current);
     closeTimer.current = window.setTimeout(() => setOpen(false), 150);
   };
-  React31.useEffect(() => () => window.clearTimeout(closeTimer.current), []);
+  React34.useEffect(() => () => window.clearTimeout(closeTimer.current), []);
   return /* @__PURE__ */ jsxs(DropdownMenu2.Root, { open, onOpenChange: setOpen, modal: false, children: [
     /* @__PURE__ */ jsx(
       DropdownMenu2.Trigger,
@@ -6314,8 +7264,8 @@ function MegaMenuLink({ href, icon, description, active, onClick, children, clas
 function MegaMenuFeatured({ children, className = "" }) {
   return /* @__PURE__ */ jsx("div", { className: cx("min-w-0 rounded-lg bg-surface-raised border border-border p-4 flex flex-col", className), children });
 }
-var elementsOfType = (children, type) => React31.Children.toArray(children).filter(
-  (c) => React31.isValidElement(c) && c.type === type
+var elementsOfType = (children, type) => React34.Children.toArray(children).filter(
+  (c) => React34.isValidElement(c) && c.type === type
 );
 var MOBILE_CHEVRON = /* @__PURE__ */ jsx(
   "svg",
@@ -6352,9 +7302,9 @@ function MobileLinkRow({ link, onNavigate }) {
   );
 }
 function MobilePanel({ panel, onNavigate }) {
-  const nodes = React31.Children.toArray(panel.props.children);
+  const nodes = React34.Children.toArray(panel.props.children);
   return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 px-2 pb-3 pt-1", children: nodes.map((node, i) => {
-    if (!React31.isValidElement(node)) return null;
+    if (!React34.isValidElement(node)) return null;
     const el = node;
     if (el.type === MegaMenuSection) {
       const { title, children } = el.props;
@@ -6763,7 +7713,7 @@ function ThemeProvider({
   className = "",
   style
 }) {
-  const id = React31.useId().replace(/:/g, "");
+  const id = React34.useId().replace(/:/g, "");
   const scopeClass = `geo-th-${id}`;
   const divRef = useRef(null);
   useEffect(() => {
@@ -7488,7 +8438,7 @@ function MultiTagRow({
     const wrap = wrapRef.current;
     const measure = measureRef.current;
     if (!wrap || !measure) return;
-    const GAP = 6;
+    const GAP2 = 6;
     const recompute = () => {
       const avail = wrap.clientWidth;
       const tagEls = Array.from(measure.querySelectorAll("[data-mt]"));
@@ -7502,7 +8452,7 @@ function MultiTagRow({
       let used = 0;
       let count = 0;
       for (let i = 0; i < widths.length; i++) {
-        const w = widths[i] + (i > 0 ? GAP : 0);
+        const w = widths[i] + (i > 0 ? GAP2 : 0);
         if (used + w <= avail) {
           used += w;
           count++;
@@ -7511,8 +8461,8 @@ function MultiTagRow({
       if (count < widths.length) {
         while (count > 0) {
           let t = 0;
-          for (let i = 0; i < count; i++) t += widths[i] + (i > 0 ? GAP : 0);
-          t += GAP + moreW;
+          for (let i = 0; i < count; i++) t += widths[i] + (i > 0 ? GAP2 : 0);
+          t += GAP2 + moreW;
           if (t <= avail) break;
           count--;
         }
@@ -8472,7 +9422,7 @@ function DatePicker({
       setOpen(false);
     }
   };
-  const displayValue = value ? format(value) : "";
+  const displayValue2 = value ? format(value) : "";
   return /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-1 ${className}`.trim(), children: [
     /* @__PURE__ */ jsxs("div", { className: `flex ${layout === "vertical" ? "flex-col gap-1.5" : "flex-row items-start gap-3"}`, children: [
       /* @__PURE__ */ jsx(
@@ -8499,7 +9449,7 @@ function DatePicker({
             "aria-expanded": open,
             className: `flex items-center justify-between cursor-pointer select-none ${!style?.width ? "min-w-[200px]" : ""} ${fieldShell({ size, hasError, disabled })}`,
             children: [
-              /* @__PURE__ */ jsx("span", { className: `text-sm truncate ${displayValue ? "" : "text-foreground-muted"}`, children: displayValue || placeholder }),
+              /* @__PURE__ */ jsx("span", { className: `text-sm truncate ${displayValue2 ? "" : "text-foreground-muted"}`, children: displayValue2 || placeholder }),
               /* @__PURE__ */ jsx(CalendarIcon, {})
             ]
           }
@@ -9071,7 +10021,7 @@ function OtpInput({
     emit(valid.join(""));
     focusBox(valid.length);
   };
-  return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+  return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxs(React34.Fragment, { children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -10130,7 +11080,7 @@ function Blog({
           post.tag != null && !post.image && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, { tone: "accent", variant: "soft", size: "sm", children: post.tag }) }),
           /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold leading-snug text-foreground transition-colors group-hover:text-accent", children: post.title }),
           post.excerpt != null && /* @__PURE__ */ jsx("p", { className: "line-clamp-3 text-sm leading-relaxed text-foreground-secondary", children: post.excerpt }),
-          meta.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-wrap items-center gap-x-2 gap-y-1 pt-3 text-xs text-foreground-muted", children: meta.map((m, j) => /* @__PURE__ */ jsxs(React31.Fragment, { children: [
+          meta.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-wrap items-center gap-x-2 gap-y-1 pt-3 text-xs text-foreground-muted", children: meta.map((m, j) => /* @__PURE__ */ jsxs(React34.Fragment, { children: [
             j > 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
             /* @__PURE__ */ jsx("span", { children: m })
           ] }, j)) })
@@ -10303,6 +11253,6 @@ function LeadCapture({
   );
 }
 
-export { Accordion_default as Accordion, AppShell, AutoComplete, Avatar, Badge, Banner, Blog, Box, Breadcrumbs, Button_default as Button, CARD_BRANDS, Card_default as Card, CardCarousel, Cart, CartButton, CartProvider, Catalog, CatalogCarousel, CatalogGrid, Chat, Checkbox, Checkout, ColorPicker, ContextMenu, CookieConsent, CreditCardForm, DateRangePicker, Drawer, Dropdown, EmptyCart, FAB, FadingBase, FeatureGrid, Field, FieldHelpIcon, FieldLabel, FileInput, Flex, Form, FormContext, FormField, FormStore, Grid, GridCard, IconButton_default as IconButton, Jumbotron, Kbd, LeadCapture, List2 as List, LoadingSpinner, LogoutTimer, MegaMenu_default as MegaMenu, MenuButton, Modal, NotificationProvider, NumberInput, OpaqueGridCard, OtpInput, Parallax, Password, PasswordStrength, PopConfirm, Portal, PricingPlans, RadioGroup, RadioTile, Rating, ScalableContainer, Scheduler, SearchInput_default as SearchInput, SecureLayout, SegmentedControl, Sidebar, SkeletonBox, SkeletonCard, SkeletonCircle, SkeletonText, SlideShow, Slider, Socials, Statistic, Stepper, Switch, Table, Tabs_default as Tabs, TagsInput, DatePicker as Temporal, Testimonials, TextArea, TextInput, ThemeProvider, ThemeSwitch, TimePicker, Timeline, Tooltip, TooltipProvider, TopBar, Tree, TreeSelect, Typography, Video, VirtualList, Wizard, cardNumberError, cvvError, cx, defaultPasswordRules, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, scorePassword, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };
+export { Accordion_default as Accordion, AppShell, AutoComplete, Avatar, Badge, Banner, Blog, Box, Breadcrumbs, Button_default as Button, CARD_BRANDS, Card_default as Card, CardCarousel, Cart, CartButton, CartProvider, Catalog, CatalogCarousel, CatalogGrid, Chat, Checkbox, Checkout, ColorPicker, ContextMenu, CookieConsent, CreditCardForm, DataGrid, DateRangePicker, Drawer, Dropdown, EmptyCart, FAB, FadingBase, FeatureGrid, Field, FieldHelpIcon, FieldLabel, FileInput, Flex, Form, FormContext, FormField, FormStore, Grid, GridCard, IconButton_default as IconButton, Jumbotron, Kbd, LeadCapture, List2 as List, LoadingSpinner, LogoutTimer, MegaMenu_default as MegaMenu, MenuButton, Modal, NotificationProvider, NumberInput, OpaqueGridCard, OtpInput, Parallax, Password, PasswordStrength, PdfViewer, PopConfirm, Portal, PricingPlans, RadioGroup, RadioTile, Rating, ScalableContainer, Scheduler, SearchInput_default as SearchInput, SecureLayout, SegmentedControl, Sidebar, SkeletonBox, SkeletonCard, SkeletonCircle, SkeletonText, SlideShow, Slider, Socials, Spreadsheet, Statistic, Stepper, Switch, Table, Tabs_default as Tabs, TagsInput, DatePicker as Temporal, Testimonials, TextArea, TextInput, ThemeProvider, ThemeSwitch, TimePicker, Timeline, Tooltip, TooltipProvider, TopBar, Tree, TreeSelect, Typography, Video, VirtualList, Wizard, cardNumberError, cvvError, cx, defaultPasswordRules, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, scorePassword, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map