@canopy-iiif/app 0.13.4 → 1.0.0

package/ui/dist/index.mjs

@@ -1594,12 +1594,34 @@ function MdxSearchTabs(props) {
   return /* @__PURE__ */ React24.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React24.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
-// ui/src/search/SearchResults.jsx
+// ui/src/search/MdxSearch.jsx
 import React25 from "react";
+function MdxSearch(props = {}) {
+  const {
+    layout,
+    tabsProps = {},
+    summaryProps = {},
+    resultsProps = {},
+    className = "",
+    showTabs = true,
+    showSummary = true,
+    showResults = true,
+    children
+  } = props || {};
+  const resultsPayload = resultsProps && typeof resultsProps === "object" ? { ...resultsProps } : {};
+  if (typeof layout !== "undefined" && layout !== null && !resultsPayload.layout) {
+    resultsPayload.layout = layout;
+  }
+  const classes = ["canopy-search", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React25.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React25.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React25.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React25.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
+}
+
+// ui/src/search/SearchResults.jsx
+import React26 from "react";
 function DefaultArticleTemplate({ record, query }) {
   if (!record) return null;
   const metadata = Array.isArray(record.metadata) ? record.metadata : [];
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     ArticleCard,
     {
       href: record.href,
@@ -1617,7 +1639,7 @@ function DefaultFigureTemplate({ record, thumbnailAspectRatio }) {
   if (!record) return null;
   const hasDims = Number.isFinite(Number(record.thumbnailWidth)) && Number(record.thumbnailWidth) > 0 && Number.isFinite(Number(record.thumbnailHeight)) && Number(record.thumbnailHeight) > 0;
   const aspect = Number.isFinite(Number(thumbnailAspectRatio)) && Number(thumbnailAspectRatio) > 0 ? Number(thumbnailAspectRatio) : hasDims ? Number(record.thumbnailWidth) / Number(record.thumbnailHeight) : void 0;
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     Card,
     {
       href: record.href,
@@ -1638,7 +1660,7 @@ function SearchResults({
   variant = "auto"
 }) {
   if (!results.length) {
-    return /* @__PURE__ */ React25.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React25.createElement("em", null, "No results"));
+    return /* @__PURE__ */ React26.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React26.createElement("em", null, "No results"));
   }
   const normalizedType = String(type || "all").toLowerCase();
   const normalizedVariant = variant === "figure" || variant === "article" ? variant : "auto";
@@ -1646,9 +1668,9 @@ function SearchResults({
   const FigureTemplate = templates && templates.figure ? templates.figure : DefaultFigureTemplate;
   const ArticleTemplate = templates && templates.article ? templates.article : DefaultArticleTemplate;
   if (isAnnotationView) {
-    return /* @__PURE__ */ React25.createElement("div", { id: "search-results", className: "space-y-4" }, results.map((r, i) => {
+    return /* @__PURE__ */ React26.createElement("div", { id: "search-results", className: "space-y-4" }, results.map((r, i) => {
       if (!r) return null;
-      return /* @__PURE__ */ React25.createElement(
+      return /* @__PURE__ */ React26.createElement(
         ArticleTemplate,
         {
           key: r.id || i,
@@ -1666,20 +1688,20 @@ function SearchResults({
     return !isWorkRecord(record) || normalizedType !== "work";
   };
   if (layout === "list") {
-    return /* @__PURE__ */ React25.createElement("div", { id: "search-results", className: "space-y-6" }, results.map((r, i) => {
+    return /* @__PURE__ */ React26.createElement("div", { id: "search-results", className: "space-y-6" }, results.map((r, i) => {
       if (shouldRenderAsArticle(r)) {
-        return /* @__PURE__ */ React25.createElement("div", { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React25.createElement(ArticleTemplate, { record: r, query, layout }));
+        return /* @__PURE__ */ React26.createElement("div", { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React26.createElement(ArticleTemplate, { record: r, query, layout }));
       }
       const hasDims = Number.isFinite(Number(r.thumbnailWidth)) && Number(r.thumbnailWidth) > 0 && Number.isFinite(Number(r.thumbnailHeight)) && Number(r.thumbnailHeight) > 0;
       const aspect = hasDims ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight) : void 0;
-      return /* @__PURE__ */ React25.createElement(
+      return /* @__PURE__ */ React26.createElement(
         "div",
         {
           key: i,
           className: `search-result ${r.type}`,
           "data-thumbnail-aspect-ratio": aspect
         },
-        /* @__PURE__ */ React25.createElement(
+        /* @__PURE__ */ React26.createElement(
           FigureTemplate,
           {
             record: r,
@@ -1691,20 +1713,20 @@ function SearchResults({
       );
     }));
   }
-  return /* @__PURE__ */ React25.createElement("div", { id: "search-results" }, /* @__PURE__ */ React25.createElement(Grid, null, results.map((r, i) => {
+  return /* @__PURE__ */ React26.createElement("div", { id: "search-results" }, /* @__PURE__ */ React26.createElement(Grid, null, results.map((r, i) => {
     if (shouldRenderAsArticle(r)) {
-      return /* @__PURE__ */ React25.createElement(GridItem, { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React25.createElement(ArticleTemplate, { record: r, query, layout }));
+      return /* @__PURE__ */ React26.createElement(GridItem, { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React26.createElement(ArticleTemplate, { record: r, query, layout }));
     }
     const hasDims = Number.isFinite(Number(r.thumbnailWidth)) && Number(r.thumbnailWidth) > 0 && Number.isFinite(Number(r.thumbnailHeight)) && Number(r.thumbnailHeight) > 0;
     const aspect = hasDims ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight) : void 0;
-    return /* @__PURE__ */ React25.createElement(
+    return /* @__PURE__ */ React26.createElement(
       GridItem,
       {
         key: i,
         className: `search-result ${r.type}`,
         "data-thumbnail-aspect-ratio": aspect
       },
-      /* @__PURE__ */ React25.createElement(
+      /* @__PURE__ */ React26.createElement(
         FigureTemplate,
         {
           record: r,
@@ -1718,7 +1740,7 @@ function SearchResults({
 }
 
 // ui/src/search/SearchTabs.jsx
-import React26, { useRef as useRef2, useState as useState6, useEffect as useEffect6 } from "react";
+import React27, { useRef as useRef2, useState as useState6, useEffect as useEffect6 } from "react";
 function SearchTabs({
   type = "all",
   onTypeChange,
@@ -1772,7 +1794,7 @@ function SearchTabs({
       width: `${itemBoundingBox.width}px`
     };
   }
-  return /* @__PURE__ */ React26.createElement("div", { className: "canopy-search-tabs-wrapper" }, /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React27.createElement("div", { className: "canopy-search-tabs-wrapper" }, /* @__PURE__ */ React27.createElement(
     "div",
     {
       role: "tablist",
@@ -1781,7 +1803,7 @@ function SearchTabs({
       ref: wrapperRef,
       onMouseLeave: resetHighlight
     },
-    /* @__PURE__ */ React26.createElement(
+    /* @__PURE__ */ React27.createElement(
       "div",
       {
         ref: highlightRef,
@@ -1793,7 +1815,7 @@ function SearchTabs({
       const active = String(type).toLowerCase() === String(t).toLowerCase();
       const cRaw = counts && Object.prototype.hasOwnProperty.call(counts, t) ? counts[t] : void 0;
       const c = Number.isFinite(Number(cRaw)) ? Number(cRaw) : 0;
-      return /* @__PURE__ */ React26.createElement(
+      return /* @__PURE__ */ React27.createElement(
         "button",
         {
           key: t,
@@ -1811,7 +1833,7 @@ function SearchTabs({
         ")"
       );
     })
-  ), hasFilters ? /* @__PURE__ */ React26.createElement(
+  ), hasFilters ? /* @__PURE__ */ React27.createElement(
     "button",
     {
       type: "button",
@@ -1819,12 +1841,12 @@ function SearchTabs({
       "aria-expanded": filtersOpen ? "true" : "false",
       className: "inline-flex items-center gap-2 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm font-medium text-slate-700 shadow-sm transition hover:border-brand-200 hover:bg-brand-50 hover:text-brand-700"
     },
-    /* @__PURE__ */ React26.createElement("span", null, filtersLabel, filterBadge)
+    /* @__PURE__ */ React27.createElement("span", null, filtersLabel, filterBadge)
   ) : null);
 }
 
 // ui/src/search/SearchFiltersDialog.jsx
-import React27 from "react";
+import React28 from "react";
 function toArray(input) {
   if (!input) return [];
   if (Array.isArray(input)) return input;
@@ -1863,20 +1885,20 @@ function FacetSection({ facet, selected, onToggle }) {
   const selectedValues = selected.get(String(slug)) || /* @__PURE__ */ new Set();
   const checkboxId = (valueSlug) => `filter-${slug}-${valueSlug}`;
   const hasSelection = selectedValues.size > 0;
-  const [quickQuery, setQuickQuery] = React27.useState("");
+  const [quickQuery, setQuickQuery] = React28.useState("");
   const hasQuery = quickQuery.trim().length > 0;
-  const filteredValues = React27.useMemo(
+  const filteredValues = React28.useMemo(
     () => facetMatches(values, quickQuery),
     [values, quickQuery]
   );
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(
     "details",
     {
       className: "canopy-search-filters__facet",
       open: hasSelection
     },
-    /* @__PURE__ */ React27.createElement("summary", { className: "canopy-search-filters__facet-summary" }, /* @__PURE__ */ React27.createElement("span", null, label), /* @__PURE__ */ React27.createElement("span", { className: "canopy-search-filters__facet-count" }, values.length)),
-    /* @__PURE__ */ React27.createElement("div", { className: "canopy-search-filters__facet-content" }, /* @__PURE__ */ React27.createElement("div", { className: "canopy-search-filters__quick" }, /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement("summary", { className: "canopy-search-filters__facet-summary" }, /* @__PURE__ */ React28.createElement("span", null, label), /* @__PURE__ */ React28.createElement("span", { className: "canopy-search-filters__facet-count" }, values.length)),
+    /* @__PURE__ */ React28.createElement("div", { className: "canopy-search-filters__facet-content" }, /* @__PURE__ */ React28.createElement("div", { className: "canopy-search-filters__quick" }, /* @__PURE__ */ React28.createElement(
       "input",
       {
         type: "search",
@@ -1886,7 +1908,7 @@ function FacetSection({ facet, selected, onToggle }) {
         className: "canopy-search-filters__quick-input",
         "aria-label": `Filter ${label} values`
       }
-    ), quickQuery ? /* @__PURE__ */ React27.createElement(
+    ), quickQuery ? /* @__PURE__ */ React28.createElement(
       "button",
       {
         type: "button",
@@ -1894,11 +1916,11 @@ function FacetSection({ facet, selected, onToggle }) {
         className: "canopy-search-filters__quick-clear"
       },
       "Clear"
-    ) : null), hasQuery && !filteredValues.length ? /* @__PURE__ */ React27.createElement("p", { className: "canopy-search-filters__facet-notice" }, "No matches found.") : null, /* @__PURE__ */ React27.createElement("ul", { className: "canopy-search-filters__facet-list" }, filteredValues.map((entry) => {
+    ) : null), hasQuery && !filteredValues.length ? /* @__PURE__ */ React28.createElement("p", { className: "canopy-search-filters__facet-notice" }, "No matches found.") : null, /* @__PURE__ */ React28.createElement("ul", { className: "canopy-search-filters__facet-list" }, filteredValues.map((entry) => {
       const valueSlug = String(entry.slug || entry.value || "");
       const isChecked = selectedValues.has(valueSlug);
       const inputId = checkboxId(valueSlug);
-      return /* @__PURE__ */ React27.createElement("li", { key: valueSlug, className: "canopy-search-filters__facet-item" }, /* @__PURE__ */ React27.createElement(
+      return /* @__PURE__ */ React28.createElement("li", { key: valueSlug, className: "canopy-search-filters__facet-item" }, /* @__PURE__ */ React28.createElement(
         "input",
         {
           id: inputId,
@@ -1910,15 +1932,15 @@ function FacetSection({ facet, selected, onToggle }) {
             if (onToggle) onToggle(slug, valueSlug, nextChecked);
           }
         }
-      ), /* @__PURE__ */ React27.createElement(
+      ), /* @__PURE__ */ React28.createElement(
         "label",
         {
           htmlFor: inputId,
           className: "canopy-search-filters__facet-label"
         },
-        /* @__PURE__ */ React27.createElement("span", null, entry.value, " ", Number.isFinite(entry.doc_count) ? /* @__PURE__ */ React27.createElement("span", { className: "canopy-search-filters__facet-count" }, "(", entry.doc_count, ")") : null)
+        /* @__PURE__ */ React28.createElement("span", null, entry.value, " ", Number.isFinite(entry.doc_count) ? /* @__PURE__ */ React28.createElement("span", { className: "canopy-search-filters__facet-count" }, "(", entry.doc_count, ")") : null)
       ));
-    }), !filteredValues.length && !hasQuery ? /* @__PURE__ */ React27.createElement("li", { className: "canopy-search-filters__facet-empty" }, "No values available.") : null))
+    }), !filteredValues.length && !hasQuery ? /* @__PURE__ */ React28.createElement("li", { className: "canopy-search-filters__facet-empty" }, "No values available.") : null))
   );
 }
 function SearchFiltersDialog(props = {}) {
@@ -1940,7 +1962,7 @@ function SearchFiltersDialog(props = {}) {
     (total, set) => total + set.size,
     0
   );
-  React27.useEffect(() => {
+  React28.useEffect(() => {
     if (!open) return void 0;
     if (typeof document === "undefined") return void 0;
     const body = document.body;
@@ -1957,7 +1979,7 @@ function SearchFiltersDialog(props = {}) {
   if (!open) return null;
   const brandId = "canopy-modal-filters-label";
   const subtitleText = subtitle != null ? subtitle : title;
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(
     CanopyModal,
     {
       id: "canopy-modal-filters",
@@ -1972,8 +1994,8 @@ function SearchFiltersDialog(props = {}) {
       onBackgroundClick: () => onOpenChange && onOpenChange(false),
       bodyClassName: "canopy-modal__body--filters"
     },
-    subtitleText ? /* @__PURE__ */ React27.createElement("p", { className: "canopy-search-filters__subtitle" }, subtitleText) : null,
-    /* @__PURE__ */ React27.createElement("div", { className: "canopy-search-filters__body" }, Array.isArray(facets) && facets.length ? /* @__PURE__ */ React27.createElement("div", { className: "canopy-search-filters__facets" }, facets.map((facet) => /* @__PURE__ */ React27.createElement(
+    subtitleText ? /* @__PURE__ */ React28.createElement("p", { className: "canopy-search-filters__subtitle" }, subtitleText) : null,
+    /* @__PURE__ */ React28.createElement("div", { className: "canopy-search-filters__body" }, Array.isArray(facets) && facets.length ? /* @__PURE__ */ React28.createElement("div", { className: "canopy-search-filters__facets" }, facets.map((facet) => /* @__PURE__ */ React28.createElement(
       FacetSection,
       {
         key: facet.slug || facet.label,
@@ -1981,8 +2003,8 @@ function SearchFiltersDialog(props = {}) {
         selected: selectedMap,
         onToggle
       }
-    ))) : /* @__PURE__ */ React27.createElement("p", { className: "canopy-search-filters__empty" }, "No filters are available for this collection.")),
-    /* @__PURE__ */ React27.createElement("footer", { className: "canopy-search-filters__footer" }, /* @__PURE__ */ React27.createElement("div", null, activeCount ? `${activeCount} filter${activeCount === 1 ? "" : "s"} applied` : "No filters applied"), /* @__PURE__ */ React27.createElement("div", { className: "canopy-search-filters__footer-actions" }, /* @__PURE__ */ React27.createElement(
+    ))) : /* @__PURE__ */ React28.createElement("p", { className: "canopy-search-filters__empty" }, "No filters are available for this collection.")),
+    /* @__PURE__ */ React28.createElement("footer", { className: "canopy-search-filters__footer" }, /* @__PURE__ */ React28.createElement("div", null, activeCount ? `${activeCount} filter${activeCount === 1 ? "" : "s"} applied` : "No filters applied"), /* @__PURE__ */ React28.createElement("div", { className: "canopy-search-filters__footer-actions" }, /* @__PURE__ */ React28.createElement(
       "button",
       {
         type: "button",
@@ -1993,7 +2015,7 @@ function SearchFiltersDialog(props = {}) {
         className: "canopy-search-filters__button canopy-search-filters__button--secondary"
       },
       "Clear all"
-    ), /* @__PURE__ */ React27.createElement(
+    ), /* @__PURE__ */ React28.createElement(
       "button",
       {
         type: "button",
@@ -2006,7 +2028,7 @@ function SearchFiltersDialog(props = {}) {
 }
 
 // ui/src/search-form/MdxSearchFormModal.jsx
-import React28 from "react";
+import React29 from "react";
 function MdxSearchFormModal(props = {}) {
   const {
     placeholder = "Search\u2026",
@@ -2022,24 +2044,24 @@ 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__ */ React28.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React28.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React28.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React28.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React28.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  return /* @__PURE__ */ React29.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React29.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React29.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React29.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React29.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/docs/MarkdownTable.jsx
-import React29 from "react";
+import React30 from "react";
 function MarkdownTable({ className = "", ...rest }) {
   const merged = ["markdown-table", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React29.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React29.createElement("table", { className: merged, ...rest }));
+  return /* @__PURE__ */ React30.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React30.createElement("table", { className: merged, ...rest }));
 }
 
 // ui/src/docs/Diagram.jsx
-import React30 from "react";
+import React31 from "react";
 function CanopyDiagram() {
-  return /* @__PURE__ */ React30.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React30.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React30.createElement("h3", null, "IIIF Collection(s)"), /* @__PURE__ */ React30.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 105 total manifests that Canopy retrieves as-is via IIIF endpoints."), /* @__PURE__ */ React30.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React30.createElement("article", null, /* @__PURE__ */ React30.createElement("h4", null, "Collection A"), /* @__PURE__ */ React30.createElement("ul", null, /* @__PURE__ */ React30.createElement("li", null, "70 Manifests"), /* @__PURE__ */ React30.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React30.createElement("li", null, "Textual Annotations"))), /* @__PURE__ */ React30.createElement("article", null, /* @__PURE__ */ React30.createElement("h4", null, "Collection B"), /* @__PURE__ */ React30.createElement("ul", null, /* @__PURE__ */ React30.createElement("li", null, "35 Manifests"), /* @__PURE__ */ React30.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React30.createElement("li", null, "Textual Annotations"))))), /* @__PURE__ */ React30.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React30.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React30.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React30.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React30.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React30.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy syncs manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React30.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React30.createElement("article", null, /* @__PURE__ */ React30.createElement("h4", null, "Automated content"), /* @__PURE__ */ React30.createElement("ul", null, /* @__PURE__ */ React30.createElement("li", null, "105 manifests \u2192 105 work pages"), /* @__PURE__ */ React30.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React30.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React30.createElement("article", null, /* @__PURE__ */ React30.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React30.createElement("ul", null, /* @__PURE__ */ React30.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React30.createElement("li", null, "Author narratives & tours"), /* @__PURE__ */ React30.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React30.createElement("article", null, /* @__PURE__ */ React30.createElement("h4", null, "Search index"), /* @__PURE__ */ React30.createElement("ul", null, /* @__PURE__ */ React30.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React30.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React30.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React30.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React30.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React30.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React30.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React30.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React30.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__ */ React30.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React30.createElement("article", null, /* @__PURE__ */ React30.createElement("h4", null, "Work pages"), /* @__PURE__ */ React30.createElement("ul", null, /* @__PURE__ */ React30.createElement("li", null, "105 generated HTML pages"), /* @__PURE__ */ React30.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React30.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React30.createElement("article", null, /* @__PURE__ */ React30.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React30.createElement("ul", null, /* @__PURE__ */ React30.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React30.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React30.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React30.createElement("article", null, /* @__PURE__ */ React30.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React30.createElement("ul", null, /* @__PURE__ */ React30.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React30.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React30.createElement("li", null, "Optional annotation dataset"))))));
+  return /* @__PURE__ */ React31.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React31.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React31.createElement("h3", null, "IIIF Collection(s)"), /* @__PURE__ */ React31.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 105 total manifests that Canopy retrieves as-is via IIIF endpoints."), /* @__PURE__ */ React31.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React31.createElement("article", null, /* @__PURE__ */ React31.createElement("h4", null, "Collection A"), /* @__PURE__ */ React31.createElement("ul", null, /* @__PURE__ */ React31.createElement("li", null, "70 Manifests"), /* @__PURE__ */ React31.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React31.createElement("li", null, "Textual Annotations"))), /* @__PURE__ */ React31.createElement("article", null, /* @__PURE__ */ React31.createElement("h4", null, "Collection B"), /* @__PURE__ */ React31.createElement("ul", null, /* @__PURE__ */ React31.createElement("li", null, "35 Manifests"), /* @__PURE__ */ React31.createElement("li", null, "IIIF Images + A/V"), /* @__PURE__ */ React31.createElement("li", null, "Textual Annotations"))))), /* @__PURE__ */ React31.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React31.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React31.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React31.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React31.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React31.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy syncs manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React31.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React31.createElement("article", null, /* @__PURE__ */ React31.createElement("h4", null, "Automated content"), /* @__PURE__ */ React31.createElement("ul", null, /* @__PURE__ */ React31.createElement("li", null, "105 manifests \u2192 105 work pages"), /* @__PURE__ */ React31.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React31.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React31.createElement("article", null, /* @__PURE__ */ React31.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React31.createElement("ul", null, /* @__PURE__ */ React31.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React31.createElement("li", null, "Author narratives & tours"), /* @__PURE__ */ React31.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React31.createElement("article", null, /* @__PURE__ */ React31.createElement("h4", null, "Search index"), /* @__PURE__ */ React31.createElement("ul", null, /* @__PURE__ */ React31.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React31.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React31.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React31.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React31.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React31.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React31.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React31.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React31.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__ */ React31.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React31.createElement("article", null, /* @__PURE__ */ React31.createElement("h4", null, "Work pages"), /* @__PURE__ */ React31.createElement("ul", null, /* @__PURE__ */ React31.createElement("li", null, "105 generated HTML pages"), /* @__PURE__ */ React31.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React31.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React31.createElement("article", null, /* @__PURE__ */ React31.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React31.createElement("ul", null, /* @__PURE__ */ React31.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React31.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React31.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React31.createElement("article", null, /* @__PURE__ */ React31.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React31.createElement("ul", null, /* @__PURE__ */ React31.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React31.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React31.createElement("li", null, "Optional annotation dataset"))))));
 }
 
 // ui/src/content/timeline/Timeline.jsx
-import React31 from "react";
+import React32 from "react";
 
 // ui/src/content/timeline/date-utils.js
 var FALLBACK_LOCALE = (() => {
@@ -2358,14 +2380,14 @@ function TimelineConnector({ side, isActive, highlight }) {
     "canopy-timeline__connector-dot",
     highlight || isActive ? "is-active" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React31.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React31.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement("span", { className: dotClasses }), /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__connector-line" })));
+  return /* @__PURE__ */ React32.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React32.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement("span", { className: dotClasses }), /* @__PURE__ */ React32.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__ */ React31.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React31.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React31.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React32.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React32.createElement(
     TeaserCard,
     {
       href: manifest.href,
@@ -2375,7 +2397,7 @@ function renderResourceSection(point) {
       thumbnail: manifest.thumbnail,
       type: manifest.type || "work"
     }
-  ))), legacyResources.map((resource, idx) => /* @__PURE__ */ React31.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React31.createElement(
+  ))), legacyResources.map((resource, idx) => /* @__PURE__ */ React32.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React32.createElement(
     TeaserCard,
     {
       href: resource.href,
@@ -2400,26 +2422,26 @@ function Timeline({
   ...rest
 }) {
   const payloadPoints = payload && Array.isArray(payload.points) ? payload.points : null;
-  const rawPoints = React31.useMemo(() => {
+  const rawPoints = React32.useMemo(() => {
     if (Array.isArray(pointsProp) && pointsProp.length) return pointsProp;
     if (payloadPoints && payloadPoints.length) return payloadPoints;
     return [];
   }, [pointsProp, payloadPoints]);
-  const sanitizedPoints = React31.useMemo(
+  const sanitizedPoints = React32.useMemo(
     () => sanitizePoints(rawPoints),
     [rawPoints]
   );
   const localeValue = payload && payload.locale ? payload.locale : localeProp;
-  const baseLocale = React31.useMemo(
+  const baseLocale = React32.useMemo(
     () => createLocale(localeValue),
     [localeValue]
   );
   const rangeInput = payload && payload.range ? payload.range : rangeProp || {};
-  const rangeOverrides = React31.useMemo(
+  const rangeOverrides = React32.useMemo(
     () => deriveRangeOverrides(sanitizedPoints, rangeInput),
     [sanitizedPoints, rangeInput]
   );
-  const effectiveRange = React31.useMemo(
+  const effectiveRange = React32.useMemo(
     () => normalizeRange({
       ...rangeOverrides,
       locale: baseLocale
@@ -2428,7 +2450,7 @@ function Timeline({
   );
   const spanStart = effectiveRange.startDate.getTime();
   const span = effectiveRange.span;
-  const pointsWithPosition = React31.useMemo(() => {
+  const pointsWithPosition = React32.useMemo(() => {
     if (!sanitizedPoints.length) return [];
     return sanitizedPoints.map((point, index) => {
       const timestamp = point.meta.timestamp;
@@ -2442,29 +2464,29 @@ function Timeline({
       };
     });
   }, [sanitizedPoints, spanStart, span]);
-  const [activeId, setActiveId] = React31.useState(
+  const [activeId, setActiveId] = React32.useState(
     () => getActivePointId(pointsWithPosition)
   );
-  React31.useEffect(() => {
+  React32.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 = React31.useMemo(
+  const thresholdMs = React32.useMemo(
     () => getThresholdMs(thresholdValue, effectiveRange.granularity),
     [thresholdValue, effectiveRange.granularity]
   );
-  const groupedEntries = React31.useMemo(
+  const groupedEntries = React32.useMemo(
     () => buildGroupedEntries(pointsWithPosition, thresholdMs, {
       granularity: effectiveRange.granularity,
       locale: baseLocale
     }),
     [pointsWithPosition, thresholdMs, effectiveRange.granularity, baseLocale]
   );
-  const [expandedGroupIds, setExpandedGroupIds] = React31.useState(
+  const [expandedGroupIds, setExpandedGroupIds] = React32.useState(
     () => /* @__PURE__ */ new Set()
   );
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     setExpandedGroupIds((prev) => {
       if (!prev || prev.size === 0) return prev;
       const validIds = new Set(
@@ -2479,7 +2501,7 @@ function Timeline({
       return changed ? next : prev;
     });
   }, [groupedEntries]);
-  const toggleGroup = React31.useCallback((groupId) => {
+  const toggleGroup = React32.useCallback((groupId) => {
     setExpandedGroupIds((prev) => {
       const next = new Set(prev || []);
       if (next.has(groupId)) next.delete(groupId);
@@ -2502,7 +2524,7 @@ function Timeline({
       point.id === activeId ? "is-active" : "",
       point.highlight ? "is-highlighted" : ""
     ].filter(Boolean).join(" ");
-    const connector = /* @__PURE__ */ React31.createElement(
+    const connector = /* @__PURE__ */ React32.createElement(
       TimelineConnector,
       {
         side: point.side,
@@ -2510,9 +2532,9 @@ function Timeline({
         highlight: point.highlight
       }
     );
-    const body = /* @__PURE__ */ React31.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label), /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__point-title" }, point.title), point.summary ? /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__point-summary" }, point.summary) : null);
+    const body = /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label), /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__point-title" }, point.title), point.summary ? /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__point-summary" }, point.summary) : null);
     const resourceSection = renderResourceSection(point);
-    return /* @__PURE__ */ React31.createElement(
+    return /* @__PURE__ */ React32.createElement(
       "div",
       {
         key: point.id,
@@ -2520,7 +2542,7 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      point.side === "left" ? /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React31.createElement(React31.Fragment, null, connector, /* @__PURE__ */ React31.createElement("div", { className: cardClasses }, body, resourceSection))
+      point.side === "left" ? /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React32.createElement(React32.Fragment, null, connector, /* @__PURE__ */ React32.createElement("div", { className: cardClasses }, body, resourceSection))
     );
   }
   function renderGroupEntry(entry) {
@@ -2531,7 +2553,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__ */ React31.createElement(
+    const connector = /* @__PURE__ */ React32.createElement(
       TimelineConnector,
       {
         side: entry.side,
@@ -2545,7 +2567,7 @@ function Timeline({
       hasActivePoint ? "is-active" : ""
     ].filter(Boolean).join(" ");
     const countLabel = `${entry.count} event${entry.count > 1 ? "s" : ""}`;
-    const header = /* @__PURE__ */ React31.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React31.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React31.createElement(
+    const header = /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React32.createElement(
       "button",
       {
         type: "button",
@@ -2555,7 +2577,7 @@ function Timeline({
       },
       isExpanded ? "Hide details" : "Show details"
     ));
-    const groupPoints = isExpanded ? /* @__PURE__ */ React31.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React31.createElement(
+    const groupPoints = isExpanded ? /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React32.createElement(
       "button",
       {
         key: point.id,
@@ -2566,11 +2588,11 @@ function Timeline({
         ].filter(Boolean).join(" "),
         onClick: () => setActiveId(point.id)
       },
-      /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
-      /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
+      /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
+      /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
     ))) : null;
-    const groupCard = /* @__PURE__ */ React31.createElement("div", { className: groupClasses }, header, groupPoints);
-    return /* @__PURE__ */ React31.createElement(
+    const groupCard = /* @__PURE__ */ React32.createElement("div", { className: groupClasses }, header, groupPoints);
+    return /* @__PURE__ */ React32.createElement(
       "div",
       {
         key: entry.id,
@@ -2578,17 +2600,17 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      entry.side === "left" ? /* @__PURE__ */ React31.createElement(React31.Fragment, null, groupCard, connector) : /* @__PURE__ */ React31.createElement(React31.Fragment, null, connector, groupCard)
+      entry.side === "left" ? /* @__PURE__ */ React32.createElement(React32.Fragment, null, groupCard, connector) : /* @__PURE__ */ React32.createElement(React32.Fragment, null, connector, groupCard)
     );
   }
-  return /* @__PURE__ */ React31.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React31.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React31.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React31.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React31.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React32.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React32.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React32.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React32.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React32.createElement(
     "div",
     {
       className: "canopy-timeline__list",
       role: "list",
       style: { minHeight: trackHeight }
     },
-    /* @__PURE__ */ React31.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
+    /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
     renderSteps(stepsValue, effectiveRange),
     groupedEntries.map((entry) => {
       if (entry.type === "group") return renderGroupEntry(entry);
@@ -2603,7 +2625,7 @@ function renderSteps(stepSize, range) {
   const markers = [];
   if (startYear < endYear) {
     markers.push(
-      /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React32.createElement(
         "span",
         {
           key: "timeline-step-start",
@@ -2611,12 +2633,12 @@ function renderSteps(stepSize, range) {
           style: { top: "0%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
+        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
       )
     );
     markers.push(
-      /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React32.createElement(
         "span",
         {
           key: "timeline-step-end",
@@ -2624,8 +2646,8 @@ function renderSteps(stepSize, range) {
           style: { top: "100%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
+        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
       )
     );
   }
@@ -2635,7 +2657,7 @@ function renderSteps(stepSize, range) {
     const progress = (timestamp - range.startDate.getTime()) / range.span;
     if (progress <= 0 || progress >= 1) continue;
     markers.push(
-      /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React32.createElement(
         "span",
         {
           key: `timeline-step-${year}`,
@@ -2643,8 +2665,8 @@ function renderSteps(stepSize, range) {
           style: { top: `calc(${progress * 100}% - 0.5px)` },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React31.createElement("span", { className: "canopy-timeline__step-label" }, year)
+        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-label" }, year)
       )
     );
   }
@@ -2674,6 +2696,7 @@ export {
   Image,
   MdxRelatedItems as RelatedItems,
   Scroll,
+  MdxSearch as Search,
   SearchFiltersDialog,
   MdxSearchFormModal as SearchFormModal,
   SearchPanel,