@canopy-iiif/app 1.4.6 → 1.4.8

package/ui/dist/server.mjs

@@ -2415,12 +2415,60 @@ function References({
   return /* @__PURE__ */ React26.createElement("dl", { className: containerClass, ...rest }, /* @__PURE__ */ React26.createElement("div", { className: "references__group" }, /* @__PURE__ */ React26.createElement("dt", null, title), entries.map((entry) => /* @__PURE__ */ React26.createElement("dd", { key: entry.href, className: "references__item" }, /* @__PURE__ */ React26.createElement("a", { href: entry.href }, entry.title || entry.href)))));
 }
 
+// ui/src/content/Biblography.jsx
+import React27 from "react";
+import bibliography from "@canopy-iiif/app/lib/components/bibliography.js";
+function resolveHeadingTag(tag, fallback) {
+  if (typeof tag === "string" && tag.trim()) return tag;
+  if (typeof tag === "function") return tag;
+  return fallback;
+}
+function NoteBody({ note }) {
+  if (!note) return null;
+  if (note.html) {
+    return /* @__PURE__ */ React27.createElement(
+      "div",
+      {
+        className: "biblography__note-body",
+        dangerouslySetInnerHTML: { __html: note.html }
+      }
+    );
+  }
+  if (note.text) {
+    return /* @__PURE__ */ React27.createElement("div", { className: "biblography__note-body" }, note.text);
+  }
+  return null;
+}
+function Biblography({
+  className = "",
+  pageHeadingTag = "h3"
+} = {}) {
+  var _a, _b;
+  let entries = [];
+  try {
+    entries = ((_b = (_a = bibliography) == null ? void 0 : _a.getBibliographyEntries) == null ? void 0 : _b.call(_a)) || [];
+  } catch (_) {
+    entries = [];
+  }
+  if (!entries.length) return null;
+  const PageHeadingTag = resolveHeadingTag(pageHeadingTag, "h3");
+  const rootClass = ["biblography", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React27.createElement("section", { className: rootClass }, /* @__PURE__ */ React27.createElement("div", { className: "biblography__pages" }, entries.map((entry) => {
+    const key = entry.href || entry.relativePath || entry.title;
+    const pageTitle = entry.title || entry.href;
+    return /* @__PURE__ */ React27.createElement("article", { key, className: "biblography__page" }, /* @__PURE__ */ React27.createElement("header", { className: "biblography__page-header" }, pageTitle ? /* @__PURE__ */ React27.createElement(PageHeadingTag, { className: "biblography__page-title" }, pageTitle) : null, entry.href ? /* @__PURE__ */ React27.createElement("a", { className: "biblography__page-link", href: entry.href }, entry.href) : null), /* @__PURE__ */ React27.createElement("ol", { className: "biblography__notes" }, (entry.footnotes || []).map((note, idx) => {
+      const noteKey = `${key || "entry"}-${note.identifier || idx}`;
+      return /* @__PURE__ */ React27.createElement("li", { key: noteKey, className: "biblography__note" }, note.identifier ? /* @__PURE__ */ React27.createElement("span", { className: "biblography__note-label" }, note.identifier) : null, /* @__PURE__ */ React27.createElement(NoteBody, { note }));
+    })));
+  })));
+}
+
 // ui/src/content/timeline/MdxTimeline.jsx
-import React30 from "react";
+import React31 from "react";
 import ReactDOMServer from "react-dom/server";
 
 // ui/src/content/timeline/Timeline.jsx
-import React28 from "react";
+import React29 from "react";
 
 // ui/src/content/timeline/date-utils.js
 var FALLBACK_LOCALE = (() => {
@@ -2581,7 +2629,7 @@ function clampProgress(value) {
 }
 
 // ui/src/layout/ReferencedManifestCard.jsx
-import React27 from "react";
+import React28 from "react";
 function normalizeMetadata(metadata, summary) {
   if (Array.isArray(metadata) && metadata.length) {
     return metadata.filter(Boolean);
@@ -2615,7 +2663,7 @@ function ReferencedManifestCard({
     "canopy-referenced-manifest-card",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(
     TeaserCard,
     {
       href: resolvedHref || void 0,
@@ -2797,14 +2845,14 @@ function TimelineConnector({ side, isActive, highlight }) {
     "canopy-timeline__connector-dot",
     highlight || isActive ? "is-active" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React28.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React28.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("span", { className: dotClasses }), /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__connector-line" })));
+  return /* @__PURE__ */ React29.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React29.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement("span", { className: dotClasses }), /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__connector-line" })));
 }
 function renderResourceSection(point) {
   if (!point) return null;
   const manifestCards = Array.isArray(point.manifests) ? point.manifests.filter(Boolean) : [];
   const legacyResources = Array.isArray(point.resources) ? point.resources.filter(Boolean) : [];
   if (!manifestCards.length && !legacyResources.length) return null;
-  return /* @__PURE__ */ React28.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React28.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React28.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React28.createElement(ReferencedManifestCard, { manifest }))), legacyResources.map((resource, idx) => /* @__PURE__ */ React28.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React29.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React29.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React29.createElement(ReferencedManifestCard, { manifest }))), legacyResources.map((resource, idx) => /* @__PURE__ */ React29.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React29.createElement(
     TeaserCard,
     {
       href: resource.href,
@@ -2829,26 +2877,26 @@ function Timeline({
   ...rest
 }) {
   const payloadPoints = payload && Array.isArray(payload.points) ? payload.points : null;
-  const rawPoints = React28.useMemo(() => {
+  const rawPoints = React29.useMemo(() => {
     if (Array.isArray(pointsProp) && pointsProp.length) return pointsProp;
     if (payloadPoints && payloadPoints.length) return payloadPoints;
     return [];
   }, [pointsProp, payloadPoints]);
-  const sanitizedPoints = React28.useMemo(
+  const sanitizedPoints = React29.useMemo(
     () => sanitizePoints(rawPoints),
     [rawPoints]
   );
   const localeValue = payload && payload.locale ? payload.locale : localeProp;
-  const baseLocale = React28.useMemo(
+  const baseLocale = React29.useMemo(
     () => createLocale(localeValue),
     [localeValue]
   );
   const rangeInput = payload && payload.range ? payload.range : rangeProp || {};
-  const rangeOverrides = React28.useMemo(
+  const rangeOverrides = React29.useMemo(
     () => deriveRangeOverrides(sanitizedPoints, rangeInput),
     [sanitizedPoints, rangeInput]
   );
-  const effectiveRange = React28.useMemo(
+  const effectiveRange = React29.useMemo(
     () => normalizeRange({
       ...rangeOverrides,
       locale: baseLocale
@@ -2857,7 +2905,7 @@ function Timeline({
   );
   const spanStart = effectiveRange.startDate.getTime();
   const span = effectiveRange.span;
-  const pointsWithPosition = React28.useMemo(() => {
+  const pointsWithPosition = React29.useMemo(() => {
     if (!sanitizedPoints.length) return [];
     return sanitizedPoints.map((point, index) => {
       const timestamp = point.meta.timestamp;
@@ -2871,29 +2919,29 @@ function Timeline({
       };
     });
   }, [sanitizedPoints, spanStart, span]);
-  const [activeId, setActiveId] = React28.useState(
+  const [activeId, setActiveId] = React29.useState(
     () => getActivePointId(pointsWithPosition)
   );
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     setActiveId(getActivePointId(pointsWithPosition));
   }, [pointsWithPosition]);
   const thresholdValue = typeof thresholdProp === "number" ? thresholdProp : payload && payload.threshold != null ? payload.threshold : null;
   const stepsValue = typeof steps === "number" ? Number(steps) : payload && typeof payload.steps === "number" ? Number(payload.steps) : null;
-  const thresholdMs = React28.useMemo(
+  const thresholdMs = React29.useMemo(
     () => getThresholdMs(thresholdValue, effectiveRange.granularity),
     [thresholdValue, effectiveRange.granularity]
   );
-  const groupedEntries = React28.useMemo(
+  const groupedEntries = React29.useMemo(
     () => buildGroupedEntries(pointsWithPosition, thresholdMs, {
       granularity: effectiveRange.granularity,
       locale: baseLocale
     }),
     [pointsWithPosition, thresholdMs, effectiveRange.granularity, baseLocale]
   );
-  const [expandedGroupIds, setExpandedGroupIds] = React28.useState(
+  const [expandedGroupIds, setExpandedGroupIds] = React29.useState(
     () => /* @__PURE__ */ new Set()
   );
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     setExpandedGroupIds((prev) => {
       if (!prev || prev.size === 0) return prev;
       const validIds = new Set(
@@ -2908,7 +2956,7 @@ function Timeline({
       return changed ? next : prev;
     });
   }, [groupedEntries]);
-  const toggleGroup = React28.useCallback((groupId) => {
+  const toggleGroup = React29.useCallback((groupId) => {
     setExpandedGroupIds((prev) => {
       const next = new Set(prev || []);
       if (next.has(groupId)) next.delete(groupId);
@@ -2931,7 +2979,7 @@ function Timeline({
       point.id === activeId ? "is-active" : "",
       point.highlight ? "is-highlighted" : ""
     ].filter(Boolean).join(" ");
-    const connector = /* @__PURE__ */ React28.createElement(
+    const connector = /* @__PURE__ */ React29.createElement(
       TimelineConnector,
       {
         side: point.side,
@@ -2939,9 +2987,9 @@ function Timeline({
         highlight: point.highlight
       }
     );
-    const body = /* @__PURE__ */ React28.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label), /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__point-title" }, point.title), point.summary ? /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__point-summary" }, point.summary) : null);
+    const body = /* @__PURE__ */ React29.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label), /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__point-title" }, point.title), point.summary ? /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__point-summary" }, point.summary) : null);
     const resourceSection = renderResourceSection(point);
-    return /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React29.createElement(
       "div",
       {
         key: point.id,
@@ -2949,7 +2997,7 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      point.side === "left" ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React28.createElement(React28.Fragment, null, connector, /* @__PURE__ */ React28.createElement("div", { className: cardClasses }, body, resourceSection))
+      point.side === "left" ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React29.createElement(React29.Fragment, null, connector, /* @__PURE__ */ React29.createElement("div", { className: cardClasses }, body, resourceSection))
     );
   }
   function renderGroupEntry(entry) {
@@ -2960,7 +3008,7 @@ function Timeline({
     const wrapperStyle = { top: `${entry.progress * 100}%` };
     const isExpanded = expandedGroupIds.has(entry.id);
     const hasActivePoint = entry.points.some((point) => point.id === activeId);
-    const connector = /* @__PURE__ */ React28.createElement(
+    const connector = /* @__PURE__ */ React29.createElement(
       TimelineConnector,
       {
         side: entry.side,
@@ -2974,7 +3022,7 @@ function Timeline({
       hasActivePoint ? "is-active" : ""
     ].filter(Boolean).join(" ");
     const countLabel = `${entry.count} event${entry.count > 1 ? "s" : ""}`;
-    const header = /* @__PURE__ */ React28.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React28.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React28.createElement(
+    const header = /* @__PURE__ */ React29.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React29.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React29.createElement(
       "button",
       {
         type: "button",
@@ -2984,7 +3032,7 @@ function Timeline({
       },
       isExpanded ? "Hide details" : "Show details"
     ));
-    const groupPoints = isExpanded ? /* @__PURE__ */ React28.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React28.createElement(
+    const groupPoints = isExpanded ? /* @__PURE__ */ React29.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React29.createElement(
       "button",
       {
         key: point.id,
@@ -2995,11 +3043,11 @@ function Timeline({
         ].filter(Boolean).join(" "),
         onClick: () => setActiveId(point.id)
       },
-      /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
-      /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
+      /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
+      /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
     ))) : null;
-    const groupCard = /* @__PURE__ */ React28.createElement("div", { className: groupClasses }, header, groupPoints);
-    return /* @__PURE__ */ React28.createElement(
+    const groupCard = /* @__PURE__ */ React29.createElement("div", { className: groupClasses }, header, groupPoints);
+    return /* @__PURE__ */ React29.createElement(
       "div",
       {
         key: entry.id,
@@ -3007,17 +3055,17 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      entry.side === "left" ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, groupCard, connector) : /* @__PURE__ */ React28.createElement(React28.Fragment, null, connector, groupCard)
+      entry.side === "left" ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, groupCard, connector) : /* @__PURE__ */ React29.createElement(React29.Fragment, null, connector, groupCard)
     );
   }
-  return /* @__PURE__ */ React28.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React28.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React28.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React28.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React28.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React29.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React29.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React29.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React29.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React29.createElement(
     "div",
     {
       className: "canopy-timeline__list",
       role: "list",
       style: { minHeight: trackHeight }
     },
-    /* @__PURE__ */ React28.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
+    /* @__PURE__ */ React29.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
     renderSteps(stepsValue, effectiveRange),
     groupedEntries.map((entry) => {
       if (entry.type === "group") return renderGroupEntry(entry);
@@ -3032,7 +3080,7 @@ function renderSteps(stepSize, range) {
   const markers = [];
   if (startYear < endYear) {
     markers.push(
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React29.createElement(
         "span",
         {
           key: "timeline-step-start",
@@ -3040,12 +3088,12 @@ function renderSteps(stepSize, range) {
           style: { top: "0%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
+        /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
       )
     );
     markers.push(
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React29.createElement(
         "span",
         {
           key: "timeline-step-end",
@@ -3053,8 +3101,8 @@ function renderSteps(stepSize, range) {
           style: { top: "100%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
+        /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
       )
     );
   }
@@ -3064,7 +3112,7 @@ function renderSteps(stepSize, range) {
     const progress = (timestamp - range.startDate.getTime()) / range.span;
     if (progress <= 0 || progress >= 1) continue;
     markers.push(
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React29.createElement(
         "span",
         {
           key: `timeline-step-${year}`,
@@ -3072,8 +3120,8 @@ function renderSteps(stepSize, range) {
           style: { top: `calc(${progress * 100}% - 0.5px)` },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React28.createElement("span", { className: "canopy-timeline__step-label" }, year)
+        /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React29.createElement("span", { className: "canopy-timeline__step-label" }, year)
       )
     );
   }
@@ -3087,7 +3135,7 @@ function TimelinePoint() {
 TimelinePoint.displayName = "TimelinePoint";
 
 // ui/src/utils/manifestReferences.js
-import React29 from "react";
+import React30 from "react";
 import navigationHelpers6 from "@canopy-iiif/app/lib/components/navigation.js";
 function normalizeManifestId(raw) {
   if (!raw) return "";
@@ -3104,13 +3152,13 @@ function normalizeManifestId(raw) {
     return String(raw || "").trim();
   }
 }
-var PageContextFallback = React29.createContext(null);
+var PageContextFallback = React30.createContext(null);
 function useReferencedManifestMap() {
   var _a, _b;
   const PageContext = ((_b = (_a = navigationHelpers6) == null ? void 0 : _a.getPageContext) == null ? void 0 : _b.call(_a)) || PageContextFallback;
-  const pageContext = React29.useContext(PageContext);
+  const pageContext = React30.useContext(PageContext);
   const referencedItems = pageContext && pageContext.page && Array.isArray(pageContext.page.referencedItems) ? pageContext.page.referencedItems : [];
-  return React29.useMemo(() => {
+  return React30.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     referencedItems.forEach((item) => {
       if (!item) return;
@@ -3165,7 +3213,7 @@ function normalizeResource(resource, index) {
 }
 function normalizePoint(child, index, options) {
   var _a, _b, _c, _d, _e, _f;
-  if (!React30.isValidElement(child)) return null;
+  if (!React31.isValidElement(child)) return null;
   if (child.type !== TimelinePoint && ((_a = child.type) == null ? void 0 : _a.displayName) !== "TimelinePoint")
     return null;
   const props = child.props || {};
@@ -3181,7 +3229,7 @@ function normalizePoint(child, index, options) {
   try {
     if (props.children) {
       detailsHtml = ReactDOMServer.renderToStaticMarkup(
-        React30.createElement(React30.Fragment, null, props.children)
+        React31.createElement(React31.Fragment, null, props.children)
       );
     }
   } catch (_) {
@@ -3230,7 +3278,7 @@ function MdxTimeline({ children, ...rest }) {
   const localeObj = createLocale(localeValue);
   const localeBase = typeof localeObj === "string" ? localeObj : localeObj.baseName || "en-US";
   const manifestMap = useReferencedManifestMap();
-  const childArray = React30.Children.toArray(children);
+  const childArray = React31.Children.toArray(children);
   const points = childArray.map(
     (child, index) => normalizePoint(child, index, {
       range: rest.range || {},
@@ -3246,7 +3294,7 @@ function MdxTimeline({ children, ...rest }) {
     steps: rest.steps != null ? rest.steps : null
   };
   const json = serializeForScript(serializeProps(rest, payload, localeBase));
-  return /* @__PURE__ */ React30.createElement("div", { "data-canopy-timeline": "1" }, /* @__PURE__ */ React30.createElement(Timeline, { ...rest, __canopyTimeline: payload }), /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React31.createElement("div", { "data-canopy-timeline": "1" }, /* @__PURE__ */ React31.createElement(Timeline, { ...rest, __canopyTimeline: payload }), /* @__PURE__ */ React31.createElement(
     "script",
     {
       type: "application/json",
@@ -3256,7 +3304,7 @@ function MdxTimeline({ children, ...rest }) {
 }
 
 // ui/src/content/map/MdxMap.jsx
-import React31 from "react";
+import React32 from "react";
 import ReactDOMServer2 from "react-dom/server";
 
 // ui/src/content/map/MapPoint.jsx
@@ -3283,7 +3331,7 @@ function renderDetailsHtml(children) {
   if (!children) return "";
   try {
     return ReactDOMServer2.renderToStaticMarkup(
-      React31.createElement(React31.Fragment, null, children)
+      React32.createElement(React32.Fragment, null, children)
     );
   } catch (_) {
     return "";
@@ -3291,7 +3339,7 @@ function renderDetailsHtml(children) {
 }
 function normalizeCustomPoint(child, index, manifestMap) {
   var _a;
-  if (!React31.isValidElement(child)) return null;
+  if (!React32.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;
@@ -3336,7 +3384,7 @@ function normalizeCustomPoint(child, index, manifestMap) {
   };
 }
 function normalizeCustomPoints(children, manifestMap) {
-  return React31.Children.toArray(children).map((child, index) => normalizeCustomPoint(child, index, manifestMap)).filter(Boolean);
+  return React32.Children.toArray(children).map((child, index) => normalizeCustomPoint(child, index, manifestMap)).filter(Boolean);
 }
 function normalizeHeight(value) {
   if (value == null) return "600px";
@@ -3474,11 +3522,11 @@ function MdxMap({ children, ...rest }) {
   if (placeholderClass) placeholderProps.className = placeholderClass;
   if (rest.id) placeholderProps.id = rest.id;
   if (rest.style) placeholderProps.style = rest.style;
-  return /* @__PURE__ */ React31.createElement("div", { "data-canopy-map": "1" }, /* @__PURE__ */ React31.createElement("div", { ...placeholderProps, "aria-live": "polite" }, /* @__PURE__ */ React31.createElement("div", { className: "canopy-map__status" }, "Loading map\u2026")), /* @__PURE__ */ React31.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React32.createElement("div", { "data-canopy-map": "1" }, /* @__PURE__ */ React32.createElement("div", { ...placeholderProps, "aria-live": "polite" }, /* @__PURE__ */ React32.createElement("div", { className: "canopy-map__status" }, "Loading map\u2026")), /* @__PURE__ */ React32.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearchResults.jsx
-import React32 from "react";
+import React33 from "react";
 function MdxSearchResults(props) {
   let json = "{}";
   try {
@@ -3486,11 +3534,11 @@ function MdxSearchResults(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React32.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React32.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React33.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React33.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/SearchSummary.jsx
-import React33 from "react";
+import React34 from "react";
 function SearchSummary(props) {
   let json = "{}";
   try {
@@ -3498,11 +3546,11 @@ function SearchSummary(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React33.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React33.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React34.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React34.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearchTabs.jsx
-import React34 from "react";
+import React35 from "react";
 function MdxSearchTabs(props) {
   let json = "{}";
   try {
@@ -3510,11 +3558,11 @@ function MdxSearchTabs(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React34.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React34.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React35.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React35.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearch.jsx
-import React35 from "react";
+import React36 from "react";
 function MdxSearch(props = {}) {
   const {
     layout,
@@ -3532,11 +3580,11 @@ function MdxSearch(props = {}) {
     resultsPayload.layout = layout;
   }
   const classes = ["canopy-search", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React35.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React35.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React35.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React35.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
+  return /* @__PURE__ */ React36.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React36.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React36.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React36.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
 }
 
 // ui/src/search-form/MdxSearchFormModal.jsx
-import React36 from "react";
+import React37 from "react";
 function MdxSearchFormModal(props = {}) {
   const {
     placeholder = "Search\u2026",
@@ -3552,12 +3600,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__ */ React36.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React36.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React36.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React36.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React36.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  return /* @__PURE__ */ React37.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React37.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React37.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React37.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React37.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/iiif/ManifestPrimitives.jsx
 var import_slugify = __toESM(require_slugify());
-import React37 from "react";
+import React38 from "react";
 import {
   Label as CloverLabel,
   Metadata as CloverMetadata,
@@ -3698,7 +3746,7 @@ function MetadataFacetLink(props) {
   const valueSlug = facetSlug ? toValueSlug(text) : "";
   const href = facetSlug && valueSlug ? buildFacetSearchHref(facetSlug, valueSlug) : "";
   if (!href) return text;
-  return /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement(
     "a",
     {
       href,
@@ -3724,7 +3772,7 @@ function buildFacetCustomValueContent(items, manifest) {
     seen.add(normalized);
     custom.push({
       matchingLabel: item.label,
-      Content: /* @__PURE__ */ React37.createElement(MetadataFacetLink, { facetSlug: facet.slug })
+      Content: /* @__PURE__ */ React38.createElement(MetadataFacetLink, { facetSlug: facet.slug })
     });
   }
   return custom;
@@ -3756,12 +3804,12 @@ function mergeCustomValueContent(userContent, autoContent) {
 function Label({ manifest, label, ...rest }) {
   const intl = label || manifest && manifest.label;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React37.createElement(CloverLabel, { label: intl, ...rest });
+  return /* @__PURE__ */ React38.createElement(CloverLabel, { label: intl, ...rest });
 }
 function Summary({ manifest, summary, ...rest }) {
   const intl = summary || manifest && manifest.summary;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React37.createElement(CloverSummary, { summary: intl, ...rest });
+  return /* @__PURE__ */ React38.createElement(CloverSummary, { summary: intl, ...rest });
 }
 function Metadata({ manifest, metadata, customValueContent, ...rest }) {
   const items = ensureMetadata(metadata || manifest && manifest.metadata);
@@ -3771,7 +3819,7 @@ function Metadata({ manifest, metadata, customValueContent, ...rest }) {
     customValueContent,
     autoCustomContent
   );
-  return /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement(
     CloverMetadata,
     {
       metadata: items,
@@ -3785,11 +3833,11 @@ function RequiredStatement({ manifest, requiredStatement, ...rest }) {
   if (!stmt || !hasInternationalValue(stmt.label) || !hasInternationalValue(stmt.value)) {
     return null;
   }
-  return /* @__PURE__ */ React37.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
+  return /* @__PURE__ */ React38.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
 }
 
 // ui/src/docs/CodeBlock.jsx
-import React38 from "react";
+import React39 from "react";
 function parseHighlightAttr(attr) {
   if (!attr) return /* @__PURE__ */ new Set();
   const cleaned = String(attr || "").trim();
@@ -3835,10 +3883,10 @@ var highlightBaseStyle = {
 };
 function DocsCodeBlock(props = {}) {
   const { children, ...rest } = props;
-  const childArray = React38.Children.toArray(children);
-  const codeElement = childArray.find((el) => React38.isValidElement(el));
+  const childArray = React39.Children.toArray(children);
+  const codeElement = childArray.find((el) => React39.isValidElement(el));
   if (!codeElement || !codeElement.props) {
-    return React38.createElement("pre", props);
+    return React39.createElement("pre", props);
   }
   const {
     className = "",
@@ -3853,8 +3901,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] = React38.useState(false);
-  const handleCopy = React38.useCallback(async () => {
+  const [copied, setCopied] = React39.useState(false);
+  const handleCopy = React39.useCallback(async () => {
     const text = rawCode;
     try {
       if (typeof navigator !== "undefined" && navigator.clipboard && navigator.clipboard.writeText) {
@@ -3919,20 +3967,20 @@ function DocsCodeBlock(props = {}) {
     const highlight = highlightSet.has(lineNumber);
     const style = highlight ? { ...baseLineStyle, ...highlightBaseStyle } : baseLineStyle;
     const displayLine = line === "" ? " " : line;
-    return React38.createElement(
+    return React39.createElement(
       "span",
       { key: lineNumber, style },
-      React38.createElement("span", { style: lineContentStyle }, displayLine)
+      React39.createElement("span", { style: lineContentStyle }, displayLine)
     );
   });
-  return React38.createElement(
+  return React39.createElement(
     "div",
     { style: containerStyle },
-    showHeader ? React38.createElement(
+    showHeader ? React39.createElement(
       "div",
       { style: headerStyle },
-      React38.createElement("span", null, showFilename ? filename : null),
-      enableCopy ? React38.createElement(
+      React39.createElement("span", null, showFilename ? filename : null),
+      enableCopy ? React39.createElement(
         "button",
         {
           type: "button",
@@ -3951,29 +3999,29 @@ function DocsCodeBlock(props = {}) {
         copied ? "Copied" : "Copy"
       ) : null
     ) : null,
-    React38.createElement(
+    React39.createElement(
       "pre",
       { ...preRest, className: preClassName, style: mergedPreStyle },
-      React38.createElement("code", { style: codeStyle }, lineElements)
+      React39.createElement("code", { style: codeStyle }, lineElements)
     )
   );
 }
 
 // ui/src/docs/MarkdownTable.jsx
-import React39 from "react";
+import React40 from "react";
 function MarkdownTable({ className = "", ...rest }) {
   const merged = ["markdown-table", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React39.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React39.createElement("table", { className: merged, ...rest }));
+  return /* @__PURE__ */ React40.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React40.createElement("table", { className: merged, ...rest }));
 }
 
 // ui/src/docs/Diagram.jsx
-import React40 from "react";
+import React41 from "react";
 function CanopyDiagram() {
-  return /* @__PURE__ */ React40.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React40.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React40.createElement("h3", null, "IIIF Collection(s)"), /* @__PURE__ */ React40.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 105 total manifests that Canopy retrieves as-is via IIIF endpoints."), /* @__PURE__ */ React40.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React40.createElement("article", null, /* @__PURE__ */ React40.createElement("h4", null, "Collection A"), /* @__PURE__ */ React40.createElement("ul", null, /* @__PURE__ */ React40.createElement("li", null, "70 Manifests"), /* @__PURE__ */ React40.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React40.createElement("li", null, "Textual Annotations"))), /* @__PURE__ */ React40.createElement("article", null, /* @__PURE__ */ React40.createElement("h4", null, "Collection B"), /* @__PURE__ */ React40.createElement("ul", null, /* @__PURE__ */ React40.createElement("li", null, "35 Manifests"), /* @__PURE__ */ React40.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React40.createElement("li", null, "Textual Annotations"))))), /* @__PURE__ */ React40.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React40.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React40.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React40.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React40.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React40.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy syncs manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React40.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React40.createElement("article", null, /* @__PURE__ */ React40.createElement("h4", null, "Automated content"), /* @__PURE__ */ React40.createElement("ul", null, /* @__PURE__ */ React40.createElement("li", null, "105 manifests \u2192 105 work pages"), /* @__PURE__ */ React40.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React40.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React40.createElement("article", null, /* @__PURE__ */ React40.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React40.createElement("ul", null, /* @__PURE__ */ React40.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React40.createElement("li", null, "Author narratives"), /* @__PURE__ */ React40.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React40.createElement("article", null, /* @__PURE__ */ React40.createElement("h4", null, "Search index"), /* @__PURE__ */ React40.createElement("ul", null, /* @__PURE__ */ React40.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React40.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React40.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React40.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React40.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React40.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React40.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React40.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React40.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__ */ React40.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React40.createElement("article", null, /* @__PURE__ */ React40.createElement("h4", null, "Work pages"), /* @__PURE__ */ React40.createElement("ul", null, /* @__PURE__ */ React40.createElement("li", null, "105 generated HTML pages"), /* @__PURE__ */ React40.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React40.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React40.createElement("article", null, /* @__PURE__ */ React40.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React40.createElement("ul", null, /* @__PURE__ */ React40.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React40.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React40.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React40.createElement("article", null, /* @__PURE__ */ React40.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React40.createElement("ul", null, /* @__PURE__ */ React40.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React40.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React40.createElement("li", null, "Optional annotation dataset"))))));
+  return /* @__PURE__ */ React41.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React41.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React41.createElement("h3", null, "IIIF Collection(s)"), /* @__PURE__ */ React41.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 105 total manifests that Canopy retrieves as-is via IIIF endpoints."), /* @__PURE__ */ React41.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React41.createElement("article", null, /* @__PURE__ */ React41.createElement("h4", null, "Collection A"), /* @__PURE__ */ React41.createElement("ul", null, /* @__PURE__ */ React41.createElement("li", null, "70 Manifests"), /* @__PURE__ */ React41.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React41.createElement("li", null, "Textual Annotations"))), /* @__PURE__ */ React41.createElement("article", null, /* @__PURE__ */ React41.createElement("h4", null, "Collection B"), /* @__PURE__ */ React41.createElement("ul", null, /* @__PURE__ */ React41.createElement("li", null, "35 Manifests"), /* @__PURE__ */ React41.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React41.createElement("li", null, "Textual Annotations"))))), /* @__PURE__ */ React41.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React41.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React41.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React41.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React41.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React41.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy syncs manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React41.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React41.createElement("article", null, /* @__PURE__ */ React41.createElement("h4", null, "Automated content"), /* @__PURE__ */ React41.createElement("ul", null, /* @__PURE__ */ React41.createElement("li", null, "105 manifests \u2192 105 work pages"), /* @__PURE__ */ React41.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React41.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React41.createElement("article", null, /* @__PURE__ */ React41.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React41.createElement("ul", null, /* @__PURE__ */ React41.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React41.createElement("li", null, "Author narratives"), /* @__PURE__ */ React41.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React41.createElement("article", null, /* @__PURE__ */ React41.createElement("h4", null, "Search index"), /* @__PURE__ */ React41.createElement("ul", null, /* @__PURE__ */ React41.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React41.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React41.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React41.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React41.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React41.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React41.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React41.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React41.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__ */ React41.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React41.createElement("article", null, /* @__PURE__ */ React41.createElement("h4", null, "Work pages"), /* @__PURE__ */ React41.createElement("ul", null, /* @__PURE__ */ React41.createElement("li", null, "105 generated HTML pages"), /* @__PURE__ */ React41.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React41.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React41.createElement("article", null, /* @__PURE__ */ React41.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React41.createElement("ul", null, /* @__PURE__ */ React41.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React41.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React41.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React41.createElement("article", null, /* @__PURE__ */ React41.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React41.createElement("ul", null, /* @__PURE__ */ React41.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React41.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React41.createElement("li", null, "Optional annotation dataset"))))));
 }
 
 // ui/src/docs/ThemeShowcase.jsx
-import React41 from "react";
+import React42 from "react";
 
 // ../../node_modules/@radix-ui/colors/index.mjs
 var colors_exports = {};
@@ -7806,22 +7854,244 @@ var ACCENT_COLOR_NAMES = [
   "sky"
 ];
 var GRAY_COLOR_NAMES = ["gray", "mauve", "slate", "sage", "olive", "sand"];
-var Section = ({ title, description, children }) => /* @__PURE__ */ React41.createElement("div", { className: "canopy-theme-showcase__section" }, /* @__PURE__ */ React41.createElement("h3", { className: "canopy-theme-showcase__section-title" }, title), description ? /* @__PURE__ */ React41.createElement("p", { className: "canopy-theme-showcase__section-description" }, description) : null, children);
-var ColorScaleRow = ({ label, prefix }) => /* @__PURE__ */ React41.createElement("div", { className: "canopy-theme-showcase__scale-row" }, /* @__PURE__ */ React41.createElement("div", { className: "canopy-theme-showcase__scale-label" }, /* @__PURE__ */ React41.createElement("strong", null, label)), /* @__PURE__ */ React41.createElement("div", { className: "canopy-theme-showcase__scale-track" }, COLOR_STOPS.map((stop) => /* @__PURE__ */ React41.createElement(
+var APPEARANCES = ["light", "dark"];
+var DEFAULTS = {
+  appearance: "light",
+  accentColor: "indigo",
+  grayColor: "slate"
+};
+var LEVELS = COLOR_STOPS;
+var STEP_MAP = {
+  50: 1,
+  100: 3,
+  200: 4,
+  300: 6,
+  400: 7,
+  500: 8,
+  600: 9,
+  700: 10,
+  800: 11,
+  900: 12
+};
+var Section = ({ title, description, children }) => /* @__PURE__ */ React42.createElement("div", { className: "canopy-theme-showcase__section" }, /* @__PURE__ */ React42.createElement("h3", { className: "canopy-theme-showcase__section-title" }, title), description ? /* @__PURE__ */ React42.createElement("p", { className: "canopy-theme-showcase__section-description" }, description) : null, children);
+var ColorScaleRow = ({ label, prefix }) => /* @__PURE__ */ React42.createElement("div", { className: "canopy-theme-showcase__scale-row" }, /* @__PURE__ */ React42.createElement("div", { className: "canopy-theme-showcase__scale-label" }, /* @__PURE__ */ React42.createElement("strong", null, label)), /* @__PURE__ */ React42.createElement("div", { className: "canopy-theme-showcase__scale-track" }, COLOR_STOPS.map((stop) => /* @__PURE__ */ React42.createElement(
   "div",
   {
     key: `${label}-${stop}`,
     className: "canopy-theme-showcase__scale-stop"
   },
-  /* @__PURE__ */ React41.createElement(
+  /* @__PURE__ */ React42.createElement(
     "span",
     {
       className: "canopy-theme-showcase__scale-chip",
       style: { backgroundColor: `var(${prefix}-${stop})` }
     }
   ),
-  /* @__PURE__ */ React41.createElement("span", { className: "canopy-theme-showcase__scale-token" }, stop)
+  /* @__PURE__ */ React42.createElement("span", { className: "canopy-theme-showcase__scale-token" }, stop)
 ))));
+var AVAILABLE = new Set(
+  Object.keys(colors_exports).filter(
+    (key) => /^[a-z]+$/i.test(key) && colors_exports[key] && colors_exports[key][`${key}1`]
+  )
+);
+function normalizeAppearance(raw) {
+  if (!raw) return "light";
+  return String(raw).trim().toLowerCase() === "dark" ? "dark" : "light";
+}
+function darkenHex(hex, amount = 0.15) {
+  if (!hex) return hex;
+  const normalized = hex.replace("#", "");
+  if (!/^[0-9a-fA-F]{6}$/.test(normalized)) return hex;
+  const num = parseInt(normalized, 16);
+  const r = num >> 16 & 255;
+  const g = num >> 8 & 255;
+  const b = num & 255;
+  const clamp = (value) => Math.max(0, Math.min(255, Math.round(value)));
+  const toHex = (value) => clamp(value).toString(16).padStart(2, "0");
+  const factor = 1 - amount;
+  return `#${toHex(r * factor)}${toHex(g * factor)}${toHex(b * factor)}`;
+}
+function lightenHex(hex, amount = 0.15) {
+  if (!hex) return hex;
+  const normalized = hex.replace("#", "");
+  if (!/^[0-9a-fA-F]{6}$/.test(normalized)) return hex;
+  const num = parseInt(normalized, 16);
+  const r = num >> 16 & 255;
+  const g = num >> 8 & 255;
+  const b = num & 255;
+  const clamp = (value) => Math.max(0, Math.min(255, Math.round(value)));
+  const toHex = (value) => clamp(value).toString(16).padStart(2, "0");
+  const adjust = (value) => value + (255 - value) * amount;
+  return `#${toHex(adjust(r))}${toHex(adjust(g))}${toHex(adjust(b))}`;
+}
+function adjustSaturation(hex, amount = 0.15) {
+  if (!hex) return hex;
+  const normalized = hex.replace("#", "");
+  if (!/^[0-9a-fA-F]{6}$/.test(normalized)) return hex;
+  const num = parseInt(normalized, 16);
+  let r = (num >> 16 & 255) / 255;
+  let g = (num >> 8 & 255) / 255;
+  let b = (num & 255) / 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  let h = 0;
+  let s = 0;
+  const l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      default:
+        h = (r - g) / d + 4;
+    }
+    h /= 6;
+  }
+  const delta = Number(amount);
+  if (!Number.isFinite(delta) || delta === 0) return hex;
+  s = Math.max(0, Math.min(1, s + delta));
+  const hueToRgb = (p, q, t) => {
+    if (t < 0) t += 1;
+    if (t > 1) t -= 1;
+    if (t < 1 / 6) return p + (q - p) * 6 * t;
+    if (t < 1 / 2) return q;
+    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+    return p;
+  };
+  let rOut;
+  let gOut;
+  let bOut;
+  if (s === 0) {
+    rOut = gOut = bOut = l;
+  } else {
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    rOut = hueToRgb(p, q, h + 1 / 3);
+    gOut = hueToRgb(p, q, h);
+    bOut = hueToRgb(p, q, h - 1 / 3);
+  }
+  const toHex = (value) => Math.round(Math.max(0, Math.min(1, value)) * 255).toString(16).padStart(2, "0");
+  return `#${toHex(rOut)}${toHex(gOut)}${toHex(bOut)}`;
+}
+function mixHexColors(colorA, colorB, amount = 0.5) {
+  const normalize = (hex) => hex && /^[0-9a-fA-F]{6}$/.test(hex.replace("#", "")) ? hex.replace("#", "") : null;
+  const first = normalize(colorA);
+  const second = normalize(colorB);
+  if (!first || !second) return colorA || colorB || null;
+  const a = parseInt(first, 16);
+  const b = parseInt(second, 16);
+  const clampAmount = Math.max(0, Math.min(1, Number(amount) || 0));
+  const mixChannel = (shift) => Math.round(
+    (a >> shift & 255) + ((b >> shift & 255) - (a >> shift & 255)) * clampAmount
+  );
+  const toHex = (value) => value.toString(16).padStart(2, "0");
+  const r = mixChannel(16);
+  const g = mixChannel(8);
+  const bl = mixChannel(0);
+  return `#${toHex(r)}${toHex(g)}${toHex(bl)}`;
+}
+function normalizeDarkenAmount(raw) {
+  const value = Number(raw);
+  if (!Number.isFinite(value)) return null;
+  return Math.min(0.95, Math.max(0, value));
+}
+function resolveRadixPalette(name, appearance) {
+  if (!name || !AVAILABLE.has(name)) return null;
+  const paletteKey = appearance === "dark" ? `${name}Dark` : name;
+  const palette = colors_exports[paletteKey];
+  if (palette && palette[`${name}1`]) return palette;
+  const fallback = colors_exports[name];
+  return fallback && fallback[`${name}1`] ? fallback : null;
+}
+function toTailwindScale(name, options = {}) {
+  if (!name || !AVAILABLE.has(name)) return null;
+  const appearance = normalizeAppearance(options.appearance);
+  const palette = resolveRadixPalette(name, appearance);
+  if (!palette) return null;
+  const scale = {};
+  const darken900Amount = normalizeDarkenAmount(options.darken900Amount);
+  for (const lvl of LEVELS) {
+    const radixStep = STEP_MAP[lvl];
+    const key = `${name}${radixStep}`;
+    const value = palette[key];
+    if (!value) return null;
+    scale[lvl] = value;
+  }
+  const saturate700 = options.saturate700 !== false;
+  if (scale["700"]) {
+    let adjusted = appearance === "dark" ? lightenHex(scale["700"], 0.15) : darkenHex(scale["700"], 0.15);
+    if (saturate700) adjusted = adjustSaturation(adjusted, 0.15);
+    scale["700"] = adjusted;
+  }
+  const darkestKey = `${name}${STEP_MAP["900"]}`;
+  if (scale["800"] && palette[darkestKey]) {
+    const amount = darken900Amount != null ? darken900Amount : 0.25;
+    scale["900"] = appearance === "dark" ? lightenHex(palette[darkestKey], amount) : darkenHex(palette[darkestKey], amount);
+  }
+  if (scale["800"] && scale["900"]) {
+    scale["800"] = mixHexColors(scale["800"], scale["900"], 0.65);
+  }
+  return scale;
+}
+function buildPreviewData() {
+  const data = {
+    appearances: APPEARANCES,
+    accentColors: ACCENT_COLOR_NAMES,
+    grayColors: GRAY_COLOR_NAMES,
+    defaults: DEFAULTS,
+    scales: {}
+  };
+  for (const appearance of APPEARANCES) {
+    const accentScales = {};
+    const grayScales = {};
+    for (const accent of ACCENT_COLOR_NAMES) {
+      const scale = toTailwindScale(accent, { appearance });
+      if (scale) accentScales[accent] = scale;
+    }
+    for (const gray2 of GRAY_COLOR_NAMES) {
+      const scale = toTailwindScale(gray2, {
+        appearance,
+        darken900Amount: 0.4,
+        saturate700: false
+      });
+      if (scale) grayScales[gray2] = scale;
+    }
+    data.scales[appearance] = { accent: accentScales, gray: grayScales };
+  }
+  return data;
+}
+var PREVIEW_DATA = buildPreviewData();
+function encodeJson(value) {
+  return JSON.stringify(value).replace(/</g, "\\u003c");
+}
+var ColorsLabeled = ({ colors, type, getRadixSwatch }) => /* @__PURE__ */ React42.createElement("div", { className: "canopy-theme-showcase__swatch-grid" }, colors.map((name) => {
+  const colorValue = getRadixSwatch(name);
+  return /* @__PURE__ */ React42.createElement(
+    "button",
+    {
+      key: `${type}-${name}`,
+      type: "button",
+      className: "canopy-theme-showcase__swatch",
+      "data-theme-swatch": true,
+      "data-theme-swatch-type": type,
+      "data-theme-swatch-value": name,
+      "aria-pressed": "false"
+    },
+    /* @__PURE__ */ React42.createElement(
+      "span",
+      {
+        className: "canopy-theme-showcase__swatch-chip",
+        style: { background: colorValue || "var(--color-gray-200)" }
+      }
+    ),
+    /* @__PURE__ */ React42.createElement("span", { className: "canopy-theme-showcase__swatch-label" }, name)
+  );
+}));
 function ThemeShowcase() {
   const accentColors = ACCENT_COLOR_NAMES;
   const grayColors = GRAY_COLOR_NAMES;
@@ -7831,20 +8101,49 @@ function ThemeShowcase() {
     if (!scale) return null;
     return scale[`${name}9`] || Object.values(scale)[8];
   };
-  const ColorsLabeled = ({ colors }) => /* @__PURE__ */ React41.createElement("div", { className: "canopy-theme-showcase__swatch-grid" }, colors.map((name) => {
-    const colorValue = getRadixSwatch(name);
-    return /* @__PURE__ */ React41.createElement("div", { key: name, className: "canopy-theme-showcase__swatch" }, /* @__PURE__ */ React41.createElement(
-      "div",
-      {
-        className: "canopy-theme-showcase__swatch-chip",
-        style: { background: colorValue || "var(--color-gray-200)" }
-      }
-    ), /* @__PURE__ */ React41.createElement("div", { className: "canopy-theme-showcase__swatch-label" }, name));
-  }));
   const styles = `
+    .canopy-theme-showcase {
+      margin: 2.618rem 0;
+      padding: 1.5rem;
+      border: 1px solid color-mix(in srgb, var(--color-gray-400) 40%, transparent);
+      border-radius: 0.85rem;
+      background: color-mix(in srgb, var(--color-gray-50) 78%, transparent);
+    }
+    .canopy-theme-showcase__appearance-buttons {
+      display: inline-flex;
+      gap: 0.35rem;
+      flex-wrap: wrap;
+    }
+    .canopy-theme-showcase__appearance-button {
+      border-radius: 999px;
+      border: 1px solid var(--color-gray-300);
+      background: var(--color-gray-50);
+      color: var(--color-gray-900);
+      padding: 0.3rem 0.9rem;
+      font-size: 0.85rem;
+      cursor: pointer;
+      transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
+    }
+    .canopy-theme-showcase__appearance-button.is-active {
+      border-color: var(--color-accent-default);
+      color: var(--color-accent-default);
+      background: color-mix(in srgb, var(--color-accent-100) 65%, transparent);
+    }
+    .canopy-theme-showcase__reset {
+      border-radius: 999px;
+      border: 1px solid var(--color-gray-400);
+      background: transparent;
+      padding: 0.35rem 1.2rem;
+      font-size: 0.85rem;
+      cursor: pointer;
+      color: var(--color-gray-900);
+    }
     .canopy-theme-showcase__section {
       margin: 2.618rem 0;
     }
+    .canopy-theme-showcase__section:first-of-type {
+      margin-top: 0;
+    }
     .canopy-theme-showcase__section:last-of-type {
       margin-bottom: 0;
     }
@@ -7912,24 +8211,78 @@ function ThemeShowcase() {
       flex-wrap: wrap;
       gap: 1rem;
     }
+    .canopy-theme-showcase__swatch {
+      width: 5.5rem;
+      border: 1px solid var(--color-gray-200);
+      border-radius: 0.75rem;
+      background: var(--color-gray-50);
+      padding: 0.5rem;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 0.35rem;
+      cursor: pointer;
+      transition: border-color 0.2s ease, box-shadow 0.2s ease;
+    }
+    .canopy-theme-showcase__swatch:focus-visible {
+      outline: 2px solid var(--color-accent-default);
+      outline-offset: 3px;
+    }
+    .canopy-theme-showcase__swatch[data-swatch-active="true"] {
+      border-color: var(--color-accent-default);
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent-200) 70%, transparent);
+    }
     .canopy-theme-showcase__swatch-chip {
-      width: 4.236rem;
+      width: 100%;
       height: 2.618rem;
-      border-radius: 3px;
+      border-radius: 0.5rem;
     }
     .canopy-theme-showcase__swatch-label {
       font-size: 0.8333rem;
-      margin-top: 0.382rem;
-      font-weight: 300;
+      margin-top: 0.1rem;
+      font-weight: 500;
+      text-transform: capitalize;
     }
+    .canopy-theme-showcase__swatch-controls { display: none; }
+    .canopy-theme-showcase__clear-button { display: none; }
   `;
-  return /* @__PURE__ */ React41.createElement("div", { className: "canopy-theme-showcase" }, /* @__PURE__ */ React41.createElement("style", { dangerouslySetInnerHTML: { __html: styles } }), /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React42.createElement("div", { className: "canopy-theme-showcase", "data-theme-showcase": true }, /* @__PURE__ */ React42.createElement("style", { dangerouslySetInnerHTML: { __html: styles } }), /* @__PURE__ */ React42.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", marginBottom: "1rem" } }, /* @__PURE__ */ React42.createElement(
+    Section,
+    {
+      title: "Appearance",
+      description: "Pick the base light or dark mode for the theme preview."
+    },
+    /* @__PURE__ */ React42.createElement("div", { className: "canopy-theme-showcase__appearance-buttons" }, ["light", "dark"].map((mode) => {
+      const label = `${mode.charAt(0).toUpperCase()}${mode.slice(1)}`;
+      const baseClass = "canopy-theme-showcase__appearance-button";
+      const isDefault = mode === DEFAULTS.appearance;
+      const className = isDefault ? `${baseClass} is-active` : baseClass;
+      return /* @__PURE__ */ React42.createElement(
+        "button",
+        {
+          key: mode,
+          type: "button",
+          className,
+          "data-theme-appearance": mode
+        },
+        label
+      );
+    }))
+  ), /* @__PURE__ */ React42.createElement(
+    "button",
+    {
+      type: "button",
+      className: "canopy-theme-showcase__reset",
+      "data-theme-reset": true
+    },
+    "Reset"
+  )), /* @__PURE__ */ React42.createElement(
     Section,
     {
       title: "Color scales",
       description: "Accent and gray ramps from the active theme."
     },
-    /* @__PURE__ */ React41.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" } }, COLOR_SCALES.map((scale) => /* @__PURE__ */ React41.createElement(
+    /* @__PURE__ */ React42.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" } }, COLOR_SCALES.map((scale) => /* @__PURE__ */ React42.createElement(
       ColorScaleRow,
       {
         key: scale.label,
@@ -7937,23 +8290,31 @@ function ThemeShowcase() {
         prefix: scale.prefix
       }
     )))
-  ), /* @__PURE__ */ React41.createElement(
+  ), /* @__PURE__ */ React42.createElement(
     Section,
     {
       title: "Accent color palette options",
-      description: "Primary color steps used for buttons, links, and highlights."
+      description: "Click a swatch to temporarily override the accent palette."
     },
-    /* @__PURE__ */ React41.createElement(ColorsLabeled, { colors: accentColors })
-  ), /* @__PURE__ */ React41.createElement(
+    /* @__PURE__ */ React42.createElement(ColorsLabeled, { colors: accentColors, type: "accent", getRadixSwatch })
+  ), /* @__PURE__ */ React42.createElement(
     Section,
     {
       title: "Gray color palette options",
-      description: "Neutral color steps used for backgrounds, borders, and text."
+      description: "Click a swatch to preview the neutral ramp for surfaces and text."
     },
-    /* @__PURE__ */ React41.createElement(ColorsLabeled, { colors: grayColors })
+    /* @__PURE__ */ React42.createElement(ColorsLabeled, { colors: grayColors, type: "gray", getRadixSwatch })
+  ), /* @__PURE__ */ React42.createElement(
+    "script",
+    {
+      type: "application/json",
+      "data-theme-showcase-values": true,
+      dangerouslySetInnerHTML: { __html: encodeJson(PREVIEW_DATA) }
+    }
   ));
 }
 export {
+  Biblography,
   Button,
   ButtonWrapper,
   CanopyBrand,