@canopy-iiif/app 1.3.5 → 1.4.0

package/ui/dist/server.mjs

@@ -3212,8 +3212,212 @@ function MdxTimeline({ children, ...rest }) {
   ));
 }
 
-// ui/src/search/MdxSearchResults.jsx
+// ui/src/content/map/MdxMap.jsx
 import React29 from "react";
+import ReactDOMServer2 from "react-dom/server";
+
+// ui/src/content/map/MapPoint.jsx
+function MapPoint() {
+  return null;
+}
+MapPoint.displayName = "MapPoint";
+
+// ui/src/content/map/MdxMap.jsx
+import navPlaceHelpers from "@canopy-iiif/app/lib/components/nav-place.js";
+function normalizeNumber(value) {
+  if (value == null) return null;
+  const num = Number(value);
+  return Number.isFinite(num) ? num : null;
+}
+function normalizeCoordinates(props = {}) {
+  var _a, _b, _c, _d, _e, _f;
+  const lat = (_b = (_a = normalizeNumber(props.lat)) != null ? _a : normalizeNumber(props.latitude)) != null ? _b : normalizeNumber(props.y);
+  const lng = (_f = (_e = (_d = (_c = normalizeNumber(props.lng)) != null ? _c : normalizeNumber(props.lon)) != null ? _d : normalizeNumber(props.long)) != null ? _e : normalizeNumber(props.longitude)) != null ? _f : normalizeNumber(props.x);
+  if (lat == null || lng == null) return null;
+  return { lat, lng };
+}
+function renderDetailsHtml(children) {
+  if (!children) return "";
+  try {
+    return ReactDOMServer2.renderToStaticMarkup(
+      React29.createElement(React29.Fragment, null, children)
+    );
+  } catch (_) {
+    return "";
+  }
+}
+function normalizeCustomPoint(child, index) {
+  var _a;
+  if (!React29.isValidElement(child)) return null;
+  if (child.type !== MapPoint && ((_a = child.type) == null ? void 0 : _a.displayName) !== "MapPoint") return null;
+  const coords = normalizeCoordinates(child.props || {});
+  if (!coords) return null;
+  const props = child.props || {};
+  const id = props.id || `map-point-${index + 1}`;
+  const title = props.title || props.label || `Point ${index + 1}`;
+  const summary = props.summary || props.description || "";
+  const href = props.href || props.link || "";
+  const thumbnail = props.thumbnail || props.image || "";
+  const thumbnailWidth = normalizeNumber(props.thumbnailWidth || props.width);
+  const thumbnailHeight = normalizeNumber(props.thumbnailHeight || props.height);
+  const detailsHtml = renderDetailsHtml(props.children);
+  return {
+    id,
+    title,
+    summary,
+    href,
+    thumbnail,
+    thumbnailWidth: Number.isFinite(thumbnailWidth) ? thumbnailWidth : void 0,
+    thumbnailHeight: Number.isFinite(thumbnailHeight) ? thumbnailHeight : void 0,
+    lat: coords.lat,
+    lng: coords.lng,
+    detailsHtml,
+    type: "custom"
+  };
+}
+function normalizeCustomPoints(children) {
+  return React29.Children.toArray(children).map((child, index) => normalizeCustomPoint(child, index)).filter(Boolean);
+}
+function normalizeHeight(value) {
+  if (value == null) return "600px";
+  if (typeof value === "number") {
+    return `${value}px`;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return "600px";
+    if (/^[0-9.]+$/.test(trimmed)) {
+      return `${trimmed}px`;
+    }
+    return trimmed;
+  }
+  return "600px";
+}
+function normalizeTileLayer(entry, index) {
+  if (!entry) return null;
+  if (typeof entry === "string") {
+    const url = entry.trim();
+    if (!url) return null;
+    return {
+      name: `Layer ${index + 1}`,
+      url,
+      attribution: ""
+    };
+  }
+  if (typeof entry === "object") {
+    const url = entry.url || entry.href;
+    if (!url) return null;
+    const layer = {
+      name: entry.name || entry.title || `Layer ${index + 1}`,
+      url: String(url),
+      attribution: entry.attribution || entry.credit || ""
+    };
+    const minZoom = normalizeNumber(entry.minZoom);
+    const maxZoom = normalizeNumber(entry.maxZoom);
+    if (Number.isFinite(minZoom)) layer.minZoom = minZoom;
+    if (Number.isFinite(maxZoom)) layer.maxZoom = maxZoom;
+    if (entry.subdomains) layer.subdomains = entry.subdomains;
+    return layer;
+  }
+  return null;
+}
+function normalizeTileLayers(value) {
+  const list = Array.isArray(value) ? value : value ? [value] : [];
+  return list.map((entry, index) => normalizeTileLayer(entry, index)).filter(Boolean);
+}
+function parseBoolean(value, fallback) {
+  if (value === void 0) return fallback;
+  if (typeof value === "boolean") return value;
+  const normalized = String(value).trim().toLowerCase();
+  if (!normalized) return fallback;
+  if (["false", "0", "no", "off"].includes(normalized)) return false;
+  if (["true", "1", "yes", "on"].includes(normalized)) return true;
+  return fallback;
+}
+function normalizeCenter(value) {
+  if (!value) return null;
+  if (typeof value === "string") {
+    const parts = value.split(/[,\s]+/).filter(Boolean);
+    if (parts.length >= 2) {
+      const coords = normalizeCoordinates({ lat: parts[0], lng: parts[1] });
+      if (coords) return coords;
+    }
+    return null;
+  }
+  if (typeof value === "object") {
+    const coords = normalizeCoordinates(value);
+    if (coords) return coords;
+  }
+  return null;
+}
+function serializeProps2(props, payload) {
+  const clone = {};
+  Object.keys(props || {}).forEach((key) => {
+    if (key === "children") return;
+    const value = props[key];
+    if (typeof value === "function" || typeof value === "symbol") return;
+    clone[key] = value;
+  });
+  return { ...clone, ...payload };
+}
+function serializeForScript2(data) {
+  try {
+    return JSON.stringify(data).replace(/</g, "\\u003c");
+  } catch (_) {
+    return "{}";
+  }
+}
+function getDatasetInfo() {
+  if (!navPlaceHelpers) {
+    return { hasFeatures: false, version: null, href: "/api/navplace.json" };
+  }
+  try {
+    return navPlaceHelpers.getNavPlaceDatasetInfo();
+  } catch (_) {
+    return {
+      hasFeatures: false,
+      version: null,
+      href: navPlaceHelpers.NAVPLACE_PUBLIC_HREF || "/api/navplace.json"
+    };
+  }
+}
+function MdxMap({ children, ...rest }) {
+  const customPoints = normalizeCustomPoints(children);
+  const datasetInfo = getDatasetInfo();
+  const navDataset = {
+    hasFeatures: Boolean(datasetInfo && datasetInfo.hasFeatures),
+    href: datasetInfo && datasetInfo.href || "/api/navplace.json",
+    version: datasetInfo && datasetInfo.version ? datasetInfo.version : null
+  };
+  const height = normalizeHeight(rest.height);
+  const tileLayers = normalizeTileLayers(rest.tileLayers || rest.tileLayer);
+  const scrollWheelZoom = parseBoolean(rest.scrollWheelZoom, false);
+  const cluster = parseBoolean(rest.cluster, true);
+  const defaultCenter = normalizeCenter(rest.defaultCenter || rest.center);
+  const defaultZoom = normalizeNumber(rest.defaultZoom || rest.zoom);
+  const payload = serializeProps2(rest, {
+    className: rest.className || "",
+    id: rest.id || null,
+    height,
+    tileLayers,
+    scrollWheelZoom,
+    cluster,
+    customPoints,
+    navDataset,
+    defaultCenter,
+    defaultZoom: Number.isFinite(defaultZoom) ? defaultZoom : null
+  });
+  const json = serializeForScript2(payload);
+  const placeholderClass = ["canopy-map", rest.className].filter(Boolean).join(" ");
+  const placeholderProps = {};
+  if (placeholderClass) placeholderProps.className = placeholderClass;
+  if (rest.id) placeholderProps.id = rest.id;
+  if (rest.style) placeholderProps.style = rest.style;
+  return /* @__PURE__ */ React29.createElement("div", { "data-canopy-map": "1" }, /* @__PURE__ */ React29.createElement("div", { ...placeholderProps, "aria-live": "polite" }, /* @__PURE__ */ React29.createElement("div", { className: "canopy-map__status" }, "Loading map\u2026")), /* @__PURE__ */ React29.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+}
+
+// ui/src/search/MdxSearchResults.jsx
+import React30 from "react";
 function MdxSearchResults(props) {
   let json = "{}";
   try {
@@ -3221,11 +3425,11 @@ function MdxSearchResults(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React29.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React29.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React30.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React30.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/SearchSummary.jsx
-import React30 from "react";
+import React31 from "react";
 function SearchSummary(props) {
   let json = "{}";
   try {
@@ -3233,11 +3437,11 @@ function SearchSummary(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React30.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React30.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React31.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React31.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearchTabs.jsx
-import React31 from "react";
+import React32 from "react";
 function MdxSearchTabs(props) {
   let json = "{}";
   try {
@@ -3245,11 +3449,11 @@ function MdxSearchTabs(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React31.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React31.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React32.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React32.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearch.jsx
-import React32 from "react";
+import React33 from "react";
 function MdxSearch(props = {}) {
   const {
     layout,
@@ -3267,11 +3471,11 @@ function MdxSearch(props = {}) {
     resultsPayload.layout = layout;
   }
   const classes = ["canopy-search", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React32.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React32.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React32.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React32.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
+  return /* @__PURE__ */ React33.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React33.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React33.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React33.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
 }
 
 // ui/src/search-form/MdxSearchFormModal.jsx
-import React33 from "react";
+import React34 from "react";
 function MdxSearchFormModal(props = {}) {
   const {
     placeholder = "Search\u2026",
@@ -3287,12 +3491,12 @@ function MdxSearchFormModal(props = {}) {
   const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
   const resolvedSearchPath = resolveSearchPath(searchPath);
   const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };
-  return /* @__PURE__ */ React33.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React33.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React33.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React33.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React33.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  return /* @__PURE__ */ React34.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React34.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React34.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React34.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React34.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/iiif/ManifestPrimitives.jsx
 var import_slugify = __toESM(require_slugify());
-import React34 from "react";
+import React35 from "react";
 import {
   Label as CloverLabel,
   Metadata as CloverMetadata,
@@ -3433,7 +3637,7 @@ function MetadataFacetLink(props) {
   const valueSlug = facetSlug ? toValueSlug(text) : "";
   const href = facetSlug && valueSlug ? buildFacetSearchHref(facetSlug, valueSlug) : "";
   if (!href) return text;
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(
     "a",
     {
       href,
@@ -3459,7 +3663,7 @@ function buildFacetCustomValueContent(items, manifest) {
     seen.add(normalized);
     custom.push({
       matchingLabel: item.label,
-      Content: /* @__PURE__ */ React34.createElement(MetadataFacetLink, { facetSlug: facet.slug })
+      Content: /* @__PURE__ */ React35.createElement(MetadataFacetLink, { facetSlug: facet.slug })
     });
   }
   return custom;
@@ -3491,12 +3695,12 @@ function mergeCustomValueContent(userContent, autoContent) {
 function Label({ manifest, label, ...rest }) {
   const intl = label || manifest && manifest.label;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React34.createElement(CloverLabel, { label: intl, ...rest });
+  return /* @__PURE__ */ React35.createElement(CloverLabel, { label: intl, ...rest });
 }
 function Summary({ manifest, summary, ...rest }) {
   const intl = summary || manifest && manifest.summary;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React34.createElement(CloverSummary, { summary: intl, ...rest });
+  return /* @__PURE__ */ React35.createElement(CloverSummary, { summary: intl, ...rest });
 }
 function Metadata({ manifest, metadata, customValueContent, ...rest }) {
   const items = ensureMetadata(metadata || manifest && manifest.metadata);
@@ -3506,7 +3710,7 @@ function Metadata({ manifest, metadata, customValueContent, ...rest }) {
     customValueContent,
     autoCustomContent
   );
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(
     CloverMetadata,
     {
       metadata: items,
@@ -3520,11 +3724,11 @@ function RequiredStatement({ manifest, requiredStatement, ...rest }) {
   if (!stmt || !hasInternationalValue(stmt.label) || !hasInternationalValue(stmt.value)) {
     return null;
   }
-  return /* @__PURE__ */ React34.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
+  return /* @__PURE__ */ React35.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
 }
 
 // ui/src/docs/CodeBlock.jsx
-import React35 from "react";
+import React36 from "react";
 function parseHighlightAttr(attr) {
   if (!attr) return /* @__PURE__ */ new Set();
   const cleaned = String(attr || "").trim();
@@ -3570,10 +3774,10 @@ var highlightBaseStyle = {
 };
 function DocsCodeBlock(props = {}) {
   const { children, ...rest } = props;
-  const childArray = React35.Children.toArray(children);
-  const codeElement = childArray.find((el) => React35.isValidElement(el));
+  const childArray = React36.Children.toArray(children);
+  const codeElement = childArray.find((el) => React36.isValidElement(el));
   if (!codeElement || !codeElement.props) {
-    return React35.createElement("pre", props);
+    return React36.createElement("pre", props);
   }
   const {
     className = "",
@@ -3588,8 +3792,8 @@ function DocsCodeBlock(props = {}) {
   const highlightSet = parseHighlightAttr(highlightAttr);
   const copyAttr = codeProps["data-copy"];
   const enableCopy = copyAttr !== void 0 ? copyAttr === true || copyAttr === "true" || copyAttr === "" : false;
-  const [copied, setCopied] = React35.useState(false);
-  const handleCopy = React35.useCallback(async () => {
+  const [copied, setCopied] = React36.useState(false);
+  const handleCopy = React36.useCallback(async () => {
     const text = rawCode;
     try {
       if (typeof navigator !== "undefined" && navigator.clipboard && navigator.clipboard.writeText) {
@@ -3654,20 +3858,20 @@ function DocsCodeBlock(props = {}) {
     const highlight = highlightSet.has(lineNumber);
     const style = highlight ? { ...baseLineStyle, ...highlightBaseStyle } : baseLineStyle;
     const displayLine = line === "" ? " " : line;
-    return React35.createElement(
+    return React36.createElement(
       "span",
       { key: lineNumber, style },
-      React35.createElement("span", { style: lineContentStyle }, displayLine)
+      React36.createElement("span", { style: lineContentStyle }, displayLine)
     );
   });
-  return React35.createElement(
+  return React36.createElement(
     "div",
     { style: containerStyle },
-    showHeader ? React35.createElement(
+    showHeader ? React36.createElement(
       "div",
       { style: headerStyle },
-      React35.createElement("span", null, showFilename ? filename : null),
-      enableCopy ? React35.createElement(
+      React36.createElement("span", null, showFilename ? filename : null),
+      enableCopy ? React36.createElement(
         "button",
         {
           type: "button",
@@ -3686,29 +3890,29 @@ function DocsCodeBlock(props = {}) {
         copied ? "Copied" : "Copy"
       ) : null
     ) : null,
-    React35.createElement(
+    React36.createElement(
       "pre",
       { ...preRest, className: preClassName, style: mergedPreStyle },
-      React35.createElement("code", { style: codeStyle }, lineElements)
+      React36.createElement("code", { style: codeStyle }, lineElements)
     )
   );
 }
 
 // ui/src/docs/MarkdownTable.jsx
-import React36 from "react";
+import React37 from "react";
 function MarkdownTable({ className = "", ...rest }) {
   const merged = ["markdown-table", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React36.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React36.createElement("table", { className: merged, ...rest }));
+  return /* @__PURE__ */ React37.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React37.createElement("table", { className: merged, ...rest }));
 }
 
 // ui/src/docs/Diagram.jsx
-import React37 from "react";
+import React38 from "react";
 function CanopyDiagram() {
-  return /* @__PURE__ */ React37.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React37.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React37.createElement("h3", null, "IIIF Collection(s)"), /* @__PURE__ */ React37.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 105 total manifests that Canopy retrieves as-is via IIIF endpoints."), /* @__PURE__ */ React37.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React37.createElement("article", null, /* @__PURE__ */ React37.createElement("h4", null, "Collection A"), /* @__PURE__ */ React37.createElement("ul", null, /* @__PURE__ */ React37.createElement("li", null, "70 Manifests"), /* @__PURE__ */ React37.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React37.createElement("li", null, "Textual Annotations"))), /* @__PURE__ */ React37.createElement("article", null, /* @__PURE__ */ React37.createElement("h4", null, "Collection B"), /* @__PURE__ */ React37.createElement("ul", null, /* @__PURE__ */ React37.createElement("li", null, "35 Manifests"), /* @__PURE__ */ React37.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React37.createElement("li", null, "Textual Annotations"))))), /* @__PURE__ */ React37.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React37.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React37.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React37.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React37.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React37.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy syncs manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React37.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React37.createElement("article", null, /* @__PURE__ */ React37.createElement("h4", null, "Automated content"), /* @__PURE__ */ React37.createElement("ul", null, /* @__PURE__ */ React37.createElement("li", null, "105 manifests \u2192 105 work pages"), /* @__PURE__ */ React37.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React37.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React37.createElement("article", null, /* @__PURE__ */ React37.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React37.createElement("ul", null, /* @__PURE__ */ React37.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React37.createElement("li", null, "Author narratives & tours"), /* @__PURE__ */ React37.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React37.createElement("article", null, /* @__PURE__ */ React37.createElement("h4", null, "Search index"), /* @__PURE__ */ React37.createElement("ul", null, /* @__PURE__ */ React37.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React37.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React37.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React37.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React37.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React37.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React37.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React37.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React37.createElement("span", { className: "canopy-diagram__section-summary" }, "The output is a lightweight bundle of HTML, CSS, JS, and JSON assets that can deploy anywhere."), /* @__PURE__ */ React37.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React37.createElement("article", null, /* @__PURE__ */ React37.createElement("h4", null, "Work pages"), /* @__PURE__ */ React37.createElement("ul", null, /* @__PURE__ */ React37.createElement("li", null, "105 generated HTML pages"), /* @__PURE__ */ React37.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React37.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React37.createElement("article", null, /* @__PURE__ */ React37.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React37.createElement("ul", null, /* @__PURE__ */ React37.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React37.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React37.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React37.createElement("article", null, /* @__PURE__ */ React37.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React37.createElement("ul", null, /* @__PURE__ */ React37.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React37.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React37.createElement("li", null, "Optional annotation dataset"))))));
+  return /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React38.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React38.createElement("h3", null, "IIIF Collection(s)"), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 105 total manifests that Canopy retrieves as-is via IIIF endpoints."), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Collection A"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "70 Manifests"), /* @__PURE__ */ React38.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React38.createElement("li", null, "Textual Annotations"))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Collection B"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "35 Manifests"), /* @__PURE__ */ React38.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React38.createElement("li", null, "Textual Annotations"))))), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React38.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React38.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy syncs manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Automated content"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "105 manifests \u2192 105 work pages"), /* @__PURE__ */ React38.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React38.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React38.createElement("li", null, "Author narratives & tours"), /* @__PURE__ */ React38.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Search index"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React38.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React38.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React38.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React38.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__section-summary" }, "The output is a lightweight bundle of HTML, CSS, JS, and JSON assets that can deploy anywhere."), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Work pages"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "105 generated HTML pages"), /* @__PURE__ */ React38.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React38.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React38.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React38.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React38.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React38.createElement("li", null, "Optional annotation dataset"))))));
 }
 
 // ui/src/docs/ThemeShowcase.jsx
-import React38 from "react";
+import React39 from "react";
 
 // ../../node_modules/@radix-ui/colors/index.mjs
 var colors_exports = {};
@@ -7541,21 +7745,21 @@ var ACCENT_COLOR_NAMES = [
   "sky"
 ];
 var GRAY_COLOR_NAMES = ["gray", "mauve", "slate", "sage", "olive", "sand"];
-var Section = ({ title, description, children }) => /* @__PURE__ */ React38.createElement("div", { className: "canopy-theme-showcase__section" }, /* @__PURE__ */ React38.createElement("h3", { className: "canopy-theme-showcase__section-title" }, title), description ? /* @__PURE__ */ React38.createElement("p", { className: "canopy-theme-showcase__section-description" }, description) : null, children);
-var ColorScaleRow = ({ label, prefix }) => /* @__PURE__ */ React38.createElement("div", { className: "canopy-theme-showcase__scale-row" }, /* @__PURE__ */ React38.createElement("div", { className: "canopy-theme-showcase__scale-label" }, /* @__PURE__ */ React38.createElement("strong", null, label)), /* @__PURE__ */ React38.createElement("div", { className: "canopy-theme-showcase__scale-track" }, COLOR_STOPS.map((stop) => /* @__PURE__ */ React38.createElement(
+var Section = ({ title, description, children }) => /* @__PURE__ */ React39.createElement("div", { className: "canopy-theme-showcase__section" }, /* @__PURE__ */ React39.createElement("h3", { className: "canopy-theme-showcase__section-title" }, title), description ? /* @__PURE__ */ React39.createElement("p", { className: "canopy-theme-showcase__section-description" }, description) : null, children);
+var ColorScaleRow = ({ label, prefix }) => /* @__PURE__ */ React39.createElement("div", { className: "canopy-theme-showcase__scale-row" }, /* @__PURE__ */ React39.createElement("div", { className: "canopy-theme-showcase__scale-label" }, /* @__PURE__ */ React39.createElement("strong", null, label)), /* @__PURE__ */ React39.createElement("div", { className: "canopy-theme-showcase__scale-track" }, COLOR_STOPS.map((stop) => /* @__PURE__ */ React39.createElement(
   "div",
   {
     key: `${label}-${stop}`,
     className: "canopy-theme-showcase__scale-stop"
   },
-  /* @__PURE__ */ React38.createElement(
+  /* @__PURE__ */ React39.createElement(
     "span",
     {
       className: "canopy-theme-showcase__scale-chip",
       style: { backgroundColor: `var(${prefix}-${stop})` }
     }
   ),
-  /* @__PURE__ */ React38.createElement("span", { className: "canopy-theme-showcase__scale-token" }, stop)
+  /* @__PURE__ */ React39.createElement("span", { className: "canopy-theme-showcase__scale-token" }, stop)
 ))));
 function ThemeShowcase() {
   const accentColors = ACCENT_COLOR_NAMES;
@@ -7566,15 +7770,15 @@ function ThemeShowcase() {
     if (!scale) return null;
     return scale[`${name}9`] || Object.values(scale)[8];
   };
-  const ColorsLabeled = ({ colors }) => /* @__PURE__ */ React38.createElement("div", { className: "canopy-theme-showcase__swatch-grid" }, colors.map((name) => {
+  const ColorsLabeled = ({ colors }) => /* @__PURE__ */ React39.createElement("div", { className: "canopy-theme-showcase__swatch-grid" }, colors.map((name) => {
     const colorValue = getRadixSwatch(name);
-    return /* @__PURE__ */ React38.createElement("div", { key: name, className: "canopy-theme-showcase__swatch" }, /* @__PURE__ */ React38.createElement(
+    return /* @__PURE__ */ React39.createElement("div", { key: name, className: "canopy-theme-showcase__swatch" }, /* @__PURE__ */ React39.createElement(
       "div",
       {
         className: "canopy-theme-showcase__swatch-chip",
         style: { background: colorValue || "var(--color-gray-200)" }
       }
-    ), /* @__PURE__ */ React38.createElement("div", { className: "canopy-theme-showcase__swatch-label" }, name));
+    ), /* @__PURE__ */ React39.createElement("div", { className: "canopy-theme-showcase__swatch-label" }, name));
   }));
   const styles = `
     .canopy-theme-showcase__section {
@@ -7658,13 +7862,13 @@ function ThemeShowcase() {
       font-weight: 300;
     }
   `;
-  return /* @__PURE__ */ React38.createElement("div", { className: "canopy-theme-showcase" }, /* @__PURE__ */ React38.createElement("style", { dangerouslySetInnerHTML: { __html: styles } }), /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React39.createElement("div", { className: "canopy-theme-showcase" }, /* @__PURE__ */ React39.createElement("style", { dangerouslySetInnerHTML: { __html: styles } }), /* @__PURE__ */ React39.createElement(
     Section,
     {
       title: "Color scales",
       description: "Accent and gray ramps from the active theme."
     },
-    /* @__PURE__ */ React38.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" } }, COLOR_SCALES.map((scale) => /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React39.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" } }, COLOR_SCALES.map((scale) => /* @__PURE__ */ React39.createElement(
       ColorScaleRow,
       {
         key: scale.label,
@@ -7672,20 +7876,20 @@ function ThemeShowcase() {
         prefix: scale.prefix
       }
     )))
-  ), /* @__PURE__ */ React38.createElement(
+  ), /* @__PURE__ */ React39.createElement(
     Section,
     {
       title: "Accent color palette options",
       description: "Primary color steps used for buttons, links, and highlights."
     },
-    /* @__PURE__ */ React38.createElement(ColorsLabeled, { colors: accentColors })
-  ), /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React39.createElement(ColorsLabeled, { colors: accentColors })
+  ), /* @__PURE__ */ React39.createElement(
     Section,
     {
       title: "Gray color palette options",
       description: "Neutral color steps used for backgrounds, borders, and text."
     },
-    /* @__PURE__ */ React38.createElement(ColorsLabeled, { colors: grayColors })
+    /* @__PURE__ */ React39.createElement(ColorsLabeled, { colors: grayColors })
   ));
 }
 export {
@@ -7706,6 +7910,8 @@ export {
   interstitials_exports as Interstitials,
   Label,
   Layout,
+  MdxMap as Map,
+  MapPoint,
   Metadata,
   ReferencedItems,
   References,