@geomak/ui 7.7.3 → 7.8.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();
@@ -4655,8 +4655,8 @@ var TOGGLE_POSITION_CLASS = {
   "bottom-right": "bottom-2 right-2"
 };
 function ScalableContainer({
-  width = "100%",
-  height = "auto",
+  width,
+  height,
   targetWidth,
   targetHeight,
   expandedWidth = "100%",
@@ -4705,25 +4705,20 @@ function ScalableContainer({
   };
   const wrapperClass = isScaled ? assignClassOnClick : void 0;
   return /* @__PURE__ */ jsxs(
-    motion.div,
+    "div",
     {
       ref: containerRef,
       style: {
         width: isScaled ? expandW : width,
         height: isScaled ? expandH : height,
-        flex: isScaled ? "none" : void 0
-      },
-      animate: { width: isScaled ? expandW : width, height: isScaled ? expandH : height },
-      transition: reduced ? { duration: 0 } : {
-        width: { type: "tween", duration: 0.32, ease: [0.16, 1, 0.3, 1] },
-        height: { type: "tween", duration: 0.32, ease: [0.16, 1, 0.3, 1] }
+        ...isScaled ? { flex: "none" } : null
       },
       className: cx(
         "relative rounded-lg overflow-hidden",
+        "transition-[width,height,box-shadow] duration-[320ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none",
         // OS-window aesthetic: subtle elevation at rest, lifted shadow +
         // raised stacking when expanded so it sits above neighbours.
         isScaled ? "z-raised shadow-2xl" : "shadow-md",
-        "transition-shadow duration-300",
         className
       ),
       children: [
@@ -5250,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",
     {
@@ -5567,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",
         {
@@ -5918,6 +5913,769 @@ 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 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() {
+  if (pdfjsPromise) return pdfjsPromise;
+  pdfjsPromise = import('pdfjs-dist').then((pdfjs) => {
+    if (!pdfjs.GlobalWorkerOptions.workerSrc) {
+      pdfjs.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+    }
+    return pdfjs;
+  });
+  return pdfjsPromise;
+}
+var GAP = 12;
+function PdfViewer({
+  source,
+  remote,
+  initialPage = 1,
+  zoom = "page-width",
+  toolbar = true,
+  thumbnails = false,
+  textLayer = true,
+  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 [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 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);
+    loadPdfjs().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;
+      setDoc(pdf);
+      setNumPages(pdf.numPages);
+      setBaseSize({ width: vp.width, height: vp.height });
+      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]);
+  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 scale = useMemo(() => {
+    if (!baseSize) return 1;
+    if (typeof zoomMode === "number") return zoomMode;
+    const avail = Math.max(0, (viewport.w || baseSize.width) - 32);
+    if (zoomMode === "page-width" || zoomMode === "auto") return avail / baseSize.width;
+    if (zoomMode === "page-fit") {
+      const availH = Math.max(0, (viewport.h || baseSize.height) - 32);
+      return Math.min(avail / baseSize.width, availH / baseSize.height);
+    }
+    return 1;
+  }, [zoomMode, baseSize, viewport]);
+  const pageH = baseSize ? baseSize.height * scale + GAP : 0;
+  const pageW = baseSize ? baseSize.width * scale : 0;
+  const total = numPages * pageH;
+  const overscan = 1;
+  const startIdx = pageH ? Math.max(0, Math.floor(scrollTop / pageH) - overscan) : 0;
+  const endIdx = pageH ? Math.min(numPages, Math.ceil((scrollTop + viewport.h) / pageH) + overscan) : 0;
+  const visiblePages = Array.from({ length: Math.max(0, endIdx - startIdx) }, (_, i) => startIdx + i + 1);
+  useEffect(() => {
+    if (!pageH) return;
+    const cur = Math.min(numPages, Math.max(1, Math.floor((scrollTop + viewport.h / 2) / pageH) + 1));
+    if (cur !== page) {
+      setPage(cur);
+      onPageChange?.(cur);
+    }
+  }, [scrollTop, pageH, viewport.h, numPages]);
+  const scrollToPage = useCallback((p) => {
+    const el = scrollRef.current;
+    if (!el || !pageH) return;
+    el.scrollTo({ top: (p - 1) * pageH, behavior: "smooth" });
+  }, [pageH]);
+  useEffect(() => {
+    if (status === "ready" && initialPage > 1) scrollToPage(initialPage);
+  }, [status]);
+  const runSearch = useCallback(async (q) => {
+    setQuery(q);
+    if (!doc || !q.trim()) {
+      setMatchPages(null);
+      setMatchIdx(0);
+      return;
+    }
+    const needle = q.toLowerCase();
+    const hits = [];
+    for (let p = 1; p <= numPages; p++) {
+      const pg = await doc.getPage(p);
+      const tc = await pg.getTextContent();
+      const text = tc.items.map((it) => "str" in it ? it.str : "").join(" ").toLowerCase();
+      if (text.includes(needle)) hits.push(p);
+    }
+    setMatchPages(hits);
+    setMatchIdx(0);
+    if (hits.length) scrollToPage(hits[0]);
+  }, [doc, numPages, scrollToPage]);
+  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 download2 = useCallback(async () => {
+    const bytes = await getBytes();
+    const blob = new Blob([bytes], { type: "application/pdf" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = sourceName(source) || "document.pdf";
+    a.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1e3);
+  }, [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))));
+  };
+  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) })
+    ] });
+  }
+  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-wrap items-center gap-2 border-b border-border bg-surface 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(Math.max(1, page - 1)), icon: /* @__PURE__ */ jsx(Chevron5, { dir: "up" }), disabled: status !== "ready" }),
+        /* @__PURE__ */ jsxs("span", { className: "px-1 text-xs tabular-nums text-foreground-secondary select-none", children: [
+          status === "ready" ? page : "\u2013",
+          " / ",
+          numPages || "\u2013"
+        ] }),
+        /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Next page", onClick: () => scrollToPage(Math.min(numPages, page + 1)), icon: /* @__PURE__ */ jsx(Chevron5, { dir: "down" }), disabled: status !== "ready" })
+      ] }),
+      tb.zoom && /* @__PURE__ */ jsxs("div", { className: "ml-1 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("span", { className: "text-base leading-none", children: "\u2212" }), disabled: status !== "ready" }),
+        /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Zoom in", onClick: () => setZoomNum(1.2), icon: /* @__PURE__ */ jsx("span", { className: "text-base leading-none", children: "+" }), disabled: status !== "ready" }),
+        /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Fit width", onClick: () => setZoomMode("page-width"), icon: /* @__PURE__ */ jsx(FitWidthIcon, {}), disabled: status !== "ready" }),
+        /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Fit page", onClick: () => setZoomMode("page-fit"), icon: /* @__PURE__ */ jsx(FitPageIcon, {}), disabled: status !== "ready" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+        tb.search && /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Search", onClick: () => setShowSearch((s) => !s), icon: /* @__PURE__ */ jsx(SearchIcon2, {}), disabled: status !== "ready" }),
+        tb.download && /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Download", onClick: download2, icon: /* @__PURE__ */ jsx(DownloadIcon, {}), disabled: status !== "ready" }),
+        tb.print && /* @__PURE__ */ jsx(IconButton_default, { type: "ghost", size: "sm", title: "Print", onClick: print, icon: /* @__PURE__ */ jsx(PrintIcon, {}), disabled: status !== "ready" })
+      ] }),
+      tb.search && showSearch && /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2 pt-1", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            autoFocus: true,
+            value: query,
+            onChange: (e) => runSearch(e.target.value),
+            placeholder: "Find in document\u2026",
+            className: "h-7 flex-1 rounded-md border border-border bg-surface px-2 text-sm text-foreground outline-none focus:border-accent"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-foreground-muted", children: matchPages == null ? "" : matchPages.length ? `${matchIdx + 1}/${matchPages.length} pages` : "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__ */ jsxs("div", { className: "flex min-h-0 flex-1", children: [
+      thumbnails && status === "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) => /* @__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: `${baseSize.width} / ${baseSize.height}` },
+          "aria-label": `Page ${p}`,
+          children: Math.abs(p - page) <= 8 ? /* @__PURE__ */ jsx(PdfPage, { pdfjs, doc, page: p, scale: 112 / baseSize.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: status === "loading" || !baseSize ? /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3 p-6", children: /* @__PURE__ */ jsx(SkeletonBox, { width: Math.min(viewport.w - 48, 560) || 480, 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) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: { position: "absolute", top: (p - 1) * pageH, left: 0, right: 0, height: pageH, display: "flex", justifyContent: "center", paddingTop: GAP / 2, paddingBottom: GAP / 2 },
+              children: /* @__PURE__ */ jsx("div", { className: "relative shadow-md", style: { width: pageW, height: baseSize.height * scale }, children: /* @__PURE__ */ jsx(PdfPage, { pdfjs, doc, page: p, scale, textLayer }) })
+            },
+            p
+          )) })
+        }
+      )
+    ] })
+  ] });
+}
+function PdfPage({ pdfjs, doc, page, scale, textLayer }) {
+  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 });
+      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 {
+        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]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("canvas", { ref: canvasRef, className: "block bg-white" }),
+    textLayer && /* @__PURE__ */ jsx("div", { ref: textRef, className: "textLayer pointer-events-auto absolute inset-0 overflow-hidden leading-none", style: { opacity: 0.25 }, "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 SearchIcon2 = () => /* @__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("circle", { cx: "11", cy: "11", r: "7" }),
+  /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "m21 21-4.3-4.3" })
+] });
+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") return w;
+  if (typeof w === "string") {
+    const n = parseFloat(w);
+    if (!Number.isNaN(n) && /^\d/.test(w.trim())) return n;
+  }
+  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 download(blob, name) {
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.click();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
+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 }) => {
+    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];
+      if (existing != null && typeof existing === "object" && "value" in existing) {
+        target.rows[row][column] = { ...existing, value };
+      } else {
+        target.rows[row][column] = value;
+      }
+      onChange?.(next);
+      return next;
+    });
+    onCellEdit?.({ sheet: sheets?.[active]?.name ?? "", row, column, value });
+  }, [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" });
+    download(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");
+    download(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 || [];
+  return /* @__PURE__ */ jsxs("div", { className: cx("flex flex-col gap-2", className), style, children: [
+    (sheets.length > 1 || formats.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      sheets.length > 1 && /* @__PURE__ */ jsx("div", { role: "tablist", className: "flex flex-wrap items-center gap-1 rounded-lg border border-border bg-surface p-1", children: sheets.map((s, i) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          role: "tab",
+          type: "button",
+          "aria-selected": i === active,
+          onClick: () => setActive(i),
+          className: cx(
+            "rounded-md px-3 py-1 text-sm transition-colors",
+            i === active ? "bg-accent text-accent-fg" : "text-foreground-secondary hover:bg-surface-raised hover:text-foreground"
+          ),
+          children: s.name || `Sheet ${i + 1}`
+        },
+        `${s.name}-${i}`
+      )) }),
+      formats.length > 0 && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-1.5", children: formats.map((fmt) => /* @__PURE__ */ jsx(Button_default, { content: fmt.toUpperCase(), size: "sm", variant: "outline", onClick: () => runExport(fmt) }, fmt)) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DataGrid,
+      {
+        columns,
+        rows: plainRows,
+        editable,
+        virtualize,
+        onCellEdit: handleCellEdit
+      }
+    )
+  ] });
+}
 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(
@@ -6018,7 +6776,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);
@@ -6027,7 +6785,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,
@@ -6319,8 +7077,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",
@@ -6357,9 +7115,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;
@@ -6768,7 +7526,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(() => {
@@ -7493,7 +8251,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]"));
@@ -7507,7 +8265,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++;
@@ -7516,8 +8274,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--;
         }
@@ -8477,7 +9235,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(
@@ -8504,7 +9262,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, {})
             ]
           }
@@ -9076,7 +9834,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",
       {
@@ -10135,7 +10893,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)) })
@@ -10308,6 +11066,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