@canopy-iiif/app 1.8.15 → 1.9.0

package/ui/dist/server.mjs

@@ -2087,7 +2087,7 @@ function Layout({
 }
 
 // ui/src/layout/CanopyHeader.jsx
-import React21 from "react";
+import React24 from "react";
 
 // ui/src/search/SearchPanel.jsx
 import React18 from "react";
@@ -2400,6 +2400,368 @@ function CanopyModal(props = {}) {
   )) : null, children)));
 }
 
+// ui/src/layout/pageContext.js
+import React21 from "react";
+var CONTEXT_KEY = typeof Symbol === "function" ? Symbol.for("__CANOPY_PAGE_CONTEXT__") : "__CANOPY_PAGE_CONTEXT__";
+function getSharedRoot() {
+  if (typeof globalThis !== "undefined") return globalThis;
+  if (typeof window !== "undefined") return window;
+  if (typeof global !== "undefined") return global;
+  return null;
+}
+function getSafePageContext() {
+  const root = getSharedRoot();
+  if (root && root[CONTEXT_KEY]) return root[CONTEXT_KEY];
+  const ctx = React21.createContext({ navigation: null, page: null, site: null });
+  if (root) root[CONTEXT_KEY] = ctx;
+  return ctx;
+}
+
+// ui/src/layout/LanguageToggle.jsx
+import React23 from "react";
+
+// ui/src/layout/languageToggleShared.jsx
+import React22 from "react";
+function readBasePath3() {
+  const normalize = (value) => {
+    if (!value) return "";
+    const raw = String(value).trim();
+    if (!raw) return "";
+    const prefixed = raw.startsWith("/") ? raw : `/${raw}`;
+    const cleaned = prefixed.replace(/\/+$/, "");
+    return cleaned === "/" ? "" : cleaned;
+  };
+  try {
+    if (typeof window !== "undefined" && window.CANOPY_BASE_PATH != null) {
+      const candidate = normalize(window.CANOPY_BASE_PATH);
+      if (candidate || candidate === "") return candidate;
+    }
+  } catch (_) {
+  }
+  try {
+    if (typeof globalThis !== "undefined" && globalThis.CANOPY_BASE_PATH != null) {
+      const candidate = normalize(globalThis.CANOPY_BASE_PATH);
+      if (candidate || candidate === "") return candidate;
+    }
+  } catch (_) {
+  }
+  try {
+    if (typeof process !== "undefined" && process.env && process.env.CANOPY_BASE_PATH) {
+      const candidate = normalize(process.env.CANOPY_BASE_PATH);
+      if (candidate || candidate === "") return candidate;
+    }
+  } catch (_) {
+  }
+  return "";
+}
+function withBasePath2(href) {
+  try {
+    const raw = typeof href === "string" ? href.trim() : "";
+    if (!raw) return raw;
+    if (/^(?:[a-z][a-z0-9+.-]*:|\/\/|#)/i.test(raw)) return raw;
+    if (!raw.startsWith("/")) return raw;
+    const base = readBasePath3();
+    if (!base || base === "/") return raw;
+    if (raw === base || raw.startsWith(`${base}/`)) return raw;
+    return `${base}${raw}`;
+  } catch (_) {
+    return href;
+  }
+}
+function normalizeLocales(locales) {
+  if (!Array.isArray(locales)) return [];
+  const normalized = locales.map((entry, index) => {
+    if (!entry || typeof entry !== "object") return null;
+    const lang = typeof entry.lang === "string" ? entry.lang.trim() : "";
+    if (!lang) return null;
+    const label = typeof entry.label === "string" && entry.label.trim() ? entry.label.trim() : lang.toUpperCase();
+    return { lang, label, default: entry.default === true, index };
+  }).filter(Boolean);
+  if (!normalized.length) return [];
+  const explicitDefault = normalized.find((item) => item.default);
+  if (explicitDefault) {
+    normalized.forEach((item) => {
+      item.default = item.index === explicitDefault.index;
+    });
+  } else {
+    normalized[0].default = true;
+  }
+  return normalized.map(({ index, ...rest }) => rest);
+}
+function splitHref(href = "/") {
+  try {
+    if (/^[a-z][a-z0-9+.-]*:/i.test(href)) {
+      const url = new URL(href);
+      return {
+        pathname: url.pathname || "/",
+        suffix: `${url.search || ""}${url.hash || ""}`
+      };
+    }
+  } catch (_) {
+  }
+  const raw = typeof href === "string" ? href : String(href || "/");
+  const match = raw.match(/^[^?#]+/);
+  const pathname = match ? match[0] : "/";
+  const suffix = raw.slice(pathname.length);
+  return {
+    pathname: pathname || "/",
+    suffix
+  };
+}
+function normalizePathname(pathname = "/") {
+  if (!pathname) return "/";
+  const trimmed = pathname.trim();
+  if (!trimmed) return "/";
+  if (!trimmed.startsWith("/")) return `/${trimmed}`;
+  return trimmed === "/" ? "/" : `/${trimmed.replace(/^\/+/, "")}`;
+}
+function stripLocaleFromPath(pathname, locales, defaultLocale) {
+  const normalizedPath = normalizePathname(pathname);
+  const segments = normalizedPath.replace(/^\/+/, "").split("/");
+  const first = segments[0] || "";
+  const match = locales.find((loc) => loc.lang === first);
+  if (match && match.lang !== defaultLocale.lang) {
+    segments.shift();
+    const remainder = segments.join("/");
+    return {
+      locale: match,
+      pathname: remainder ? `/${remainder}` : "/"
+    };
+  }
+  return { locale: defaultLocale, pathname: normalizedPath };
+}
+function buildLocaleHref(locale, basePath2, suffix, defaultLocale) {
+  const normalizedBase = normalizePathname(basePath2);
+  const needsPrefix = locale.lang !== defaultLocale.lang;
+  const prefixed = needsPrefix ? `/${locale.lang}${normalizedBase === "/" ? "" : normalizedBase}` : normalizedBase;
+  const href = withBasePath2(prefixed || "/");
+  return `${href}${suffix || ""}`;
+}
+function buildLanguageToggleConfig(toggle, page) {
+  if (!toggle || !Array.isArray(toggle.locales)) return null;
+  const locales = normalizeLocales(toggle.locales);
+  if (locales.length <= 1) return null;
+  const defaultLocale = locales.find((loc) => loc.default) || locales[0];
+  const pageHref = page && page.href ? page.href : "/";
+  const { pathname } = splitHref(pageHref);
+  const { locale: activeLocale } = stripLocaleFromPath(
+    pathname,
+    locales,
+    defaultLocale
+  );
+  const homePathname = "/";
+  const homeSuffix = "";
+  const messageMap = toggle && toggle.messages ? toggle.messages : {};
+  const defaultCopy = messageMap.__default || {};
+  const localeCopy = messageMap[activeLocale.lang] || null;
+  const fallbackLabel = defaultCopy.label || "Language";
+  const label = localeCopy && localeCopy.label || fallbackLabel;
+  const links = locales.map((locale) => ({
+    lang: locale.lang,
+    label: locale.label || locale.lang.toUpperCase(),
+    href: buildLocaleHref(locale, homePathname, homeSuffix, defaultLocale),
+    isActive: locale.lang === activeLocale.lang
+  }));
+  return { label, links };
+}
+function LanguageToggleControl({
+  config,
+  variant = "inline",
+  className = "",
+  showLabel = false,
+  control = "select"
+}) {
+  if (!config) return null;
+  const classes = [
+    "canopy-language-toggle",
+    variant ? `canopy-language-toggle--${variant}` : null,
+    control ? `canopy-language-toggle--${control}` : null,
+    className
+  ].filter(Boolean).join(" ").trim();
+  const ariaLabel = config.label || "Language";
+  const resolvedControl = control === "list" ? "list" : "select";
+  const selectId = typeof React22.useId === "function" && resolvedControl === "select" ? React22.useId() : void 0;
+  const links = Array.isArray(config.links) ? config.links : [];
+  if (!links.length) return null;
+  const activeLink = links.find((link) => link.isActive);
+  const fallbackHref = links[0].href;
+  const selectedHref = activeLink ? activeLink.href : fallbackHref;
+  const navigate = React22.useCallback((href) => {
+    if (!href) return;
+    try {
+      if (typeof window !== "undefined" && window.location) {
+        if (typeof window.location.assign === "function") {
+          window.location.assign(href);
+        } else {
+          window.location.href = href;
+        }
+        return;
+      }
+    } catch (_) {
+    }
+    try {
+      if (typeof document !== "undefined" && document.location) {
+        document.location.href = href;
+      }
+    } catch (_) {
+    }
+  }, []);
+  const handleSelectChange = React22.useCallback(
+    (event) => {
+      if (!event || !event.target) return;
+      const nextHref = event.target.value;
+      if (!nextHref || nextHref === selectedHref) return;
+      navigate(nextHref);
+    },
+    [navigate, selectedHref]
+  );
+  const labelElement = showLabel && config.label ? resolvedControl === "select" ? /* @__PURE__ */ React22.createElement(
+    "label",
+    {
+      className: "canopy-language-toggle__label",
+      htmlFor: selectId
+    },
+    config.label
+  ) : /* @__PURE__ */ React22.createElement("span", { className: "canopy-language-toggle__label" }, config.label) : null;
+  return /* @__PURE__ */ React22.createElement("div", { className: classes || void 0 }, labelElement, resolvedControl === "select" ? /* @__PURE__ */ React22.createElement("div", { className: "canopy-language-toggle__select" }, /* @__PURE__ */ React22.createElement(
+    "select",
+    {
+      id: selectId,
+      className: "canopy-language-toggle__select-input",
+      value: selectedHref,
+      onChange: handleSelectChange,
+      "aria-label": ariaLabel,
+      "data-canopy-language-select": "true"
+    },
+    links.map((link) => /* @__PURE__ */ React22.createElement(
+      "option",
+      {
+        key: link.lang,
+        value: link.href,
+        "data-lang": link.lang,
+        "data-canopy-language-option": "true"
+      },
+      link.label
+    ))
+  )) : /* @__PURE__ */ React22.createElement("nav", { className: "canopy-language-toggle__nav", "aria-label": ariaLabel }, /* @__PURE__ */ React22.createElement("ul", { className: "canopy-language-toggle__list", role: "list" }, links.map((link) => /* @__PURE__ */ React22.createElement("li", { key: link.lang }, /* @__PURE__ */ React22.createElement(
+    "button",
+    {
+      type: "button",
+      className: "canopy-language-toggle__button",
+      "data-active": link.isActive ? "true" : void 0,
+      "aria-pressed": link.isActive ? "true" : "false",
+      "data-canopy-language-button": "true",
+      "data-href": link.href,
+      onClick: () => navigate(link.href)
+    },
+    link.label
+  ))))), /* @__PURE__ */ React22.createElement(LanguageToggleRuntime, null));
+}
+function LanguageToggleRuntime() {
+  const code = `
+(function () {
+  if (typeof window === 'undefined' || typeof document === 'undefined') return;
+  if (window.__CANOPY_LANGUAGE_TOGGLE_INIT__) return;
+  window.__CANOPY_LANGUAGE_TOGGLE_INIT__ = true;
+
+  function navigate(href) {
+    if (!href) return;
+    try {
+      if (window.location && typeof window.location.assign === 'function') {
+        window.location.assign(href);
+      } else if (window.location) {
+        window.location.href = href;
+      }
+    } catch (_) {}
+  }
+
+  function bindSelect(select) {
+    if (!select || select.dataset.canopyLanguageBound === 'true') return;
+    select.dataset.canopyLanguageBound = 'true';
+    select.addEventListener('change', function (event) {
+      var target = event && event.target ? event.target : select;
+      var href = target && target.value;
+      if (!href || href === '#') return;
+      navigate(href);
+    });
+  }
+
+  function bindButtons(root) {
+    var buttons = root.querySelectorAll('[data-canopy-language-button]');
+    Array.prototype.forEach.call(buttons, function (btn) {
+      if (!btn || btn.dataset.canopyLanguageBound === 'true') return;
+      btn.dataset.canopyLanguageBound = 'true';
+      btn.addEventListener('click', function (event) {
+        event.preventDefault();
+        var href = btn.getAttribute('data-href');
+        navigate(href);
+      });
+    });
+  }
+
+  function scan(root) {
+    if (!root) root = document;
+    var selects = root.querySelectorAll('[data-canopy-language-select]');
+    Array.prototype.forEach.call(selects, bindSelect);
+    bindButtons(root);
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', function () {
+      scan(document);
+    });
+  } else {
+    scan(document);
+  }
+})();
+  `;
+  return /* @__PURE__ */ React22.createElement("script", { dangerouslySetInnerHTML: { __html: code } });
+}
+
+// ui/src/layout/LanguageToggle.jsx
+function LanguageToggle({
+  languageToggle,
+  page,
+  variant = "inline",
+  className = "",
+  showLabel = false,
+  control,
+  label,
+  ariaLabel
+}) {
+  const PageContext = getSafePageContext();
+  const context = React23.useContext(PageContext);
+  const siteLanguageToggle = context && context.site && context.site.languageToggle || null;
+  const pageData = page || (context && context.page ? context.page : null);
+  const resolvedToggle = languageToggle === false ? null : languageToggle === true || typeof languageToggle === "undefined" ? siteLanguageToggle : languageToggle;
+  const normalizeControl = (value) => value === "list" ? "list" : value === "select" ? "select" : null;
+  const toggleControl = normalizeControl(
+    resolvedToggle && typeof resolvedToggle.control === "string" ? resolvedToggle.control : null
+  );
+  const resolvedControl = normalizeControl(typeof control === "string" ? control : null) || toggleControl || "select";
+  const config = React23.useMemo(() => {
+    if (!resolvedToggle) return null;
+    const base = buildLanguageToggleConfig(resolvedToggle, pageData);
+    if (!base) return null;
+    return {
+      ...base,
+      label: typeof label === "string" ? label : base.label,
+      ariaLabel: typeof ariaLabel === "string" ? ariaLabel : base.ariaLabel
+    };
+  }, [resolvedToggle, pageData, label, ariaLabel]);
+  if (!config) return null;
+  return /* @__PURE__ */ React23.createElement(
+    LanguageToggleControl,
+    {
+      config,
+      variant,
+      className,
+      showLabel,
+      control: resolvedControl
+    }
+  );
+}
+
 // ui/src/layout/CanopyHeader.jsx
 function HeaderScript() {
   const code = `
@@ -2690,7 +3052,7 @@ function HeaderScript() {
   });
 })();
   `;
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React24.createElement(
     "script",
     {
       dangerouslySetInnerHTML: {
@@ -2699,20 +3061,6 @@ function HeaderScript() {
     }
   );
 }
-var CONTEXT_KEY = typeof Symbol === "function" ? Symbol.for("__CANOPY_PAGE_CONTEXT__") : "__CANOPY_PAGE_CONTEXT__";
-function getSharedRoot() {
-  if (typeof globalThis !== "undefined") return globalThis;
-  if (typeof window !== "undefined") return window;
-  if (typeof global !== "undefined") return global;
-  return null;
-}
-function getSafePageContext() {
-  const root = getSharedRoot();
-  if (root && root[CONTEXT_KEY]) return root[CONTEXT_KEY];
-  const ctx = React21.createContext({ navigation: null, page: null, site: null });
-  if (root) root[CONTEXT_KEY] = ctx;
-  return ctx;
-}
 function ensureArray(navLinks) {
   if (!Array.isArray(navLinks)) return [];
   return navLinks.filter(
@@ -2777,15 +3125,26 @@ function CanopyHeader(props = {}) {
     searchPlaceholder = "Search\u2026",
     brandHref = "/",
     title: titleProp,
-    logo: SiteLogo
+    logo: SiteLogo,
+    languageToggle: languageToggleProp
   } = props;
   const PageContext = getSafePageContext();
-  const context = React21.useContext(PageContext);
+  const context = React24.useContext(PageContext);
   const contextPrimaryNav = context && Array.isArray(context.primaryNavigation) ? context.primaryNavigation : [];
   const navLinks = navLinksProp && navLinksProp.length ? ensureArray(navLinksProp) : ensureArray(contextPrimaryNav);
   const contextNavigation = context && context.navigation ? context.navigation : null;
   const contextSite = context && context.site ? context.site : null;
+  const pageData = context && context.page ? context.page : null;
   const contextSiteTitle = contextSite && typeof contextSite.title === "string" ? contextSite.title.trim() : "";
+  const siteLanguageToggle = contextSite && contextSite.languageToggle ? contextSite.languageToggle : null;
+  const siteRoutes = contextSite && contextSite.routes ? contextSite.routes : null;
+  const siteDefaultRoutes = contextSite && contextSite.routesDefault ? contextSite.routesDefault : null;
+  const searchRouteValue = siteRoutes && typeof siteRoutes.search === "string" ? siteRoutes.search : "";
+  const defaultSearchRoute = siteDefaultRoutes && typeof siteDefaultRoutes.search === "string" ? siteDefaultRoutes.search : "search";
+  const trimmedSearchRoute = searchRouteValue ? searchRouteValue.replace(/^\/+|\/+$/g, "") : "";
+  const usesDirectorySearchRoute = trimmedSearchRoute && trimmedSearchRoute !== (defaultSearchRoute || "search");
+  const normalizedSearchRoute = usesDirectorySearchRoute ? `/${trimmedSearchRoute}/` : `/${(trimmedSearchRoute || defaultSearchRoute || "search").replace(/^\/+/, "")}`;
+  const resolvedLanguageToggle = languageToggleProp === false ? null : languageToggleProp === true || typeof languageToggleProp === "undefined" ? siteLanguageToggle : languageToggleProp;
   const defaultHeaderTitle = contextSiteTitle || "Site title";
   const normalizedTitleProp = typeof titleProp === "string" ? titleProp.trim() : "";
   const resolvedTitle = normalizedTitleProp || defaultHeaderTitle;
@@ -2807,14 +3166,14 @@ function CanopyHeader(props = {}) {
     return !!(rootNode && Array.isArray(rootNode.children) && rootNode.children.length);
   };
   const hasIntegratedSectionNav = navLinks.some(shouldAttachSectionNav);
-  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(
     "header",
     {
       className: "canopy-header",
       "data-mobile-nav": "closed",
       "data-mobile-search": "closed"
     },
-    /* @__PURE__ */ React21.createElement("div", { className: "canopy-header__brand" }, /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React24.createElement("div", { className: "canopy-header__brand" }, /* @__PURE__ */ React24.createElement(
       CanopyBrand,
       {
         label: resolvedTitle,
@@ -2823,21 +3182,22 @@ function CanopyHeader(props = {}) {
         Logo: SiteLogo
       }
     )),
-    /* @__PURE__ */ React21.createElement("div", { className: "canopy-header__desktop-search" }, /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React24.createElement("div", { className: "canopy-header__desktop-search" }, /* @__PURE__ */ React24.createElement(
       SearchPanel,
       {
         label: searchLabel,
         hotkey: searchHotkey,
-        placeholder: searchPlaceholder
+        placeholder: searchPlaceholder,
+        searchPath: normalizedSearchRoute
       }
     )),
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React24.createElement(
       "nav",
       {
         className: "canopy-nav-links canopy-header__desktop-nav",
         "aria-label": "Primary navigation"
       },
-      navLinks.map((link) => /* @__PURE__ */ React21.createElement(
+      navLinks.map((link) => /* @__PURE__ */ React24.createElement(
         "a",
         {
           key: link.href,
@@ -2847,7 +3207,15 @@ function CanopyHeader(props = {}) {
         link.label || link.href
       ))
     ),
-    /* @__PURE__ */ React21.createElement("div", { className: "canopy-header__actions" }, /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React24.createElement("div", { className: "canopy-header__actions" }, resolvedLanguageToggle ? /* @__PURE__ */ React24.createElement(
+      LanguageToggle,
+      {
+        languageToggle: resolvedLanguageToggle,
+        page: pageData,
+        variant: "desktop",
+        className: "canopy-header__language-toggle canopy-header__language-toggle--desktop"
+      }
+    ) : null, /* @__PURE__ */ React24.createElement(
       "button",
       {
         type: "button",
@@ -2857,7 +3225,7 @@ function CanopyHeader(props = {}) {
         "aria-expanded": "false",
         "data-canopy-header-toggle": "search"
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React24.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2867,7 +3235,7 @@ function CanopyHeader(props = {}) {
           strokeWidth: "1.5",
           className: "canopy-header__search-icon"
         },
-        /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React24.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -2876,7 +3244,7 @@ function CanopyHeader(props = {}) {
           }
         )
       )
-    ), /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React24.createElement(
       "button",
       {
         type: "button",
@@ -2886,7 +3254,7 @@ function CanopyHeader(props = {}) {
         "aria-expanded": "false",
         "data-canopy-header-toggle": "nav"
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React24.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2896,7 +3264,7 @@ function CanopyHeader(props = {}) {
           stroke: "currentColor",
           className: "canopy-header__menu-icon"
         },
-        /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React24.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -2906,7 +3274,7 @@ function CanopyHeader(props = {}) {
         )
       )
     ))
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React24.createElement(
     CanopyModal,
     {
       id: "canopy-modal-nav",
@@ -2918,13 +3286,22 @@ function CanopyHeader(props = {}) {
       closeLabel: "Close navigation",
       closeDataAttr: "nav"
     },
-    /* @__PURE__ */ React21.createElement(
+    resolvedLanguageToggle ? /* @__PURE__ */ React24.createElement(
+      LanguageToggle,
+      {
+        languageToggle: resolvedLanguageToggle,
+        page: pageData,
+        variant: "mobile",
+        className: "canopy-header__language-toggle canopy-header__language-toggle--mobile"
+      }
+    ) : null,
+    /* @__PURE__ */ React24.createElement(
       "nav",
       {
         className: "canopy-nav-links canopy-modal__nav",
         "aria-label": "Primary navigation"
       },
-      /* @__PURE__ */ React21.createElement("ul", { className: "canopy-modal__nav-list", role: "list" }, navLinks.map((link, index) => {
+      /* @__PURE__ */ React24.createElement("ul", { className: "canopy-modal__nav-list", role: "list" }, navLinks.map((link, index) => {
         const navData = getLinkNavigationData(
           link,
           navigationRoots,
@@ -2935,7 +3312,7 @@ function CanopyHeader(props = {}) {
         const nestedId = hasChildren ? `canopy-modal-section-${index}` : null;
         const toggleLabel = link.label ? `Toggle ${link.label} menu` : "Toggle section menu";
         const defaultExpanded = hasChildren && !!navRoot.isExpanded;
-        return /* @__PURE__ */ React21.createElement(
+        return /* @__PURE__ */ React24.createElement(
           "li",
           {
             className: "canopy-modal__nav-item",
@@ -2944,7 +3321,7 @@ function CanopyHeader(props = {}) {
             "data-expanded": defaultExpanded ? "true" : "false",
             "data-default-expanded": defaultExpanded ? "true" : void 0
           },
-          /* @__PURE__ */ React21.createElement("div", { className: "canopy-modal__nav-row" }, /* @__PURE__ */ React21.createElement("a", { href: link.href }, link.label || link.href), hasChildren ? /* @__PURE__ */ React21.createElement(
+          /* @__PURE__ */ React24.createElement("div", { className: "canopy-modal__nav-row" }, /* @__PURE__ */ React24.createElement("a", { href: link.href }, link.label || link.href), hasChildren ? /* @__PURE__ */ React24.createElement(
             "button",
             {
               type: "button",
@@ -2954,7 +3331,7 @@ function CanopyHeader(props = {}) {
               "aria-label": toggleLabel,
               "data-canopy-nav-item-toggle": nestedId || void 0
             },
-            /* @__PURE__ */ React21.createElement(
+            /* @__PURE__ */ React24.createElement(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -2964,7 +3341,7 @@ function CanopyHeader(props = {}) {
                 strokeWidth: "1.5",
                 className: "canopy-modal__nav-toggle-icon"
               },
-              /* @__PURE__ */ React21.createElement(
+              /* @__PURE__ */ React24.createElement(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -2973,9 +3350,9 @@ function CanopyHeader(props = {}) {
                 }
               )
             ),
-            /* @__PURE__ */ React21.createElement("span", { className: "sr-only" }, toggleLabel)
+            /* @__PURE__ */ React24.createElement("span", { className: "sr-only" }, toggleLabel)
           ) : null),
-          hasChildren ? /* @__PURE__ */ React21.createElement(
+          hasChildren ? /* @__PURE__ */ React24.createElement(
             NavigationTree,
             {
               root: navRoot,
@@ -2991,7 +3368,7 @@ function CanopyHeader(props = {}) {
         );
       }))
     ),
-    hasSectionNav && !hasIntegratedSectionNav ? /* @__PURE__ */ React21.createElement(
+    hasSectionNav && !hasIntegratedSectionNav ? /* @__PURE__ */ React24.createElement(
       NavigationTree,
       {
         root: sectionNavigation.root,
@@ -3001,7 +3378,7 @@ function CanopyHeader(props = {}) {
         parentKey: "fallback-nav"
       }
     ) : null
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React24.createElement(
     CanopyModal,
     {
       id: "canopy-modal-search",
@@ -3014,26 +3391,27 @@ function CanopyHeader(props = {}) {
       closeDataAttr: "search",
       bodyClassName: "canopy-modal__body--search"
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React24.createElement(
       SearchPanel,
       {
         label: searchLabel,
         hotkey: searchHotkey,
-        placeholder: searchPlaceholder
+        placeholder: searchPlaceholder,
+        searchPath: normalizedSearchRoute
       }
     )
-  ), /* @__PURE__ */ React21.createElement(HeaderScript, null));
+  ), /* @__PURE__ */ React24.createElement(HeaderScript, null));
 }
 
 // ui/src/layout/CanopyFooter.jsx
-import React22 from "react";
+import React25 from "react";
 function CanopyFooter({ className = "", children }) {
   const footerClassName = ["canopy-footer", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React22.createElement("footer", { className: footerClassName }, /* @__PURE__ */ React22.createElement("div", { className: "canopy-footer__inner" }, children));
+  return /* @__PURE__ */ React25.createElement("footer", { className: footerClassName }, /* @__PURE__ */ React25.createElement("div", { className: "canopy-footer__inner" }, children));
 }
 
 // ui/src/layout/TeaserCard.jsx
-import React23 from "react";
+import React26 from "react";
 function TeaserCard({
   href = "",
   title = "",
@@ -3054,7 +3432,7 @@ function TeaserCard({
   ].filter(Boolean).join(" ");
   const showThumb = type === "work" && thumbnail;
   const metaLine = (Array.isArray(metadata) && metadata.length ? metadata.filter(Boolean) : summary ? [summary] : []).filter(Boolean).slice(0, 2).join(" \u2022 ");
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React26.createElement(
     Tag,
     {
       className: classes,
@@ -3062,7 +3440,7 @@ function TeaserCard({
       "data-canopy-item": href ? "" : void 0,
       ...rest
     },
-    showThumb ? /* @__PURE__ */ React23.createElement("div", { className: "canopy-search-teaser__thumb" }, /* @__PURE__ */ React23.createElement(
+    showThumb ? /* @__PURE__ */ React26.createElement("div", { className: "canopy-search-teaser__thumb" }, /* @__PURE__ */ React26.createElement(
       "img",
       {
         src: thumbnail,
@@ -3072,12 +3450,12 @@ function TeaserCard({
         className: "canopy-search-teaser__thumb-img"
       }
     )) : null,
-    /* @__PURE__ */ React23.createElement("div", { className: "canopy-search-teaser__text" }, /* @__PURE__ */ React23.createElement("span", { className: "canopy-search-teaser__title" }, title || href || "Untitled"), metaLine ? /* @__PURE__ */ React23.createElement("span", { className: "canopy-search-teaser__meta" }, metaLine) : null)
+    /* @__PURE__ */ React26.createElement("div", { className: "canopy-search-teaser__text" }, /* @__PURE__ */ React26.createElement("span", { className: "canopy-search-teaser__title" }, title || href || "Untitled"), metaLine ? /* @__PURE__ */ React26.createElement("span", { className: "canopy-search-teaser__meta" }, metaLine) : null)
   );
 }
 
 // ui/src/layout/GoogleAnalytics.jsx
-import React24 from "react";
+import React27 from "react";
 var GA_HOST = "https://www.googletagmanager.com/gtag/js";
 function GoogleAnalytics({ id }) {
   if (!id) return null;
@@ -3087,11 +3465,11 @@ function GoogleAnalytics({ id }) {
     gtag('js', new Date());
     gtag('config', '${id}');
   `;
-  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement("script", { async: true, src: `${GA_HOST}?id=${encodeURIComponent(id)}` }), /* @__PURE__ */ React24.createElement("script", { dangerouslySetInnerHTML: { __html: inlineConfig } }));
+  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement("script", { async: true, src: `${GA_HOST}?id=${encodeURIComponent(id)}` }), /* @__PURE__ */ React27.createElement("script", { dangerouslySetInnerHTML: { __html: inlineConfig } }));
 }
 
 // ui/src/layout/Container.jsx
-import React25 from "react";
+import React28 from "react";
 function Container({
   className = "",
   variant = "content",
@@ -3100,7 +3478,7 @@ function Container({
 }) {
   const variantClass = variant === "wide" ? "max-w-wide" : "max-w-content";
   const classes = ["mx-auto", variantClass, "w-full", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React28.createElement(
     "div",
     {
       className: classes,
@@ -3112,7 +3490,7 @@ function Container({
 }
 
 // ui/src/layout/Card.jsx
-import React26, { useEffect as useEffect6, useRef as useRef2, useState as useState5 } from "react";
+import React29, { useEffect as useEffect6, useRef as useRef2, useState as useState5 } from "react";
 var DEFAULT_CARD_ASPECT_RATIO = 4 / 3;
 function Card({
   href,
@@ -3176,8 +3554,8 @@ function Card({
   const hasDimensions = Number.isFinite(w) && w > 0 && Number.isFinite(h) && h > 0;
   const ratio = hasAspectRatio ? Number(aspectRatio) : hasDimensions ? w / h : src ? DEFAULT_CARD_ASPECT_RATIO : void 0;
   const paddingPercent = ratio ? 100 / ratio : 100;
-  const caption = /* @__PURE__ */ React26.createElement("figcaption", null, title && /* @__PURE__ */ React26.createElement("span", null, title), subtitle && /* @__PURE__ */ React26.createElement("span", null, subtitle), children);
-  return /* @__PURE__ */ React26.createElement(
+  const caption = /* @__PURE__ */ React29.createElement("figcaption", null, title && /* @__PURE__ */ React29.createElement("span", null, title), subtitle && /* @__PURE__ */ React29.createElement("span", null, subtitle), children);
+  return /* @__PURE__ */ React29.createElement(
     "a",
     {
       href,
@@ -3189,13 +3567,13 @@ function Card({
       "data-image-loaded": imageLoaded ? "true" : "false",
       ...rest
     },
-    /* @__PURE__ */ React26.createElement("figure", null, src ? ratio ? /* @__PURE__ */ React26.createElement(
+    /* @__PURE__ */ React29.createElement("figure", null, src ? ratio ? /* @__PURE__ */ React29.createElement(
       "div",
       {
         className: "canopy-card-media",
         style: { "--canopy-card-padding": `${paddingPercent}%` }
       },
-      inView ? /* @__PURE__ */ React26.createElement(
+      inView ? /* @__PURE__ */ React29.createElement(
         "img",
         {
           src,
@@ -3206,7 +3584,7 @@ function Card({
           onError: () => setImageLoaded(true)
         }
       ) : null
-    ) : /* @__PURE__ */ React26.createElement(
+    ) : /* @__PURE__ */ React29.createElement(
       "img",
       {
         src,
@@ -3222,13 +3600,13 @@ function Card({
 }
 
 // ui/src/content/ReferencedItems.jsx
-import React27 from "react";
+import React30 from "react";
 import navigationHelpers4 from "@canopy-iiif/app/lib/components/navigation.js";
 function useReferencedItems(itemsProp) {
   if (Array.isArray(itemsProp)) return itemsProp;
   const PageContext = navigationHelpers4 && typeof navigationHelpers4.getPageContext === "function" ? navigationHelpers4.getPageContext() : null;
   if (!PageContext) return [];
-  const context = React27.useContext(PageContext);
+  const context = React30.useContext(PageContext);
   const items = context && context.page ? context.page.referencedItems : null;
   return Array.isArray(items) ? items : [];
 }
@@ -3248,13 +3626,13 @@ function ReferencedItems({
       "referenced-items--empty",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React27.createElement("div", { className: emptyClass, ...rest }, typeof emptyLabel === "function" ? emptyLabel() : emptyLabel);
+    return /* @__PURE__ */ React30.createElement("div", { className: emptyClass, ...rest }, typeof emptyLabel === "function" ? emptyLabel() : emptyLabel);
   }
   const containerClassName = ["referenced-items", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React27.createElement("section", { className: containerClassName, ...rest }, children, /* @__PURE__ */ React27.createElement("div", { className: "referenced-items__grid", role: "list" }, items.map((item) => {
+  return /* @__PURE__ */ React30.createElement("section", { className: containerClassName, ...rest }, children, /* @__PURE__ */ React30.createElement("div", { className: "referenced-items__grid", role: "list" }, items.map((item) => {
     if (!item) return null;
     const key = item.href || item.slug || item.id;
-    return /* @__PURE__ */ React27.createElement("div", { className: "referenced-items__item", role: "listitem", key }, /* @__PURE__ */ React27.createElement(
+    return /* @__PURE__ */ React30.createElement("div", { className: "referenced-items__item", role: "listitem", key }, /* @__PURE__ */ React30.createElement(
       Card,
       {
         href: item.href,
@@ -3271,7 +3649,7 @@ function ReferencedItems({
 }
 
 // ui/src/content/References.jsx
-import React28 from "react";
+import React31 from "react";
 import navigationHelpers5 from "@canopy-iiif/app/lib/components/navigation.js";
 import referenced from "@canopy-iiif/app/lib/components/referenced.js";
 function getPageContext() {
@@ -3302,7 +3680,7 @@ function References({
   ...rest
 }) {
   const PageContext = getPageContext();
-  const context = PageContext ? React28.useContext(PageContext) : null;
+  const context = PageContext ? React31.useContext(PageContext) : null;
   const contextPage = context && context.page ? context.page : null;
   const manifestId = id || contextPage && contextPage.manifestId || "";
   const contextReferences = !id && contextPage && Array.isArray(contextPage.referencedBy) ? contextPage.referencedBy : null;
@@ -3311,12 +3689,12 @@ function References({
   const entries = references && references.length ? references : null;
   if (!entries || !entries.length) return null;
   const containerClass = ["references", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React28.createElement("dl", { className: containerClass, ...rest }, /* @__PURE__ */ React28.createElement("div", { className: "references__group" }, /* @__PURE__ */ React28.createElement("dt", null, title), entries.map((entry) => /* @__PURE__ */ React28.createElement("dd", { key: entry.href, className: "references__item" }, /* @__PURE__ */ React28.createElement("a", { href: entry.href }, entry.title || entry.href)))));
+  return /* @__PURE__ */ React31.createElement("dl", { className: containerClass, ...rest }, /* @__PURE__ */ React31.createElement("div", { className: "references__group" }, /* @__PURE__ */ React31.createElement("dt", null, title), entries.map((entry) => /* @__PURE__ */ React31.createElement("dd", { key: entry.href, className: "references__item" }, /* @__PURE__ */ React31.createElement("a", { href: entry.href }, entry.title || entry.href)))));
 }
 
 // ui/src/content/Index.jsx
 var import_slugify = __toESM(require_slugify());
-import React29 from "react";
+import React32 from "react";
 import metadataIndexHelpers from "@canopy-iiif/app/lib/components/metadata-index.js";
 var metadataModule = metadataIndexHelpers && typeof metadataIndexHelpers === "object" ? metadataIndexHelpers : null;
 var SLUG_OPTIONS = { lower: true, strict: true, trim: true };
@@ -3394,7 +3772,7 @@ function normalizeBasePath2(value) {
   const cleaned = prefixed.replace(/\/+$/, "");
   return cleaned === "/" ? "" : cleaned;
 }
-function readBasePath3() {
+function readBasePath4() {
   if (cachedBasePath2 !== null) return cachedBasePath2;
   const candidates = [];
   try {
@@ -3425,8 +3803,8 @@ function readBasePath3() {
   cachedBasePath2 = "";
   return cachedBasePath2;
 }
-function withBasePath2(href) {
-  const base = readBasePath3();
+function withBasePath3(href) {
+  const base = readBasePath4();
   const raw = typeof href === "string" ? href.trim() : "";
   if (!base) return raw || "";
   if (!raw) return base || "";
@@ -3440,7 +3818,7 @@ function buildSearchHref(labelSlug, valueSlug) {
     params.set("type", "work");
     params.set(labelSlug, valueSlug);
     const url = `/search?${params.toString()}`;
-    return withBasePath2(url);
+    return withBasePath3(url);
   } catch (_) {
     return "";
   }
@@ -3479,7 +3857,7 @@ function Index({
   const entries = filterByLabel(data, label);
   if (!entries.length) return null;
   const containerClass = ["canopy-index", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React29.createElement("div", { className: containerClass, ...rest }, entries.map((entry) => /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React32.createElement("div", { className: containerClass, ...rest }, entries.map((entry) => /* @__PURE__ */ React32.createElement(
     IndexGroup,
     {
       key: entry.slug || entry.label,
@@ -3490,7 +3868,7 @@ function Index({
       expandLabel,
       collapseLabel
     }
-  )), /* @__PURE__ */ React29.createElement(
+  )), /* @__PURE__ */ React32.createElement(
     "script",
     {
       "data-canopy-index-script": "",
@@ -3507,10 +3885,10 @@ function IndexGroup({ label, labelSlug, values, limit, expandLabel, collapseLabe
   const hiddenValues = hasOverflow ? values.slice(maxVisible) : [];
   const labelCollapsed = typeof expandLabel === "string" && expandLabel.trim() ? expandLabel.trim() : "Show more";
   const labelExpanded = typeof collapseLabel === "string" && collapseLabel.trim() ? collapseLabel.trim() : "Show less";
-  return /* @__PURE__ */ React29.createElement("dl", { className: "canopy-index__group", "data-canopy-index-group": "", "data-expanded": "0" }, /* @__PURE__ */ React29.createElement("dt", null, label), /* @__PURE__ */ React29.createElement("div", { className: "canopy-index__values" }, visibleValues.map((value) => {
+  return /* @__PURE__ */ React32.createElement("dl", { className: "canopy-index__group", "data-canopy-index-group": "", "data-expanded": "0" }, /* @__PURE__ */ React32.createElement("dt", null, label), /* @__PURE__ */ React32.createElement("div", { className: "canopy-index__values" }, visibleValues.map((value) => {
     const href = buildSearchHref(labelSlug, value.slug);
     const key = `${labelSlug || label}-${value.slug || value.value}`;
-    return /* @__PURE__ */ React29.createElement("dd", { key }, href ? /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React32.createElement("dd", { key }, href ? /* @__PURE__ */ React32.createElement(
       "a",
       {
         href,
@@ -3523,7 +3901,7 @@ function IndexGroup({ label, labelSlug, values, limit, expandLabel, collapseLabe
   }), hiddenValues.map((value) => {
     const href = buildSearchHref(labelSlug, value.slug);
     const key = `${labelSlug || label}-hidden-${value.slug || value.value}`;
-    return /* @__PURE__ */ React29.createElement("dd", { key, "data-canopy-index-hidden": "", hidden: true }, href ? /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React32.createElement("dd", { key, "data-canopy-index-hidden": "", hidden: true }, href ? /* @__PURE__ */ React32.createElement(
       "a",
       {
         href,
@@ -3533,7 +3911,7 @@ function IndexGroup({ label, labelSlug, values, limit, expandLabel, collapseLabe
       },
       value.value
     ) : value.value);
-  })), hasOverflow && /* @__PURE__ */ React29.createElement("div", { className: "canopy-index__more-wrapper" }, /* @__PURE__ */ React29.createElement(
+  })), hasOverflow && /* @__PURE__ */ React32.createElement("div", { className: "canopy-index__more-wrapper" }, /* @__PURE__ */ React32.createElement(
     "button",
     {
       type: "button",
@@ -3547,7 +3925,7 @@ function IndexGroup({ label, labelSlug, values, limit, expandLabel, collapseLabe
 }
 
 // ui/src/content/Bibliography.jsx
-import React30 from "react";
+import React33 from "react";
 import bibliography from "@canopy-iiif/app/lib/components/bibliography.js";
 function resolveHeadingTag(tag, fallback) {
   if (typeof tag === "string" && tag.trim()) return tag;
@@ -3557,7 +3935,7 @@ function resolveHeadingTag(tag, fallback) {
 function NoteBody({ note }) {
   if (!note) return null;
   if (note.html) {
-    return /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React33.createElement(
       "div",
       {
         className: "bibliography__note-body",
@@ -3566,7 +3944,7 @@ function NoteBody({ note }) {
     );
   }
   if (note.text) {
-    return /* @__PURE__ */ React30.createElement("div", { className: "bibliography__note-body" }, note.text);
+    return /* @__PURE__ */ React33.createElement("div", { className: "bibliography__note-body" }, note.text);
   }
   return null;
 }
@@ -3584,22 +3962,22 @@ function Bibliography({
   if (!entries.length) return null;
   const PageHeadingTag = resolveHeadingTag(pageHeadingTag, "h3");
   const rootClass = ["bibliography", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React30.createElement("section", { className: rootClass }, /* @__PURE__ */ React30.createElement("div", { className: "bibliography__pages" }, entries.map((entry) => {
+  return /* @__PURE__ */ React33.createElement("section", { className: rootClass }, /* @__PURE__ */ React33.createElement("div", { className: "bibliography__pages" }, entries.map((entry) => {
     const key = entry.href || entry.relativePath || entry.title;
     const pageTitle = entry.title || entry.href;
-    return /* @__PURE__ */ React30.createElement("article", { key, className: "bibliography__page" }, /* @__PURE__ */ React30.createElement("header", { className: "bibliography__page-header" }, pageTitle ? /* @__PURE__ */ React30.createElement(PageHeadingTag, { className: "bibliography__page-title" }, pageTitle) : null, entry.href ? /* @__PURE__ */ React30.createElement("a", { className: "bibliography__page-link", href: entry.href }, entry.href) : null), /* @__PURE__ */ React30.createElement("ol", { className: "bibliography__notes" }, (entry.footnotes || []).map((note, idx) => {
+    return /* @__PURE__ */ React33.createElement("article", { key, className: "bibliography__page" }, /* @__PURE__ */ React33.createElement("header", { className: "bibliography__page-header" }, pageTitle ? /* @__PURE__ */ React33.createElement(PageHeadingTag, { className: "bibliography__page-title" }, pageTitle) : null, entry.href ? /* @__PURE__ */ React33.createElement("a", { className: "bibliography__page-link", href: entry.href }, entry.href) : null), /* @__PURE__ */ React33.createElement("ol", { className: "bibliography__notes" }, (entry.footnotes || []).map((note, idx) => {
       const noteKey = `${key || "entry"}-${note.identifier || idx}`;
-      return /* @__PURE__ */ React30.createElement("li", { key: noteKey, className: "bibliography__note" }, note.identifier ? /* @__PURE__ */ React30.createElement("span", { className: "bibliography__note-label" }, note.identifier) : null, /* @__PURE__ */ React30.createElement(NoteBody, { note }));
+      return /* @__PURE__ */ React33.createElement("li", { key: noteKey, className: "bibliography__note" }, note.identifier ? /* @__PURE__ */ React33.createElement("span", { className: "bibliography__note-label" }, note.identifier) : null, /* @__PURE__ */ React33.createElement(NoteBody, { note }));
     })));
   })));
 }
 
 // ui/src/content/timeline/MdxTimeline.jsx
-import React34 from "react";
+import React37 from "react";
 import ReactDOMServer from "react-dom/server";
 
 // ui/src/content/timeline/Timeline.jsx
-import React32 from "react";
+import React35 from "react";
 
 // ui/src/content/timeline/date-utils.js
 var FALLBACK_LOCALE = (() => {
@@ -3760,7 +4138,7 @@ function clampProgress(value) {
 }
 
 // ui/src/layout/ReferencedManifestCard.jsx
-import React31 from "react";
+import React34 from "react";
 function normalizeMetadata(metadata, summary) {
   if (Array.isArray(metadata) && metadata.length) {
     return metadata.filter(Boolean);
@@ -3794,7 +4172,7 @@ function ReferencedManifestCard({
     "canopy-referenced-manifest-card",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React34.createElement(
     TeaserCard,
     {
       href: resolvedHref || void 0,
@@ -3976,14 +4354,14 @@ function TimelineConnector({ side, isActive, highlight }) {
     "canopy-timeline__connector-dot",
     highlight || isActive ? "is-active" : ""
   ].filter(Boolean).join(" ");
-  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" })));
+  return /* @__PURE__ */ React35.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React35.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement("span", { className: dotClasses }), /* @__PURE__ */ React35.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__ */ 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(ReferencedManifestCard, { manifest }))), legacyResources.map((resource, idx) => /* @__PURE__ */ React32.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React35.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React35.createElement(ReferencedManifestCard, { manifest }))), legacyResources.map((resource, idx) => /* @__PURE__ */ React35.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React35.createElement(
     TeaserCard,
     {
       href: resource.href,
@@ -4008,26 +4386,26 @@ function Timeline({
   ...rest
 }) {
   const payloadPoints = payload && Array.isArray(payload.points) ? payload.points : null;
-  const rawPoints = React32.useMemo(() => {
+  const rawPoints = React35.useMemo(() => {
     if (Array.isArray(pointsProp) && pointsProp.length) return pointsProp;
     if (payloadPoints && payloadPoints.length) return payloadPoints;
     return [];
   }, [pointsProp, payloadPoints]);
-  const sanitizedPoints = React32.useMemo(
+  const sanitizedPoints = React35.useMemo(
     () => sanitizePoints(rawPoints),
     [rawPoints]
   );
   const localeValue = payload && payload.locale ? payload.locale : localeProp;
-  const baseLocale = React32.useMemo(
+  const baseLocale = React35.useMemo(
     () => createLocale(localeValue),
     [localeValue]
   );
   const rangeInput = payload && payload.range ? payload.range : rangeProp || {};
-  const rangeOverrides = React32.useMemo(
+  const rangeOverrides = React35.useMemo(
     () => deriveRangeOverrides(sanitizedPoints, rangeInput),
     [sanitizedPoints, rangeInput]
   );
-  const effectiveRange = React32.useMemo(
+  const effectiveRange = React35.useMemo(
     () => normalizeRange({
       ...rangeOverrides,
       locale: baseLocale
@@ -4036,7 +4414,7 @@ function Timeline({
   );
   const spanStart = effectiveRange.startDate.getTime();
   const span = effectiveRange.span;
-  const pointsWithPosition = React32.useMemo(() => {
+  const pointsWithPosition = React35.useMemo(() => {
     if (!sanitizedPoints.length) return [];
     return sanitizedPoints.map((point, index) => {
       const timestamp = point.meta.timestamp;
@@ -4050,29 +4428,29 @@ function Timeline({
       };
     });
   }, [sanitizedPoints, spanStart, span]);
-  const [activeId, setActiveId] = React32.useState(
+  const [activeId, setActiveId] = React35.useState(
     () => getActivePointId(pointsWithPosition)
   );
-  React32.useEffect(() => {
+  React35.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 = React32.useMemo(
+  const thresholdMs = React35.useMemo(
     () => getThresholdMs(thresholdValue, effectiveRange.granularity),
     [thresholdValue, effectiveRange.granularity]
   );
-  const groupedEntries = React32.useMemo(
+  const groupedEntries = React35.useMemo(
     () => buildGroupedEntries(pointsWithPosition, thresholdMs, {
       granularity: effectiveRange.granularity,
       locale: baseLocale
     }),
     [pointsWithPosition, thresholdMs, effectiveRange.granularity, baseLocale]
   );
-  const [expandedGroupIds, setExpandedGroupIds] = React32.useState(
+  const [expandedGroupIds, setExpandedGroupIds] = React35.useState(
     () => /* @__PURE__ */ new Set()
   );
-  React32.useEffect(() => {
+  React35.useEffect(() => {
     setExpandedGroupIds((prev) => {
       if (!prev || prev.size === 0) return prev;
       const validIds = new Set(
@@ -4087,7 +4465,7 @@ function Timeline({
       return changed ? next : prev;
     });
   }, [groupedEntries]);
-  const toggleGroup = React32.useCallback((groupId) => {
+  const toggleGroup = React35.useCallback((groupId) => {
     setExpandedGroupIds((prev) => {
       const next = new Set(prev || []);
       if (next.has(groupId)) next.delete(groupId);
@@ -4110,7 +4488,7 @@ function Timeline({
       point.id === activeId ? "is-active" : "",
       point.highlight ? "is-highlighted" : ""
     ].filter(Boolean).join(" ");
-    const connector = /* @__PURE__ */ React32.createElement(
+    const connector = /* @__PURE__ */ React35.createElement(
       TimelineConnector,
       {
         side: point.side,
@@ -4118,9 +4496,9 @@ function Timeline({
         highlight: point.highlight
       }
     );
-    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 body = /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label), /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-title" }, point.title), point.summary ? /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-summary" }, point.summary) : null);
     const resourceSection = renderResourceSection(point);
-    return /* @__PURE__ */ React32.createElement(
+    return /* @__PURE__ */ React35.createElement(
       "div",
       {
         key: point.id,
@@ -4128,7 +4506,7 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      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))
+      point.side === "left" ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React35.createElement(React35.Fragment, null, connector, /* @__PURE__ */ React35.createElement("div", { className: cardClasses }, body, resourceSection))
     );
   }
   function renderGroupEntry(entry) {
@@ -4139,7 +4517,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__ */ React32.createElement(
+    const connector = /* @__PURE__ */ React35.createElement(
       TimelineConnector,
       {
         side: entry.side,
@@ -4153,7 +4531,7 @@ function Timeline({
       hasActivePoint ? "is-active" : ""
     ].filter(Boolean).join(" ");
     const countLabel = `${entry.count} event${entry.count > 1 ? "s" : ""}`;
-    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(
+    const header = /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React35.createElement(
       "button",
       {
         type: "button",
@@ -4163,7 +4541,7 @@ function Timeline({
       },
       isExpanded ? "Hide details" : "Show details"
     ));
-    const groupPoints = isExpanded ? /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React32.createElement(
+    const groupPoints = isExpanded ? /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React35.createElement(
       "button",
       {
         key: point.id,
@@ -4174,11 +4552,11 @@ function Timeline({
         ].filter(Boolean).join(" "),
         onClick: () => setActiveId(point.id)
       },
-      /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
-      /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
+      /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
+      /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
     ))) : null;
-    const groupCard = /* @__PURE__ */ React32.createElement("div", { className: groupClasses }, header, groupPoints);
-    return /* @__PURE__ */ React32.createElement(
+    const groupCard = /* @__PURE__ */ React35.createElement("div", { className: groupClasses }, header, groupPoints);
+    return /* @__PURE__ */ React35.createElement(
       "div",
       {
         key: entry.id,
@@ -4186,17 +4564,17 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      entry.side === "left" ? /* @__PURE__ */ React32.createElement(React32.Fragment, null, groupCard, connector) : /* @__PURE__ */ React32.createElement(React32.Fragment, null, connector, groupCard)
+      entry.side === "left" ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, groupCard, connector) : /* @__PURE__ */ React35.createElement(React35.Fragment, null, connector, groupCard)
     );
   }
-  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(
+  return /* @__PURE__ */ React35.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React35.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React35.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React35.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React35.createElement(
     "div",
     {
       className: "canopy-timeline__list",
       role: "list",
       style: { minHeight: trackHeight }
     },
-    /* @__PURE__ */ React32.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
+    /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
     renderSteps(stepsValue, effectiveRange),
     groupedEntries.map((entry) => {
       if (entry.type === "group") return renderGroupEntry(entry);
@@ -4211,7 +4589,7 @@ function renderSteps(stepSize, range) {
   const markers = [];
   if (startYear < endYear) {
     markers.push(
-      /* @__PURE__ */ React32.createElement(
+      /* @__PURE__ */ React35.createElement(
         "span",
         {
           key: "timeline-step-start",
@@ -4219,12 +4597,12 @@ function renderSteps(stepSize, range) {
           style: { top: "0%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
+        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
       )
     );
     markers.push(
-      /* @__PURE__ */ React32.createElement(
+      /* @__PURE__ */ React35.createElement(
         "span",
         {
           key: "timeline-step-end",
@@ -4232,8 +4610,8 @@ function renderSteps(stepSize, range) {
           style: { top: "100%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
+        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
       )
     );
   }
@@ -4243,7 +4621,7 @@ function renderSteps(stepSize, range) {
     const progress = (timestamp - range.startDate.getTime()) / range.span;
     if (progress <= 0 || progress >= 1) continue;
     markers.push(
-      /* @__PURE__ */ React32.createElement(
+      /* @__PURE__ */ React35.createElement(
         "span",
         {
           key: `timeline-step-${year}`,
@@ -4251,8 +4629,8 @@ function renderSteps(stepSize, range) {
           style: { top: `calc(${progress * 100}% - 0.5px)` },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React32.createElement("span", { className: "canopy-timeline__step-label" }, year)
+        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-label" }, year)
       )
     );
   }
@@ -4266,7 +4644,7 @@ function TimelinePoint() {
 TimelinePoint.displayName = "TimelinePoint";
 
 // ui/src/utils/manifestReferences.js
-import React33 from "react";
+import React36 from "react";
 var CONTEXT_KEY2 = typeof Symbol === "function" ? Symbol.for("__CANOPY_PAGE_CONTEXT__") : "__CANOPY_PAGE_CONTEXT__";
 function getGlobalRoot() {
   if (typeof globalThis !== "undefined") return globalThis;
@@ -4277,7 +4655,7 @@ function getGlobalRoot() {
 function getPageContext2() {
   const root = getGlobalRoot();
   if (root && root[CONTEXT_KEY2]) return root[CONTEXT_KEY2];
-  const ctx = React33.createContext({
+  const ctx = React36.createContext({
     navigation: null,
     page: null,
     site: null,
@@ -4301,7 +4679,7 @@ function normalizeManifestId(raw) {
     return String(raw || "").trim();
   }
 }
-var PageContextFallback = React33.createContext(null);
+var PageContextFallback = React36.createContext(null);
 var referencedModule = null;
 var REFERENCED_SPEC = "@canopy-iiif/app/lib/components/referenced.js";
 function getReferencedModule() {
@@ -4327,9 +4705,9 @@ function getReferencedModule() {
 }
 function useReferencedManifestMap() {
   const PageContext = getPageContext2() || PageContextFallback;
-  const pageContext = React33.useContext(PageContext);
+  const pageContext = React36.useContext(PageContext);
   const referencedItems = pageContext && pageContext.page && Array.isArray(pageContext.page.referencedItems) ? pageContext.page.referencedItems : [];
-  return React33.useMemo(() => {
+  return React36.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     referencedItems.forEach((item) => {
       if (!item) return;
@@ -4440,7 +4818,7 @@ function normalizeResource(resource, index) {
 }
 function normalizePoint(child, index, options) {
   var _a, _b, _c, _d, _e, _f;
-  if (!React34.isValidElement(child)) return null;
+  if (!React37.isValidElement(child)) return null;
   if (child.type !== TimelinePoint && ((_a = child.type) == null ? void 0 : _a.displayName) !== "TimelinePoint")
     return null;
   const props = child.props || {};
@@ -4456,7 +4834,7 @@ function normalizePoint(child, index, options) {
   try {
     if (props.children) {
       detailsHtml = ReactDOMServer.renderToStaticMarkup(
-        React34.createElement(React34.Fragment, null, props.children)
+        React37.createElement(React37.Fragment, null, props.children)
       );
     }
   } catch (_) {
@@ -4505,7 +4883,7 @@ function MdxTimeline({ children, ...rest }) {
   const localeObj = createLocale(localeValue);
   const localeBase = typeof localeObj === "string" ? localeObj : localeObj.baseName || "en-US";
   const manifestMap = useReferencedManifestMap();
-  const childArray = React34.Children.toArray(children);
+  const childArray = React37.Children.toArray(children);
   const points = childArray.map(
     (child, index) => normalizePoint(child, index, {
       range: rest.range || {},
@@ -4521,7 +4899,7 @@ function MdxTimeline({ children, ...rest }) {
     steps: rest.steps != null ? rest.steps : null
   };
   const json = serializeForScript(serializeProps(rest, payload, localeBase));
-  return /* @__PURE__ */ React34.createElement("div", { "data-canopy-timeline": "1" }, /* @__PURE__ */ React34.createElement(Timeline, { ...rest, __canopyTimeline: payload }), /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React37.createElement("div", { "data-canopy-timeline": "1" }, /* @__PURE__ */ React37.createElement(Timeline, { ...rest, __canopyTimeline: payload }), /* @__PURE__ */ React37.createElement(
     "script",
     {
       type: "application/json",
@@ -4531,7 +4909,7 @@ function MdxTimeline({ children, ...rest }) {
 }
 
 // ui/src/content/map/MdxMap.jsx
-import React35 from "react";
+import React38 from "react";
 import ReactDOMServer2 from "react-dom/server";
 
 // ui/src/content/map/MapPoint.jsx
@@ -4566,7 +4944,7 @@ function renderDetailsHtml(children) {
   if (!children) return "";
   try {
     return ReactDOMServer2.renderToStaticMarkup(
-      React35.createElement(React35.Fragment, null, children)
+      React38.createElement(React38.Fragment, null, children)
     );
   } catch (_) {
     return "";
@@ -4599,7 +4977,7 @@ function pickManifestSummary(manifest) {
 }
 function normalizeCustomPoint(child, index, manifestMap) {
   var _a;
-  if (!React35.isValidElement(child)) return null;
+  if (!React38.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;
@@ -4662,7 +5040,7 @@ function normalizeCustomPoint(child, index, manifestMap) {
   };
 }
 function normalizeCustomPoints(children, manifestMap) {
-  return React35.Children.toArray(children).map((child, index) => normalizeCustomPoint(child, index, manifestMap)).filter(Boolean);
+  return React38.Children.toArray(children).map((child, index) => normalizeCustomPoint(child, index, manifestMap)).filter(Boolean);
 }
 function normalizeHeight(value) {
   if (value == null) return "600px";
@@ -4839,11 +5217,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__ */ React35.createElement("div", { "data-canopy-map": "1" }, /* @__PURE__ */ React35.createElement("div", { ...placeholderProps, "aria-live": "polite" }, /* @__PURE__ */ React35.createElement("div", { className: "canopy-map__status" }, "Loading map\u2026")), /* @__PURE__ */ React35.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React38.createElement("div", { "data-canopy-map": "1" }, /* @__PURE__ */ React38.createElement("div", { ...placeholderProps, "aria-live": "polite" }, /* @__PURE__ */ React38.createElement("div", { className: "canopy-map__status" }, "Loading map\u2026")), /* @__PURE__ */ React38.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/content/gallery/Gallery.jsx
-import React36 from "react";
+import React39 from "react";
 var INLINE_SCRIPT2 = `(() => {
   if (typeof window === 'undefined') return;
   if (window.__canopyGalleryBound) return;
@@ -5354,7 +5732,7 @@ function shuffleItems(list) {
 function renderMetaList(meta, className) {
   const entries = ensureArray2(meta).filter((entry) => entry || entry === 0);
   if (!entries.length) return null;
-  return /* @__PURE__ */ React36.createElement("ul", { className, role: "list" }, entries.map((entry, index) => /* @__PURE__ */ React36.createElement("li", { key: `meta-${index}` }, entry)));
+  return /* @__PURE__ */ React39.createElement("ul", { className, role: "list" }, entries.map((entry, index) => /* @__PURE__ */ React39.createElement("li", { key: `meta-${index}` }, entry)));
 }
 function renderPreview(props = {}) {
   const source = typeof props.media === "string" && props.media || props.thumbnail || props.src || props.image && props.image.src || props.image;
@@ -5362,7 +5740,7 @@ function renderPreview(props = {}) {
     const alt = props.thumbnailAlt || props.imageAlt || props.alt || props.title || "";
     const width = props.thumbnailWidth || props.imageWidth || props.width;
     const height = props.thumbnailHeight || props.imageHeight || props.height;
-    return /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React39.createElement(
       "img",
       {
         src: source,
@@ -5373,11 +5751,11 @@ function renderPreview(props = {}) {
       }
     );
   }
-  return /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__placeholder", "aria-hidden": "true" });
+  return /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__placeholder", "aria-hidden": "true" });
 }
 function normalizeItem(child, index, galleryId, manifestMap) {
   var _a;
-  if (!React36.isValidElement(child)) return null;
+  if (!React39.isValidElement(child)) return null;
   if (child.type !== GalleryItem && ((_a = child.type) == null ? void 0 : _a.displayName) !== "GalleryItem")
     return null;
   const props = child.props || {};
@@ -5452,7 +5830,7 @@ function buildCaptionContent(itemProps) {
   if (itemProps.caption) return itemProps.caption;
   const kicker = itemProps.kicker || itemProps.label || itemProps.eyebrow;
   const summary = itemProps.summary || itemProps.description;
-  return /* @__PURE__ */ React36.createElement(React36.Fragment, null, kicker ? /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__kicker" }, kicker) : null, itemProps.title ? /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__title-text" }, itemProps.title) : null, summary ? /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__summary" }, summary) : null, renderMetaList(
+  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, kicker ? /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__kicker" }, kicker) : null, itemProps.title ? /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__title-text" }, itemProps.title) : null, summary ? /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__summary" }, summary) : null, renderMetaList(
     itemProps.meta,
     "canopy-gallery__meta canopy-gallery__meta--caption"
   ));
@@ -5470,7 +5848,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
   const kicker = props.kicker || props.label || props.eyebrow;
   const summary = props.popupDescription || props.modalDescription || props.description || props.summary || null;
   const modalTitle = props.popupTitle || props.modalTitle || props.title || `Item ${index + 1}`;
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React39.createElement(
     "div",
     {
       id: modalId,
@@ -5483,14 +5861,14 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
       "data-canopy-gallery-modal": "true",
       "data-canopy-gallery-close": closeTargetId
     },
-    /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React39.createElement(
       GalleryThumbnailNav,
       {
         items: navItems,
         activeModalId: modalId,
         groupName: `${navGroupName || "canopy-gallery"}-${modalId}`
       }
-    ), /* @__PURE__ */ React36.createElement(
+    ), /* @__PURE__ */ React39.createElement(
       "a",
       {
         className: "canopy-gallery__modal-close",
@@ -5498,7 +5876,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         "aria-label": `Close popup for ${modalTitle}`
       },
       "X"
-    )), /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React36.createElement(
+    )), /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React39.createElement(
       "button",
       {
         type: "button",
@@ -5506,7 +5884,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         "aria-label": "Scroll left through gallery thumbnails",
         "data-canopy-gallery-nav-prev": "true"
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React39.createElement(
         "span",
         {
           className: "canopy-gallery__nav-button-icon",
@@ -5515,8 +5893,8 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         },
         "<"
       ),
-      /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
-    ), /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
+    ), /* @__PURE__ */ React39.createElement(
       "button",
       {
         type: "button",
@@ -5524,7 +5902,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         "aria-label": "Scroll right through gallery thumbnails",
         "data-canopy-gallery-nav-next": "true"
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React39.createElement(
         "span",
         {
           className: "canopy-gallery__nav-button-icon",
@@ -5533,8 +5911,8 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         },
         ">"
       ),
-      /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
-    ), /* @__PURE__ */ React36.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React36.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), summary ? /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
+    ), /* @__PURE__ */ React39.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React39.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React39.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), summary ? /* @__PURE__ */ React39.createElement(
       "p",
       {
         id: modalDescriptionId || void 0,
@@ -5544,20 +5922,20 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
     ) : null, renderMetaList(
       props.meta,
       "canopy-gallery__meta canopy-gallery__meta--modal"
-    ), manifests && manifests.length ? manifests.map((manifest) => /* @__PURE__ */ React36.createElement("a", { key: manifest.id || manifest.href, href: manifest.href }, manifest.title || manifest.href)) : null)), /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-body" }, props.children)))
+    ), manifests && manifests.length ? manifests.map((manifest) => /* @__PURE__ */ React39.createElement("a", { key: manifest.id || manifest.href, href: manifest.href }, manifest.title || manifest.href)) : null)), /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__modal-body" }, props.children)))
   );
 }
 function GalleryFigure({ item }) {
   const { props, modalId, triggerLabel } = item;
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React39.createElement(
     "figure",
     {
       className: "canopy-gallery__item",
       "data-gallery-item-index": item.index
     },
-    /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__media" }, renderPreview(props)),
-    /* @__PURE__ */ React36.createElement("figcaption", { className: "canopy-gallery__caption" }, buildCaptionContent(props)),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__media" }, renderPreview(props)),
+    /* @__PURE__ */ React39.createElement("figcaption", { className: "canopy-gallery__caption" }, buildCaptionContent(props)),
+    /* @__PURE__ */ React39.createElement(
       "a",
       {
         className: "canopy-gallery__trigger",
@@ -5567,27 +5945,27 @@ function GalleryFigure({ item }) {
         "aria-label": triggerLabel,
         "data-canopy-gallery-trigger": modalId
       },
-      /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__trigger-label" }, triggerLabel)
+      /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__trigger-label" }, triggerLabel)
     )
   );
 }
 function GalleryThumbnailNav({ items, activeModalId, groupName }) {
   if (!items || items.length < 2) return null;
   const radioGroup = groupName || "canopy-gallery-nav";
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React39.createElement(
     "nav",
     {
       className: "canopy-gallery__nav",
       "aria-label": "Gallery navigation",
       "data-canopy-gallery-nav": "true"
     },
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React39.createElement(
       "div",
       {
         className: "canopy-gallery__nav-viewport",
         "data-canopy-gallery-nav-viewport": "true"
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React39.createElement(
         "ul",
         {
           className: "canopy-gallery__nav-list",
@@ -5597,7 +5975,7 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
         items.map((item, index) => {
           const optionId = `${radioGroup}-${item.modalId || index}`;
           const isActive = item.modalId === activeModalId;
-          return /* @__PURE__ */ React36.createElement(
+          return /* @__PURE__ */ React39.createElement(
             "li",
             {
               key: `${item.key}-nav`,
@@ -5605,7 +5983,7 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
               "data-canopy-gallery-nav-item": "true",
               "data-canopy-gallery-nav-selected": isActive ? "1" : void 0
             },
-            /* @__PURE__ */ React36.createElement(
+            /* @__PURE__ */ React39.createElement(
               "input",
               {
                 type: "radio",
@@ -5621,15 +5999,15 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
                 "data-canopy-gallery-nav-selected": isActive ? "1" : void 0
               }
             ),
-            /* @__PURE__ */ React36.createElement(
+            /* @__PURE__ */ React39.createElement(
               "label",
               {
                 className: "canopy-gallery__nav-link",
                 htmlFor: optionId,
                 "data-canopy-gallery-nav-active": isActive ? "1" : void 0
               },
-              /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__nav-thumb" }, renderPreview(item.props)),
-              /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__nav-label" }, item.props.title || `Item ${item.index + 1}`)
+              /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__nav-thumb" }, renderPreview(item.props)),
+              /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__nav-label" }, item.props.title || `Item ${item.index + 1}`)
             )
           );
         })
@@ -5642,7 +6020,7 @@ function GalleryContent({ children, flex = false }) {
     "canopy-gallery-item__content",
     flex ? "canopy-gallery-item__content_flex" : null
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React36.createElement("div", { className: contentClassName }, children);
+  return /* @__PURE__ */ React39.createElement("div", { className: contentClassName }, children);
 }
 function GalleryItem() {
   return null;
@@ -5666,7 +6044,7 @@ function Gallery({
   const galleryId = id ? String(id) : nextGalleryInstanceId();
   const HeadingTag = "h3";
   const closeTargetId = `${galleryId}-close`;
-  const childArray = React36.Children.toArray(children);
+  const childArray = React39.Children.toArray(children);
   const items = childArray.map((child, index) => normalizeItem(child, index, galleryId, manifestMap)).filter(Boolean);
   if (!items.length) return null;
   const popupMode = normalizePopupSize(popupSize);
@@ -5678,7 +6056,7 @@ function Gallery({
     className
   ].filter(Boolean).join(" ");
   const navGroupName = `${galleryId}-nav`;
-  return /* @__PURE__ */ React36.createElement("section", { className: rootClassName, style, "data-canopy-gallery": "true" }, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React39.createElement("section", { className: rootClassName, style, "data-canopy-gallery": "true" }, /* @__PURE__ */ React39.createElement(
     "div",
     {
       id: closeTargetId,
@@ -5686,7 +6064,7 @@ function Gallery({
       "aria-hidden": "true",
       tabIndex: -1
     }
-  ), (title || description) && /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__header" }, title ? /* @__PURE__ */ React36.createElement(HeadingTag, { className: "canopy-gallery__heading" }, title) : null, description ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-gallery__description" }, description) : null), /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__grid" }, orderedItems.map((item) => /* @__PURE__ */ React36.createElement(GalleryFigure, { key: item.key, item }))), /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modals" }, orderedItems.map((item) => /* @__PURE__ */ React36.createElement(
+  ), (title || description) && /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__header" }, title ? /* @__PURE__ */ React39.createElement(HeadingTag, { className: "canopy-gallery__heading" }, title) : null, description ? /* @__PURE__ */ React39.createElement("p", { className: "canopy-gallery__description" }, description) : null), /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__grid" }, orderedItems.map((item) => /* @__PURE__ */ React39.createElement(GalleryFigure, { key: item.key, item }))), /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__modals" }, orderedItems.map((item) => /* @__PURE__ */ React39.createElement(
     GalleryModal,
     {
       key: `${item.modalId}-modal`,
@@ -5695,7 +6073,7 @@ function Gallery({
       navItems: orderedItems,
       navGroupName
     }
-  ))), /* @__PURE__ */ React36.createElement(
+  ))), /* @__PURE__ */ React39.createElement(
     "script",
     {
       "data-canopy-gallery-script": "true",
@@ -5707,7 +6085,7 @@ Gallery.Item = GalleryItem;
 Gallery.Content = GalleryContent;
 
 // ui/src/search/MdxSearchResults.jsx
-import React37 from "react";
+import React40 from "react";
 function MdxSearchResults(props) {
   let json = "{}";
   try {
@@ -5715,11 +6093,11 @@ function MdxSearchResults(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React37.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React37.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React40.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React40.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/SearchSummary.jsx
-import React38 from "react";
+import React41 from "react";
 function SearchSummary(props) {
   let json = "{}";
   try {
@@ -5727,11 +6105,11 @@ function SearchSummary(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React38.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React38.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React41.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React41.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearchTabs.jsx
-import React39 from "react";
+import React42 from "react";
 function MdxSearchTabs(props) {
   let json = "{}";
   try {
@@ -5739,11 +6117,11 @@ function MdxSearchTabs(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React39.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React39.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React42.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React42.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearch.jsx
-import React40 from "react";
+import React43 from "react";
 function MdxSearch(props = {}) {
   const {
     layout,
@@ -5761,11 +6139,11 @@ function MdxSearch(props = {}) {
     resultsPayload.layout = layout;
   }
   const classes = ["canopy-search", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React40.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React40.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React40.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React40.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
+  return /* @__PURE__ */ React43.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React43.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React43.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React43.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
 }
 
 // ui/src/search-form/MdxSearchFormModal.jsx
-import React41 from "react";
+import React44 from "react";
 function MdxSearchFormModal(props = {}) {
   const {
     placeholder = "Search\u2026",
@@ -5781,12 +6159,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__ */ React41.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React41.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React41.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React41.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React41.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  return /* @__PURE__ */ React44.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React44.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React44.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React44.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React44.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/iiif/ManifestPrimitives.jsx
 var import_slugify2 = __toESM(require_slugify());
-import React42 from "react";
+import React45 from "react";
 import {
   Label as CloverLabel,
   Metadata as CloverMetadata,
@@ -5863,7 +6241,7 @@ function normalizeBasePath3(value) {
   return cleaned === "/" ? "" : cleaned;
 }
 var cachedBasePath3 = null;
-function readBasePath4() {
+function readBasePath5() {
   if (cachedBasePath3 !== null) return cachedBasePath3;
   const candidates = [];
   try {
@@ -5894,13 +6272,13 @@ function readBasePath4() {
   cachedBasePath3 = "";
   return cachedBasePath3;
 }
-function withBasePath3(href) {
+function withBasePath4(href) {
   try {
     const raw = typeof href === "string" ? href.trim() : "";
     if (!raw) return href;
     if (/^(?:[a-z][a-z0-9+.-]*:|\/\/|#)/i.test(raw)) return raw;
     if (!raw.startsWith("/")) return raw;
-    const base = readBasePath4();
+    const base = readBasePath5();
     if (!base) return raw;
     if (raw === base || raw.startsWith(`${base}/`)) return raw;
     return `${base}${raw}`;
@@ -5915,7 +6293,7 @@ function buildFacetSearchHref(labelSlug, valueSlug) {
     params.set("type", "work");
     params.set(labelSlug, valueSlug);
     const path = `/search?${params.toString()}`;
-    return withBasePath3(path);
+    return withBasePath4(path);
   } catch (_) {
     return "";
   }
@@ -5927,7 +6305,7 @@ function MetadataFacetLink(props) {
   const valueSlug = facetSlug ? toValueSlug(text) : "";
   const href = facetSlug && valueSlug ? buildFacetSearchHref(facetSlug, valueSlug) : "";
   if (!href) return text;
-  return /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React45.createElement(
     "a",
     {
       href,
@@ -5953,7 +6331,7 @@ function buildFacetCustomValueContent(items, manifest) {
     seen.add(normalized);
     custom.push({
       matchingLabel: item.label,
-      Content: /* @__PURE__ */ React42.createElement(MetadataFacetLink, { facetSlug: facet.slug })
+      Content: /* @__PURE__ */ React45.createElement(MetadataFacetLink, { facetSlug: facet.slug })
     });
   }
   return custom;
@@ -5985,12 +6363,12 @@ function mergeCustomValueContent(userContent, autoContent) {
 function Label({ manifest, label, ...rest }) {
   const intl = label || manifest && manifest.label;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React42.createElement(CloverLabel, { label: intl, ...rest });
+  return /* @__PURE__ */ React45.createElement(CloverLabel, { label: intl, ...rest });
 }
 function Summary({ manifest, summary, ...rest }) {
   const intl = summary || manifest && manifest.summary;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React42.createElement(CloverSummary, { summary: intl, ...rest });
+  return /* @__PURE__ */ React45.createElement(CloverSummary, { summary: intl, ...rest });
 }
 function Metadata({ manifest, metadata, customValueContent, ...rest }) {
   const items = ensureMetadata(metadata || manifest && manifest.metadata);
@@ -6000,7 +6378,7 @@ function Metadata({ manifest, metadata, customValueContent, ...rest }) {
     customValueContent,
     autoCustomContent
   );
-  return /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React45.createElement(
     CloverMetadata,
     {
       metadata: items,
@@ -6014,17 +6392,17 @@ function RequiredStatement({ manifest, requiredStatement, ...rest }) {
   if (!stmt || !hasInternationalValue(stmt.label) || !hasInternationalValue(stmt.value)) {
     return null;
   }
-  return /* @__PURE__ */ React42.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
+  return /* @__PURE__ */ React45.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
 }
 
 // ui/src/iiif/Properties/Id.jsx
-import React43 from "react";
+import React46 from "react";
 function Id({ title = "IIIF Manifest", id, ...props }) {
-  return /* @__PURE__ */ React43.createElement("dl", null, /* @__PURE__ */ React43.createElement("dt", null, title), /* @__PURE__ */ React43.createElement("dd", null, /* @__PURE__ */ React43.createElement("a", { href: id }, id)));
+  return /* @__PURE__ */ React46.createElement("dl", null, /* @__PURE__ */ React46.createElement("dt", null, title), /* @__PURE__ */ React46.createElement("dd", null, /* @__PURE__ */ React46.createElement("a", { href: id }, id)));
 }
 
 // ui/src/docs/CodeBlock.jsx
-import React44 from "react";
+import React47 from "react";
 function parseHighlightAttr(attr) {
   if (!attr) return /* @__PURE__ */ new Set();
   const cleaned = String(attr || "").trim();
@@ -6070,10 +6448,10 @@ var highlightBaseStyle = {
 };
 function DocsCodeBlock(props = {}) {
   const { children, ...rest } = props;
-  const childArray = React44.Children.toArray(children);
-  const codeElement = childArray.find((el) => React44.isValidElement(el));
+  const childArray = React47.Children.toArray(children);
+  const codeElement = childArray.find((el) => React47.isValidElement(el));
   if (!codeElement || !codeElement.props) {
-    return React44.createElement("pre", props);
+    return React47.createElement("pre", props);
   }
   const {
     className = "",
@@ -6088,9 +6466,9 @@ 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] = React44.useState(false);
-  const buttonRef = React44.useRef(null);
-  const handleCopy = React44.useCallback(async () => {
+  const [copied, setCopied] = React47.useState(false);
+  const buttonRef = React47.useRef(null);
+  const handleCopy = React47.useCallback(async () => {
     const text = trimmedCode;
     try {
       if (typeof navigator !== "undefined" && navigator.clipboard && navigator.clipboard.writeText) {
@@ -6112,12 +6490,12 @@ function DocsCodeBlock(props = {}) {
       setCopied(false);
     }
   }, [trimmedCode]);
-  React44.useEffect(() => {
+  React47.useEffect(() => {
     if (buttonRef.current) {
       buttonRef.current.setAttribute("data-docs-copy-hydrated", "true");
     }
   }, []);
-  React44.useEffect(() => {
+  React47.useEffect(() => {
     if (!buttonRef.current) return;
     if (copied) buttonRef.current.setAttribute("data-docs-copy-active", "true");
     else buttonRef.current.removeAttribute("data-docs-copy-active");
@@ -6180,27 +6558,27 @@ function DocsCodeBlock(props = {}) {
     const highlight = highlightSet.has(lineNumber);
     const style = highlight ? { ...baseLineStyle, ...highlightBaseStyle } : baseLineStyle;
     const displayLine = line === "" ? " " : line;
-    return React44.createElement(
+    return React47.createElement(
       "span",
       {
         key: lineNumber,
         style,
         "data-docs-code-line": line
       },
-      React44.createElement("span", { style: lineContentStyle }, displayLine)
+      React47.createElement("span", { style: lineContentStyle }, displayLine)
     );
   });
-  return React44.createElement(
+  return React47.createElement(
     "div",
     {
       style: containerStyle,
       "data-docs-code-block": "true"
     },
-    showHeader ? React44.createElement(
+    showHeader ? React47.createElement(
       "div",
       { style: headerStyle },
-      React44.createElement("span", null, showFilename ? filename : null),
-      enableCopy ? React44.createElement(
+      React47.createElement("span", null, showFilename ? filename : null),
+      enableCopy ? React47.createElement(
         "button",
         {
           ref: buttonRef,
@@ -6211,8 +6589,8 @@ function DocsCodeBlock(props = {}) {
           "data-docs-copy-button": "true",
           style: buttonStyle
         },
-        React44.createElement("span", null, "Copy"),
-        React44.createElement(
+        React47.createElement("span", null, "Copy"),
+        React47.createElement(
           "span",
           {
             "aria-hidden": "true",
@@ -6222,7 +6600,7 @@ function DocsCodeBlock(props = {}) {
         )
       ) : null
     ) : null,
-    enableCopy ? React44.createElement("textarea", {
+    enableCopy ? React47.createElement("textarea", {
       "data-docs-copy-source": "true",
       tabIndex: -1,
       readOnly: true,
@@ -6237,29 +6615,29 @@ function DocsCodeBlock(props = {}) {
         pointerEvents: "none"
       }
     }) : null,
-    React44.createElement(
+    React47.createElement(
       "pre",
       { ...preRest, className: preClassName, style: mergedPreStyle },
-      React44.createElement("code", { style: codeStyle }, lineElements)
+      React47.createElement("code", { style: codeStyle }, lineElements)
     )
   );
 }
 
 // ui/src/docs/MarkdownTable.jsx
-import React45 from "react";
+import React48 from "react";
 function MarkdownTable({ className = "", ...rest }) {
   const merged = ["markdown-table", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React45.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React45.createElement("table", { className: merged, ...rest }));
+  return /* @__PURE__ */ React48.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React48.createElement("table", { className: merged, ...rest }));
 }
 
 // ui/src/docs/Diagram.jsx
-import React46 from "react";
+import React49 from "react";
 function CanopyDiagram() {
-  return /* @__PURE__ */ React46.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React46.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React46.createElement("h3", null, "IIIF Providers"), /* @__PURE__ */ React46.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 45 manifests while 5 manifests are directly retrieved as-is via IIIF endpoints."), /* @__PURE__ */ React46.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React46.createElement("article", null, /* @__PURE__ */ React46.createElement("h4", null, "Collection A"), /* @__PURE__ */ React46.createElement("ul", null, /* @__PURE__ */ React46.createElement("li", null, "30 Manifests"), /* @__PURE__ */ React46.createElement("li", null, /* @__PURE__ */ React46.createElement("em", null, "Manuscripts")))), /* @__PURE__ */ React46.createElement("article", null, /* @__PURE__ */ React46.createElement("h4", null, "Collection B"), /* @__PURE__ */ React46.createElement("ul", null, /* @__PURE__ */ React46.createElement("li", null, "15 Manifests"), /* @__PURE__ */ React46.createElement("li", null, /* @__PURE__ */ React46.createElement("em", null, "Portraits")))), /* @__PURE__ */ React46.createElement("article", null, /* @__PURE__ */ React46.createElement("h4", null, "Manifests (direct)"), /* @__PURE__ */ React46.createElement("ul", null, /* @__PURE__ */ React46.createElement("li", null, "5 Manifests"), /* @__PURE__ */ React46.createElement("li", null, /* @__PURE__ */ React46.createElement("em", null, "Scrapbooks")))))), /* @__PURE__ */ React46.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React46.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React46.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React46.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React46.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React46.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy retrieves collections and syncs all manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React46.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React46.createElement("article", null, /* @__PURE__ */ React46.createElement("h4", null, "Automated content"), /* @__PURE__ */ React46.createElement("ul", null, /* @__PURE__ */ React46.createElement("li", null, "50 manifests \u2192 50 work pages"), /* @__PURE__ */ React46.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React46.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React46.createElement("article", null, /* @__PURE__ */ React46.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React46.createElement("ul", null, /* @__PURE__ */ React46.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React46.createElement("li", null, "Author narratives"), /* @__PURE__ */ React46.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React46.createElement("article", null, /* @__PURE__ */ React46.createElement("h4", null, "Search index"), /* @__PURE__ */ React46.createElement("ul", null, /* @__PURE__ */ React46.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React46.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React46.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React46.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React46.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React46.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React46.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React46.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React46.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__ */ React46.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React46.createElement("article", null, /* @__PURE__ */ React46.createElement("h4", null, "Work pages"), /* @__PURE__ */ React46.createElement("ul", null, /* @__PURE__ */ React46.createElement("li", null, "50 generated HTML pages"), /* @__PURE__ */ React46.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React46.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React46.createElement("article", null, /* @__PURE__ */ React46.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React46.createElement("ul", null, /* @__PURE__ */ React46.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React46.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React46.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React46.createElement("article", null, /* @__PURE__ */ React46.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React46.createElement("ul", null, /* @__PURE__ */ React46.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React46.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React46.createElement("li", null, "Optional annotation dataset"))))));
+  return /* @__PURE__ */ React49.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React49.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React49.createElement("h3", null, "IIIF Providers"), /* @__PURE__ */ React49.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 45 manifests while 5 manifests are directly retrieved as-is via IIIF endpoints."), /* @__PURE__ */ React49.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React49.createElement("article", null, /* @__PURE__ */ React49.createElement("h4", null, "Collection A"), /* @__PURE__ */ React49.createElement("ul", null, /* @__PURE__ */ React49.createElement("li", null, "30 Manifests"), /* @__PURE__ */ React49.createElement("li", null, /* @__PURE__ */ React49.createElement("em", null, "Manuscripts")))), /* @__PURE__ */ React49.createElement("article", null, /* @__PURE__ */ React49.createElement("h4", null, "Collection B"), /* @__PURE__ */ React49.createElement("ul", null, /* @__PURE__ */ React49.createElement("li", null, "15 Manifests"), /* @__PURE__ */ React49.createElement("li", null, /* @__PURE__ */ React49.createElement("em", null, "Portraits")))), /* @__PURE__ */ React49.createElement("article", null, /* @__PURE__ */ React49.createElement("h4", null, "Manifests (direct)"), /* @__PURE__ */ React49.createElement("ul", null, /* @__PURE__ */ React49.createElement("li", null, "5 Manifests"), /* @__PURE__ */ React49.createElement("li", null, /* @__PURE__ */ React49.createElement("em", null, "Scrapbooks")))))), /* @__PURE__ */ React49.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React49.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React49.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React49.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React49.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React49.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy retrieves collections and syncs all manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React49.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React49.createElement("article", null, /* @__PURE__ */ React49.createElement("h4", null, "Automated content"), /* @__PURE__ */ React49.createElement("ul", null, /* @__PURE__ */ React49.createElement("li", null, "50 manifests \u2192 50 work pages"), /* @__PURE__ */ React49.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React49.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React49.createElement("article", null, /* @__PURE__ */ React49.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React49.createElement("ul", null, /* @__PURE__ */ React49.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React49.createElement("li", null, "Author narratives"), /* @__PURE__ */ React49.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React49.createElement("article", null, /* @__PURE__ */ React49.createElement("h4", null, "Search index"), /* @__PURE__ */ React49.createElement("ul", null, /* @__PURE__ */ React49.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React49.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React49.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React49.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React49.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React49.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React49.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React49.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React49.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__ */ React49.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React49.createElement("article", null, /* @__PURE__ */ React49.createElement("h4", null, "Work pages"), /* @__PURE__ */ React49.createElement("ul", null, /* @__PURE__ */ React49.createElement("li", null, "50 generated HTML pages"), /* @__PURE__ */ React49.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React49.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React49.createElement("article", null, /* @__PURE__ */ React49.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React49.createElement("ul", null, /* @__PURE__ */ React49.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React49.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React49.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React49.createElement("article", null, /* @__PURE__ */ React49.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React49.createElement("ul", null, /* @__PURE__ */ React49.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React49.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React49.createElement("li", null, "Optional annotation dataset"))))));
 }
 
 // ui/src/docs/ThemeShowcase.jsx
-import React47 from "react";
+import React50 from "react";
 
 // ../../node_modules/@radix-ui/colors/index.mjs
 var colors_exports = {};
@@ -10111,21 +10489,21 @@ var STEP_MAP = {
   800: 11,
   900: 12
 };
-var Section = ({ title, description, children }) => /* @__PURE__ */ React47.createElement("div", { className: "canopy-theme-showcase__section" }, /* @__PURE__ */ React47.createElement("h3", { className: "canopy-theme-showcase__section-title" }, title), description ? /* @__PURE__ */ React47.createElement("p", { className: "canopy-theme-showcase__section-description" }, description) : null, children);
-var ColorScaleRow = ({ label, prefix }) => /* @__PURE__ */ React47.createElement("div", { className: "canopy-theme-showcase__scale-row" }, /* @__PURE__ */ React47.createElement("div", { className: "canopy-theme-showcase__scale-label" }, /* @__PURE__ */ React47.createElement("strong", null, label)), /* @__PURE__ */ React47.createElement("div", { className: "canopy-theme-showcase__scale-track" }, COLOR_STOPS.map((stop) => /* @__PURE__ */ React47.createElement(
+var Section = ({ title, description, children }) => /* @__PURE__ */ React50.createElement("div", { className: "canopy-theme-showcase__section" }, /* @__PURE__ */ React50.createElement("h3", { className: "canopy-theme-showcase__section-title" }, title), description ? /* @__PURE__ */ React50.createElement("p", { className: "canopy-theme-showcase__section-description" }, description) : null, children);
+var ColorScaleRow = ({ label, prefix }) => /* @__PURE__ */ React50.createElement("div", { className: "canopy-theme-showcase__scale-row" }, /* @__PURE__ */ React50.createElement("div", { className: "canopy-theme-showcase__scale-label" }, /* @__PURE__ */ React50.createElement("strong", null, label)), /* @__PURE__ */ React50.createElement("div", { className: "canopy-theme-showcase__scale-track" }, COLOR_STOPS.map((stop) => /* @__PURE__ */ React50.createElement(
   "div",
   {
     key: `${label}-${stop}`,
     className: "canopy-theme-showcase__scale-stop"
   },
-  /* @__PURE__ */ React47.createElement(
+  /* @__PURE__ */ React50.createElement(
     "span",
     {
       className: "canopy-theme-showcase__scale-chip",
       style: { backgroundColor: `var(${prefix}-${stop})` }
     }
   ),
-  /* @__PURE__ */ React47.createElement("span", { className: "canopy-theme-showcase__scale-token" }, stop)
+  /* @__PURE__ */ React50.createElement("span", { className: "canopy-theme-showcase__scale-token" }, stop)
 ))));
 var AVAILABLE = new Set(
   Object.keys(colors_exports).filter(
@@ -10190,9 +10568,9 @@ var PREVIEW_DATA = buildPreviewData();
 function encodeJson(value) {
   return JSON.stringify(value).replace(/</g, "\\u003c");
 }
-var ColorsLabeled = ({ colors, type, getRadixSwatch }) => /* @__PURE__ */ React47.createElement("div", { className: "canopy-theme-showcase__swatch-grid" }, colors.map((name) => {
+var ColorsLabeled = ({ colors, type, getRadixSwatch }) => /* @__PURE__ */ React50.createElement("div", { className: "canopy-theme-showcase__swatch-grid" }, colors.map((name) => {
   const colorValue = getRadixSwatch(name);
-  return /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React50.createElement(
     "button",
     {
       key: `${type}-${name}`,
@@ -10203,14 +10581,14 @@ var ColorsLabeled = ({ colors, type, getRadixSwatch }) => /* @__PURE__ */ React4
       "data-theme-swatch-value": name,
       "aria-pressed": "false"
     },
-    /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React50.createElement(
       "span",
       {
         className: "canopy-theme-showcase__swatch-chip",
         style: { background: colorValue || "var(--color-gray-200)" }
       }
     ),
-    /* @__PURE__ */ React47.createElement("span", { className: "canopy-theme-showcase__swatch-label" }, name)
+    /* @__PURE__ */ React50.createElement("span", { className: "canopy-theme-showcase__swatch-label" }, name)
   );
 }));
 function ThemeShowcase() {
@@ -10370,7 +10748,7 @@ function ThemeShowcase() {
     .canopy-theme-showcase__swatch-controls { display: none; }
     .canopy-theme-showcase__clear-button { display: none; }
   `;
-  return /* @__PURE__ */ React47.createElement("div", { className: "canopy-theme-showcase", "data-theme-showcase": true }, /* @__PURE__ */ React47.createElement("style", { dangerouslySetInnerHTML: { __html: styles } }), /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React50.createElement("div", { className: "canopy-theme-showcase", "data-theme-showcase": true }, /* @__PURE__ */ React50.createElement("style", { dangerouslySetInnerHTML: { __html: styles } }), /* @__PURE__ */ React50.createElement(
     "div",
     {
       style: {
@@ -10381,18 +10759,18 @@ function ThemeShowcase() {
         marginBottom: "1rem"
       }
     },
-    /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React50.createElement(
       Section,
       {
         title: "Appearance",
         description: "Pick the base light or dark mode for the theme preview."
       },
-      /* @__PURE__ */ React47.createElement("div", { className: "canopy-theme-showcase__appearance-buttons" }, ["light", "dark"].map((mode) => {
+      /* @__PURE__ */ React50.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__ */ React47.createElement(
+        return /* @__PURE__ */ React50.createElement(
           "button",
           {
             key: mode,
@@ -10404,7 +10782,7 @@ function ThemeShowcase() {
         );
       }))
     ),
-    /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React50.createElement(
       "button",
       {
         type: "button",
@@ -10413,13 +10791,13 @@ function ThemeShowcase() {
       },
       "Reset"
     )
-  ), /* @__PURE__ */ React47.createElement(
+  ), /* @__PURE__ */ React50.createElement(
     Section,
     {
       title: "Color scales",
       description: "Accent and gray ramps from the active theme."
     },
-    /* @__PURE__ */ React47.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" } }, COLOR_SCALES.map((scale) => /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React50.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" } }, COLOR_SCALES.map((scale) => /* @__PURE__ */ React50.createElement(
       ColorScaleRow,
       {
         key: scale.label,
@@ -10427,13 +10805,13 @@ function ThemeShowcase() {
         prefix: scale.prefix
       }
     )))
-  ), /* @__PURE__ */ React47.createElement(
+  ), /* @__PURE__ */ React50.createElement(
     Section,
     {
       title: "Accent color palette options",
       description: "Click a swatch to temporarily override the accent palette."
     },
-    /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React50.createElement(
       ColorsLabeled,
       {
         colors: accentColors,
@@ -10441,13 +10819,13 @@ function ThemeShowcase() {
         getRadixSwatch
       }
     )
-  ), /* @__PURE__ */ React47.createElement(
+  ), /* @__PURE__ */ React50.createElement(
     Section,
     {
       title: "Gray color palette options",
       description: "Click a swatch to preview the neutral ramp for surfaces and text."
     },
-    /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React50.createElement(
       ColorsLabeled,
       {
         colors: grayColors,
@@ -10455,7 +10833,7 @@ function ThemeShowcase() {
         getRadixSwatch
       }
     )
-  ), /* @__PURE__ */ React47.createElement(
+  ), /* @__PURE__ */ React50.createElement(
     "script",
     {
       type: "application/json",
@@ -10488,6 +10866,7 @@ export {
   Index,
   interstitials_exports as Interstitials,
   Label,
+  LanguageToggle,
   Layout,
   MdxMap as Map,
   MapPoint,