npm - @canopy-iiif/app - Versions diffs - 1.9.13 → 1.9.15 - Mend

@canopy-iiif/app 1.9.13 → 1.9.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/lib/build/iiif.js +13 -1
package/lib/build/mdx.js +5 -1
package/lib/build/pages.js +5 -0
package/lib/default-locale.js +6 -1
package/lib/locale-runtime.js +69 -0
package/lib/locales.js +29 -0
package/lib/search/search-app.jsx +32 -5
package/lib/search/search.js +5 -0
package/package.json +1 -1
package/ui/dist/index.mjs +716 -355
package/ui/dist/index.mjs.map +4 -4
package/ui/dist/server.mjs +728 -429
package/ui/dist/server.mjs.map +4 -4

package/ui/dist/server.mjs CHANGED Viewed

@@ -28,6 +28,94 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
+// lib/default-locale.js
+var require_default_locale = __commonJS({
+  "lib/default-locale.js"(exports, module) {
+    "use strict";
+    module.exports = {
+      common: {
+        actions: {
+          open: "Open",
+          close: "Close",
+          clear: "Clear",
+          clear_all: "Clear all",
+          done: "Done",
+          show: "Show",
+          hide: "Hide"
+        },
+        nouns: {
+          search: "Search",
+          filters: "Filters",
+          results: "results",
+          values: "values",
+          types: "types",
+          items: "items",
+          navigation: "navigation",
+          section_navigation: "section navigation",
+          content_navigation: "content navigation",
+          primary_navigation: "Primary navigation",
+          metadata: "metadata",
+          gallery: "gallery",
+          gallery_thumbnails: "gallery thumbnails",
+          map: "map",
+          map_data: "map data",
+          map_locations: "map locations",
+          item_label: "Item",
+          details: "details",
+          breadcrumb: "Breadcrumb",
+          home: "Home"
+        },
+        types: {
+          work: "Works",
+          page: "Pages",
+          docs: "Docs"
+        },
+        statuses: {
+          loading: "Loading\u2026",
+          empty_short: "No {content}",
+          empty_detail: "No {content} available.",
+          unavailable: "{content} unavailable.",
+          unavailable_detail: "{content} is unavailable.",
+          failed: "Unable to load {content}.",
+          loading_content: "Loading {content}\u2026",
+          summary_content: "Showing {shown} of {total} {content}",
+          search_summary: 'Found {shown} of {total} in {type} for "{query}"',
+          no_matches: "No matches found."
+        },
+        phrases: {
+          placeholder_search: "Search\u2026",
+          results_label: "Search results",
+          open_content: "Open {content}",
+          close_content: "Close {content}",
+          show_content: "Show {content}",
+          hide_content: "Hide {content}",
+          nav_label: "{content} navigation",
+          search_content: "Search {content}",
+          filter_values: "Filter {content} values",
+          clear_content_search: "Clear {content} search",
+          none_applied: "No {content} applied",
+          applied_count: "{count} {content} applied",
+          toggle_content: "Toggle {content}",
+          scroll_direction_content: "Scroll {direction} through {content}",
+          step_content: "{direction} {content}",
+          item_numbered: "{content} {index}",
+          content_key: "{content} key"
+        },
+        directions: {
+          left: "left",
+          right: "right",
+          previous: "Previous",
+          next: "Next"
+        },
+        misc: {
+          referenced_by: "Referenced by",
+          on_this_page: "On this page"
+        }
+      }
+    };
+  }
+});
 // ../../node_modules/slugify/slugify.js
 var require_slugify = __commonJS({
   "../../node_modules/slugify/slugify.js"(exports, module) {
@@ -680,7 +768,7 @@ __export(interstitials_exports, {
 });
 // ui/src/interstitials/Hero.jsx
-import React10 from "react";
+import React12 from "react";
 import helpers from "@canopy-iiif/app/lib/components/featured.js";
 import navigationHelpers from "@canopy-iiif/app/lib/components/navigation.js";
@@ -743,8 +831,95 @@ function ButtonWrapper({
   return /* @__PURE__ */ React9.createElement("div", { className: classes, ...rest }, text && /* @__PURE__ */ React9.createElement("span", { className: "canopy-button-group__text" }, text), /* @__PURE__ */ React9.createElement("div", { className: "canopy-button-group__actions" }, children));
 }
+// ui/src/locale/index.js
+import React11 from "react";
+// ui/src/layout/pageContext.js
+import React10 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 = React10.createContext({ navigation: null, page: null, site: null });
+  if (root) root[CONTEXT_KEY] = ctx;
+  return ctx;
+}
+// ui/src/locale/index.js
+var import_default_locale = __toESM(require_default_locale());
+function getGlobalScope() {
+  if (typeof globalThis !== "undefined") return globalThis;
+  if (typeof window !== "undefined") return window;
+  if (typeof global !== "undefined") return global;
+  return null;
+}
+function readRuntimeMessages() {
+  const scope = getGlobalScope();
+  const candidate = scope && scope.CANOPY_LOCALE_MESSAGES;
+  if (candidate && typeof candidate === "object") return candidate;
+  return import_default_locale.default || {};
+}
+function accessPath(obj, path) {
+  if (!obj || typeof obj !== "object" || !path) return void 0;
+  const parts = Array.isArray(path) ? path : String(path).split(".");
+  let current = obj;
+  for (const part of parts) {
+    if (!current || typeof current !== "object") return void 0;
+    const key = String(part).trim();
+    if (!key || !(key in current)) return void 0;
+    current = current[key];
+  }
+  return current;
+}
+function formatTemplate(template, replacements = {}) {
+  if (template == null) return template;
+  const str = String(template);
+  if (!replacements || typeof replacements !== "object") return str;
+  return str.replace(/\{([^}]+)\}/g, (match, key) => {
+    if (!Object.prototype.hasOwnProperty.call(replacements, key)) return match;
+    const value = replacements[key];
+    if (value == null) return match;
+    return String(value);
+  });
+}
+function useLocaleMessages() {
+  const PageContext2 = getSafePageContext();
+  const context = PageContext2 ? React11.useContext(PageContext2) : null;
+  const siteMessages = context && context.site && context.site.localeMessages && typeof context.site.localeMessages === "object" ? context.site.localeMessages : null;
+  return siteMessages || readRuntimeMessages();
+}
+function useLocale2() {
+  const messages = useLocaleMessages();
+  const getString = React11.useCallback(
+    (path, fallback) => {
+      const value = path ? accessPath(messages, path) : void 0;
+      if (typeof value === "string" || typeof value === "number") {
+        return value;
+      }
+      return fallback;
+    },
+    [messages]
+  );
+  const formatString = React11.useCallback(
+    (path, fallback, replacements) => {
+      const template = path ? accessPath(messages, path) : void 0;
+      const resolved = template != null ? template : fallback;
+      if (resolved == null) return resolved;
+      return formatTemplate(resolved, replacements);
+    },
+    [messages]
+  );
+  return { messages, getString, formatString };
+}
 // ui/src/interstitials/Hero.jsx
-var NavIconBase = ({ children, ...rest }) => /* @__PURE__ */ React10.createElement(
+var NavIconBase = ({ children, ...rest }) => /* @__PURE__ */ React12.createElement(
   "svg",
   {
     width: "16",
@@ -758,7 +933,7 @@ var NavIconBase = ({ children, ...rest }) => /* @__PURE__ */ React10.createEleme
   },
   children
 );
-var PrevArrowIcon = (props) => /* @__PURE__ */ React10.createElement(NavIconBase, { ...props }, /* @__PURE__ */ React10.createElement(
+var PrevArrowIcon = (props) => /* @__PURE__ */ React12.createElement(NavIconBase, { ...props }, /* @__PURE__ */ React12.createElement(
   "path",
   {
     d: "M10.5 3L5.5 8L10.5 13",
@@ -768,7 +943,7 @@ var PrevArrowIcon = (props) => /* @__PURE__ */ React10.createElement(NavIconBase
     strokeLinejoin: "round"
   }
 ));
-var NextArrowIcon = (props) => /* @__PURE__ */ React10.createElement(NavIconBase, { ...props }, /* @__PURE__ */ React10.createElement(
+var NextArrowIcon = (props) => /* @__PURE__ */ React12.createElement(NavIconBase, { ...props }, /* @__PURE__ */ React12.createElement(
   "path",
   {
     d: "M5.5 3L10.5 8L5.5 13",
@@ -885,13 +1060,14 @@ function Hero({
   style = {},
   background = "theme",
   variant = "featured",
-  homeLabel = "Home",
+  homeLabel,
   ...rest
 }) {
+  const { getString } = useLocale2();
   const normalizedVariant = normalizeVariant(variant);
   const isBreadcrumbVariant = normalizedVariant === "breadcrumb";
   const PageContext2 = navigationHelpers && typeof navigationHelpers.getPageContext === "function" ? navigationHelpers.getPageContext() : null;
-  const pageContext = PageContext2 ? React10.useContext(PageContext2) : null;
+  const pageContext = PageContext2 ? React12.useContext(PageContext2) : null;
   let orderedSlides = [];
   if (!isBreadcrumbVariant) {
     const resolved = resolveFeaturedItem({ item, index, random });
@@ -949,10 +1125,10 @@ function Hero({
     }
   ].filter(Boolean);
   const finalOverlayLinks = isBreadcrumbVariant ? normalizedLinks : overlayLinks;
-  const breadcrumbItems = React10.useMemo(() => {
+  const breadcrumbItems = React12.useMemo(() => {
     if (!isBreadcrumbVariant) return [];
     const items = [];
-    const label = typeof homeLabel === "string" ? homeLabel.trim() : "";
+    const label = (homeLabel != null ? homeLabel : getString("common.nouns.home", "Home")).trim();
     if (label) {
       items.push({ title: label, href: applyBasePath("/") });
     }
@@ -972,19 +1148,26 @@ function Hero({
     });
     return items;
   }, [isBreadcrumbVariant, pageContext, homeLabel]);
-  const breadcrumbNode = isBreadcrumbVariant && breadcrumbItems.length ? /* @__PURE__ */ React10.createElement("nav", { className: "canopy-interstitial__breadcrumb", "aria-label": "Breadcrumb" }, breadcrumbItems.map((item2, idx) => {
-    const isLast = idx === breadcrumbItems.length - 1;
-    const key = `${item2.title || idx}-${idx}`;
-    const content = !isLast && item2.href ? /* @__PURE__ */ React10.createElement("a", { href: item2.href }, item2.title) : /* @__PURE__ */ React10.createElement("span", { className: "canopy-interstitial__breadcrumb-current", "aria-current": "page" }, item2.title);
-    return /* @__PURE__ */ React10.createElement(React10.Fragment, { key }, idx > 0 ? /* @__PURE__ */ React10.createElement(
-      "span",
-      {
-        className: "canopy-interstitial__breadcrumb-separator",
-        "aria-hidden": "true"
-      },
-      ">"
-    ) : null, content);
-  })) : null;
+  const breadcrumbNode = isBreadcrumbVariant && breadcrumbItems.length ? /* @__PURE__ */ React12.createElement(
+    "nav",
+    {
+      className: "canopy-interstitial__breadcrumb",
+      "aria-label": getString("common.nouns.breadcrumb", "Breadcrumb")
+    },
+    breadcrumbItems.map((item2, idx) => {
+      const isLast = idx === breadcrumbItems.length - 1;
+      const key = `${item2.title || idx}-${idx}`;
+      const content = !isLast && item2.href ? /* @__PURE__ */ React12.createElement("a", { href: item2.href }, item2.title) : /* @__PURE__ */ React12.createElement("span", { className: "canopy-interstitial__breadcrumb-current", "aria-current": "page" }, item2.title);
+      return /* @__PURE__ */ React12.createElement(React12.Fragment, { key }, idx > 0 ? /* @__PURE__ */ React12.createElement(
+        "span",
+        {
+          className: "canopy-interstitial__breadcrumb-separator",
+          "aria-hidden": "true"
+        },
+        ">"
+      ) : null, content);
+    })
+  ) : null;
   const normalizedBackground = normalizeBackground(background);
   const backgroundClassName = normalizedBackground === "transparent" ? "canopy-interstitial--bg-transparent" : "";
   const variantClassName = isBreadcrumbVariant ? "canopy-interstitial--hero-breadcrumb" : "canopy-interstitial--hero-featured";
@@ -1027,7 +1210,7 @@ function Hero({
     };
     const wrapWithLink = (node) => {
       if (!safeHref) return node;
-      return /* @__PURE__ */ React10.createElement(
+      return /* @__PURE__ */ React12.createElement(
         "a",
         {
           href: safeHref,
@@ -1038,39 +1221,39 @@ function Hero({
       );
     };
     if (isStaticCaption) {
-      return /* @__PURE__ */ React10.createElement("div", { className: "swiper-slide", key: safeHref || idx }, wrapWithLink(
-        /* @__PURE__ */ React10.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__media-frame" }, /* @__PURE__ */ React10.createElement(
+      return /* @__PURE__ */ React12.createElement("div", { className: "swiper-slide", key: safeHref || idx }, wrapWithLink(
+        /* @__PURE__ */ React12.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__media-frame" }, /* @__PURE__ */ React12.createElement(
           "img",
           {
             ...buildImageProps(
               "canopy-interstitial__media canopy-interstitial__media--static"
             )
           }
-        )) : null, slide.title ? /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__caption canopy-interstitial__caption--static" }, /* @__PURE__ */ React10.createElement("span", { className: "canopy-interstitial__caption-link" }, slide.title)) : null)
+        )) : null, slide.title ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__caption canopy-interstitial__caption--static" }, /* @__PURE__ */ React12.createElement("span", { className: "canopy-interstitial__caption-link" }, slide.title)) : null)
       ));
     }
-    return /* @__PURE__ */ React10.createElement("div", { className: "swiper-slide", key: safeHref || idx }, wrapWithLink(
-      /* @__PURE__ */ React10.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React10.createElement("img", { ...buildImageProps("canopy-interstitial__media") }) : null, showVeil ? /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__veil", "aria-hidden": "true" }) : null, slide.title ? /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__caption" }, /* @__PURE__ */ React10.createElement("span", { className: "canopy-interstitial__caption-link" }, slide.title)) : null)
+    return /* @__PURE__ */ React12.createElement("div", { className: "swiper-slide", key: safeHref || idx }, wrapWithLink(
+      /* @__PURE__ */ React12.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React12.createElement("img", { ...buildImageProps("canopy-interstitial__media") }) : null, showVeil ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__veil", "aria-hidden": "true" }) : null, slide.title ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__caption" }, /* @__PURE__ */ React12.createElement("span", { className: "canopy-interstitial__caption-link" }, slide.title)) : null)
     ));
   };
-  const renderSlider = (options = {}) => /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__slider swiper" }, /* @__PURE__ */ React10.createElement("div", { className: "swiper-wrapper" }, orderedSlides.map((slide, idx) => renderSlide(slide, idx, options))), /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__nav" }, /* @__PURE__ */ React10.createElement(
+  const renderSlider = (options = {}) => /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__slider swiper" }, /* @__PURE__ */ React12.createElement("div", { className: "swiper-wrapper" }, orderedSlides.map((slide, idx) => renderSlide(slide, idx, options))), /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__nav" }, /* @__PURE__ */ React12.createElement(
     "button",
     {
       type: "button",
       "aria-label": "Previous slide",
       className: "canopy-interstitial__nav-btn canopy-interstitial__nav-btn--prev swiper-button-prev"
     },
-    /* @__PURE__ */ React10.createElement(PrevArrowIcon, null)
-  ), /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React12.createElement(PrevArrowIcon, null)
+  ), /* @__PURE__ */ React12.createElement(
     "button",
     {
       type: "button",
       "aria-label": "Next slide",
       className: "canopy-interstitial__nav-btn canopy-interstitial__nav-btn--next swiper-button-next"
     },
-    /* @__PURE__ */ React10.createElement(NextArrowIcon, null)
-  )), /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__pagination swiper-pagination" }));
-  const overlayContent = /* @__PURE__ */ React10.createElement(React10.Fragment, null, overlayTitle ? /* @__PURE__ */ React10.createElement("h1", { className: "canopy-interstitial__headline" }, overlayTitle) : null, derivedDescription ? /* @__PURE__ */ React10.createElement("p", { className: "canopy-interstitial__description" }, derivedDescription) : null, finalOverlayLinks.length ? /* @__PURE__ */ React10.createElement(ButtonWrapper, { className: "canopy-interstitial__actions" }, finalOverlayLinks.map((link) => /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React12.createElement(NextArrowIcon, null)
+  )), /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__pagination swiper-pagination" }));
+  const overlayContent = /* @__PURE__ */ React12.createElement(React12.Fragment, null, overlayTitle ? /* @__PURE__ */ React12.createElement("h1", { className: "canopy-interstitial__headline" }, overlayTitle) : null, derivedDescription ? /* @__PURE__ */ React12.createElement("p", { className: "canopy-interstitial__description" }, derivedDescription) : null, finalOverlayLinks.length ? /* @__PURE__ */ React12.createElement(ButtonWrapper, { className: "canopy-interstitial__actions" }, finalOverlayLinks.map((link) => /* @__PURE__ */ React12.createElement(
     Button,
     {
       key: `${link.href}-${link.title}`,
@@ -1092,34 +1275,42 @@ function Hero({
   } else {
     sectionProps["data-canopy-hero-variant"] = "breadcrumb";
   }
-  return /* @__PURE__ */ React10.createElement("section", { ...sectionProps }, isBreadcrumbVariant ? /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__layout canopy-interstitial__layout--breadcrumb" }, /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__panel" }, /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__body" }, breadcrumbNode, overlayContent))) : /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__layout" }, /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__panel" }, /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__body" }, overlayContent)), /* @__PURE__ */ React10.createElement("div", { className: "canopy-interstitial__media-group" }, renderSlider({ showVeil: false, captionVariant: "static" }))));
+  return /* @__PURE__ */ React12.createElement("section", { ...sectionProps }, isBreadcrumbVariant ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__layout canopy-interstitial__layout--breadcrumb" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__panel" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__body" }, breadcrumbNode, overlayContent))) : /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__layout" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__panel" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__body" }, overlayContent)), /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__media-group" }, renderSlider({ showVeil: false, captionVariant: "static" }))));
 }
 // ui/src/layout/SubNavigation.jsx
-import React12 from "react";
+import React14 from "react";
 import navigationHelpers2 from "@canopy-iiif/app/lib/components/navigation.js";
 // ui/src/layout/NavigationTree.jsx
-import React11 from "react";
+import React13 from "react";
 function normalizeDepth(depth) {
   if (typeof depth !== "number") return 0;
   return Math.max(0, Math.min(5, depth));
 }
-function NavigationTreeList({ nodes, depth, parentKey }) {
+function NavigationTreeList({
+  nodes,
+  depth,
+  parentKey,
+  buildToggleLabel,
+  buildNavLabel
+}) {
   if (!Array.isArray(nodes) || !nodes.length) return null;
   const listClasses = ["canopy-nav-tree__list"];
   if (depth > 0) listClasses.push("canopy-nav-tree__list--nested");
-  return /* @__PURE__ */ React11.createElement("ul", { className: listClasses.join(" "), role: "list" }, nodes.map((node, index) => /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React13.createElement("ul", { className: listClasses.join(" "), role: "list" }, nodes.map((node, index) => /* @__PURE__ */ React13.createElement(
     NavigationTreeItem,
     {
       key: node.slug || node.href || node.title || `${parentKey}-${index}`,
       node,
       depth,
-      nodeKey: `${parentKey}-${index}`
+      nodeKey: `${parentKey}-${index}`,
+      buildToggleLabel,
+      buildNavLabel
     }
   )));
 }
-function NavigationTreeItem({ node, depth, nodeKey }) {
+function NavigationTreeItem({ node, depth, nodeKey, buildToggleLabel, buildNavLabel }) {
   if (!node) return null;
   const hasChildren = Array.isArray(node.children) && node.children.length > 0;
   const isInteractive = !!node.href;
@@ -1132,8 +1323,8 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
   const panelId = hasChildren ? `canopy-section-${nodeKey}` : null;
   const allowToggle = hasChildren && !isRootLevel;
   const defaultExpanded = allowToggle ? !!node.isExpanded : true;
-  const toggleLabel = node.title ? `Toggle ${node.title} menu` : "Toggle section menu";
-  return /* @__PURE__ */ React11.createElement(
+  const toggleLabel = buildToggleLabel ? buildToggleLabel(node.title || node.slug) : `Toggle ${node.title || "section"} menu`;
+  return /* @__PURE__ */ React13.createElement(
     "li",
     {
       className: "canopy-nav-tree__item",
@@ -1142,7 +1333,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
       "data-expanded": allowToggle ? defaultExpanded ? "true" : "false" : void 0,
       "data-default-expanded": allowToggle && defaultExpanded ? "true" : void 0
     },
-    /* @__PURE__ */ React11.createElement("div", { className: "canopy-nav-tree__row" }, /* @__PURE__ */ React11.createElement("div", { className: "canopy-nav-tree__link-wrapper" }, /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React13.createElement("div", { className: "canopy-nav-tree__row" }, /* @__PURE__ */ React13.createElement("div", { className: "canopy-nav-tree__link-wrapper" }, /* @__PURE__ */ React13.createElement(
       Tag,
       {
         className: classes.join(" "),
@@ -1151,7 +1342,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
         tabIndex: isInteractive ? void 0 : -1
       },
       node.title || node.slug
-    )), allowToggle ? /* @__PURE__ */ React11.createElement(
+    )), allowToggle ? /* @__PURE__ */ React13.createElement(
       "button",
       {
         type: "button",
@@ -1161,7 +1352,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
         "aria-label": toggleLabel,
         "data-canopy-nav-item-toggle": panelId || void 0
       },
-      /* @__PURE__ */ React11.createElement(
+      /* @__PURE__ */ React13.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -1171,7 +1362,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
           strokeWidth: "1.5",
           className: "canopy-nav-tree__toggle-icon"
         },
-        /* @__PURE__ */ React11.createElement(
+        /* @__PURE__ */ React13.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -1180,9 +1371,9 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
           }
         )
       ),
-      /* @__PURE__ */ React11.createElement("span", { className: "sr-only" }, toggleLabel)
+      /* @__PURE__ */ React13.createElement("span", { className: "sr-only" }, toggleLabel)
     ) : null),
-    hasChildren ? /* @__PURE__ */ React11.createElement(
+    hasChildren ? /* @__PURE__ */ React13.createElement(
       "div",
       {
         id: panelId || void 0,
@@ -1190,12 +1381,14 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
         "aria-hidden": allowToggle ? defaultExpanded ? "false" : "true" : "false",
         hidden: allowToggle ? !defaultExpanded : void 0
       },
-      /* @__PURE__ */ React11.createElement(
+      /* @__PURE__ */ React13.createElement(
         NavigationTreeList,
         {
           nodes: node.children,
           depth: depth + 1,
-          parentKey: nodeKey
+          parentKey: nodeKey,
+          buildToggleLabel,
+          buildNavLabel
         }
       )
     ) : null
@@ -1212,23 +1405,43 @@ function NavigationTree({
   ...rest
 }) {
   if (!root) return null;
+  const { formatString, getString } = useLocale2();
+  const navFallback = getString("common.nouns.navigation", "navigation");
+  const buildNavLabel = React13.useCallback(
+    (value) => formatString(
+      "common.phrases.nav_label",
+      "{content} navigation",
+      { content: value || navFallback }
+    ),
+    [formatString, navFallback]
+  );
+  const buildToggleLabel = React13.useCallback(
+    (value) => formatString(
+      "common.phrases.toggle_content",
+      "Toggle {content}",
+      { content: buildNavLabel(value) }
+    ),
+    [buildNavLabel, formatString]
+  );
   const nodes = includeRoot ? [root] : root.children;
   if (!Array.isArray(nodes) || !nodes.length) return null;
   const combinedClassName = ["canopy-nav-tree", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React13.createElement(
     Component,
     {
       className: combinedClassName,
       "data-canopy-nav-tree": "true",
       ...rest
     },
-    heading ? /* @__PURE__ */ React11.createElement("div", { className: headingClassName }, heading) : null,
-    /* @__PURE__ */ React11.createElement(
+    heading ? /* @__PURE__ */ React13.createElement("div", { className: headingClassName }, heading) : null,
+    /* @__PURE__ */ React13.createElement(
       NavigationTreeList,
       {
         nodes,
         depth: includeRoot ? -1 : 0,
-        parentKey
+        parentKey,
+        buildToggleLabel,
+        buildNavLabel
       }
     )
   );
@@ -1252,12 +1465,12 @@ function SubNavigation({
   ariaLabel
 }) {
   const PageContext2 = navigationHelpers2 && navigationHelpers2.getPageContext ? navigationHelpers2.getPageContext() : null;
-  const context = PageContext2 ? React12.useContext(PageContext2) : null;
+  const context = PageContext2 ? React14.useContext(PageContext2) : null;
   const contextNavigation = context && context.navigation ? context.navigation : null;
   const contextPage = context && context.page ? context.page : null;
   const effectiveNavigation = navigationProp || contextNavigation;
   const effectivePage = page || contextPage;
-  const resolvedNavigation = React12.useMemo(() => {
+  const resolvedNavigation = React14.useMemo(() => {
     if (effectiveNavigation && effectiveNavigation.root)
       return effectiveNavigation;
     const candidate = resolveRelativeCandidate(effectivePage, current);
@@ -1282,14 +1495,14 @@ function SubNavigation({
   if (!Object.prototype.hasOwnProperty.call(inlineStyle, "--sub-nav-indent")) {
     inlineStyle["--sub-nav-indent"] = "0.85rem";
   }
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "nav",
     {
       className: combinedClassName,
       style: inlineStyle,
       "aria-label": navLabel
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React14.createElement(
       NavigationTree,
       {
         root: rootNode,
@@ -1304,11 +1517,11 @@ function SubNavigation({
 }
 // ui/src/layout/Layout.jsx
-import React14 from "react";
+import React16 from "react";
 import navigationHelpers3 from "@canopy-iiif/app/lib/components/navigation.js";
 // ui/src/layout/ContentNavigation.jsx
-import React13 from "react";
+import React15 from "react";
 var SCROLL_OFFSET_REM = 1.618;
 var MAX_HEADING_DEPTH = 3;
 function resolveDepth(value, fallback = 1) {
@@ -1328,10 +1541,11 @@ function ContentNavigation({
   pageTitle,
   ariaLabel
 }) {
+  const { getString, formatString } = useLocale();
   const isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
-  const savedDepthsRef = React13.useRef(null);
-  const [isExpanded, setIsExpanded] = React13.useState(false);
-  const handleToggle = React13.useCallback(() => {
+  const savedDepthsRef = React15.useRef(null);
+  const [isExpanded, setIsExpanded] = React15.useState(false);
+  const handleToggle = React15.useCallback(() => {
     setIsExpanded((prev) => !prev);
   }, []);
   if ((!items || !items.length) && !headingId) return null;
@@ -1341,10 +1555,43 @@ function ContentNavigation({
     className
   ].filter(Boolean).join(" ");
   const effectiveHeading = heading || pageTitle || null;
-  const navLabel = ariaLabel || (effectiveHeading ? `${effectiveHeading} navigation` : "Section navigation");
-  const toggleSrLabel = isExpanded ? "Hide section navigation" : "Show section navigation";
+  const fallbackNavLabel = getString(
+    "common.nouns.section_navigation",
+    "Section navigation"
+  );
+  const computedNavLabel = effectiveHeading ? formatString(
+    "common.phrases.nav_label",
+    "{content} navigation",
+    { content: effectiveHeading }
+  ) : fallbackNavLabel;
+  const navLabel = ariaLabel || computedNavLabel;
+  const toggleSrLabel = isExpanded ? formatString("common.phrases.hide_content", "Hide {content}", {
+    content: navLabel
+  }) : formatString("common.phrases.show_content", "Show {content}", {
+    content: navLabel
+  });
   const toggleStateClass = isExpanded ? "is-expanded" : "is-collapsed";
-  const getSavedDepth = React13.useCallback((id, fallback) => {
+  const toggleShowLabel = getString("common.actions.show", "Show");
+  const toggleHideLabel = getString("common.actions.hide", "Hide");
+  const contentNavLabel = getString(
+    "common.nouns.content_navigation",
+    "content navigation"
+  );
+  const onThisPageLabel = getString(
+    "common.misc.on_this_page",
+    "On this page"
+  );
+  const showContentNavLabel = formatString(
+    "common.phrases.show_content",
+    "Show {content}",
+    { content: contentNavLabel }
+  );
+  const hideContentNavLabel = formatString(
+    "common.phrases.hide_content",
+    "Hide {content}",
+    { content: contentNavLabel }
+  );
+  const getSavedDepth = React15.useCallback((id, fallback) => {
     if (!id) return fallback;
     if (!savedDepthsRef.current) savedDepthsRef.current = /* @__PURE__ */ new Map();
     const store = savedDepthsRef.current;
@@ -1352,7 +1599,7 @@ function ContentNavigation({
     store.set(id, fallback);
     return fallback;
   }, []);
-  const headingEntries = React13.useMemo(() => {
+  const headingEntries = React15.useMemo(() => {
     const entries = [];
     const seen = /* @__PURE__ */ new Set();
     if (headingId) {
@@ -1380,15 +1627,15 @@ function ContentNavigation({
     return entries;
   }, [headingId, items, getSavedDepth]);
   const fallbackId = headingEntries.length ? headingEntries[0].id : headingId || null;
-  const [activeId, setActiveId] = React13.useState(fallbackId);
-  const activeIdRef = React13.useRef(activeId);
-  React13.useEffect(() => {
+  const [activeId, setActiveId] = React15.useState(fallbackId);
+  const activeIdRef = React15.useRef(activeId);
+  React15.useEffect(() => {
     if (process.env.NODE_ENV !== "production" && activeIdRef.current !== activeId) {
       console.log("[ContentNavigation] activeId changed:", activeId);
     }
     activeIdRef.current = activeId;
   }, [activeId]);
-  React13.useEffect(() => {
+  React15.useEffect(() => {
     if (!headingEntries.length) return;
     if (!headingEntries.some((entry) => entry.id === activeIdRef.current)) {
       const next = headingEntries[0].id;
@@ -1396,7 +1643,7 @@ function ContentNavigation({
       setActiveId(next);
     }
   }, [headingEntries]);
-  const computeOffsetPx = React13.useCallback(() => {
+  const computeOffsetPx = React15.useCallback(() => {
     if (!isBrowser) return 0;
     try {
       const root = document.documentElement;
@@ -1406,8 +1653,8 @@ function ContentNavigation({
       return 0;
     }
   }, [isBrowser]);
-  const headingElementsRef = React13.useRef([]);
-  const updateActiveFromElements = React13.useCallback(
+  const headingElementsRef = React15.useRef([]);
+  const updateActiveFromElements = React15.useCallback(
     (elements) => {
       if (!elements || !elements.length) return;
       const offset = computeOffsetPx();
@@ -1439,7 +1686,7 @@ function ContentNavigation({
     },
     [computeOffsetPx]
   );
-  React13.useEffect(() => {
+  React15.useEffect(() => {
     if (!isBrowser) return void 0;
     const elements = headingEntries.map((entry) => {
       const element = document.getElementById(entry.id);
@@ -1472,7 +1719,7 @@ function ContentNavigation({
       window.removeEventListener("resize", handle);
     };
   }, [headingEntries, isBrowser, updateActiveFromElements]);
-  const handleAnchorClick = React13.useCallback(
+  const handleAnchorClick = React15.useCallback(
     (event, targetId, options = {}) => {
       var _a;
       try {
@@ -1504,7 +1751,7 @@ function ContentNavigation({
     },
     [computeOffsetPx, headingEntries, headingId, isBrowser]
   );
-  const navTreeRoot = React13.useMemo(() => {
+  const navTreeRoot = React15.useMemo(() => {
     function mapNodes(nodes2, parentKey = "section") {
       if (!Array.isArray(nodes2) || !nodes2.length) return [];
       return nodes2.map((node, index) => {
@@ -1539,11 +1786,11 @@ function ContentNavigation({
     const nodes = mapNodes(items, "section");
     return {
       slug: "content-nav-root",
-      title: effectiveHeading || pageTitle || "On this page",
+      title: effectiveHeading || pageTitle || onThisPageLabel,
       children: nodes
     };
   }, [items, effectiveHeading, pageTitle, activeId, getSavedDepth]);
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React15.createElement(
     "nav",
     {
       className: combinedClassName,
@@ -1551,7 +1798,7 @@ function ContentNavigation({
       "aria-label": navLabel,
       "data-canopy-content-nav": "true"
     },
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React15.createElement(
       "button",
       {
         type: "button",
@@ -1561,25 +1808,25 @@ function ContentNavigation({
         title: toggleSrLabel,
         onClick: handleToggle,
         "data-canopy-content-nav-toggle": "true",
-        "data-show-label": "Show",
-        "data-hide-label": "Hide",
-        "data-show-full-label": "Show content navigation",
-        "data-hide-full-label": "Hide content navigation"
+        "data-show-label": toggleShowLabel,
+        "data-hide-label": toggleHideLabel,
+        "data-show-full-label": showContentNavLabel,
+        "data-hide-full-label": hideContentNavLabel
       },
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React15.createElement(
         "span",
         {
           className: "canopy-content-navigation__toggle-icon",
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React13.createElement(
+        /* @__PURE__ */ React15.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
             className: "ionicon",
             viewBox: "0 0 512 512"
           },
-          /* @__PURE__ */ React13.createElement(
+          /* @__PURE__ */ React15.createElement(
             "path",
             {
               fill: "none",
@@ -1590,7 +1837,7 @@ function ContentNavigation({
               d: "M160 144h288M160 256h288M160 368h288"
             }
           ),
-          /* @__PURE__ */ React13.createElement(
+          /* @__PURE__ */ React15.createElement(
             "circle",
             {
               cx: "80",
@@ -1603,7 +1850,7 @@ function ContentNavigation({
               strokeWidth: "32"
             }
           ),
-          /* @__PURE__ */ React13.createElement(
+          /* @__PURE__ */ React15.createElement(
             "circle",
             {
               cx: "80",
@@ -1616,7 +1863,7 @@ function ContentNavigation({
               strokeWidth: "32"
             }
           ),
-          /* @__PURE__ */ React13.createElement(
+          /* @__PURE__ */ React15.createElement(
             "circle",
             {
               cx: "80",
@@ -1631,17 +1878,17 @@ function ContentNavigation({
           )
         )
       ),
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React15.createElement(
         "span",
         {
           className: "canopy-content-navigation__toggle-label",
           "data-canopy-content-nav-toggle-label": "true"
         },
-        /* @__PURE__ */ React13.createElement("span", { className: "sr-only" }, toggleSrLabel)
+        /* @__PURE__ */ React15.createElement("span", { className: "sr-only" }, toggleSrLabel)
       ),
-      /* @__PURE__ */ React13.createElement("span", { className: "sr-only", "data-canopy-content-nav-toggle-sr": "true" }, toggleSrLabel)
+      /* @__PURE__ */ React15.createElement("span", { className: "sr-only", "data-canopy-content-nav-toggle-sr": "true" }, toggleSrLabel)
     ),
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React15.createElement(
       NavigationTree,
       {
         root: navTreeRoot,
@@ -1682,10 +1929,10 @@ function buildHeadingTree(headings) {
 }
 function buildNavigationAside(sidebar, className) {
   if (!sidebar) {
-    return /* @__PURE__ */ React14.createElement(SubNavigation, { className });
+    return /* @__PURE__ */ React16.createElement(SubNavigation, { className });
   }
   if (typeof sidebar === "function") {
-    return React14.createElement(sidebar);
+    return React16.createElement(sidebar);
   }
   return sidebar;
 }
@@ -2002,7 +2249,7 @@ function ContentNavigationScript() {
   });
 })();
   `;
-  return /* @__PURE__ */ React14.createElement("script", { dangerouslySetInnerHTML: { __html: code } });
+  return /* @__PURE__ */ React16.createElement("script", { dangerouslySetInnerHTML: { __html: code } });
 }
 function Layout({
   children,
@@ -2017,26 +2264,26 @@ function Layout({
   ...rest
 }) {
   const PageContext2 = navigationHelpers3 && typeof navigationHelpers3.getPageContext === "function" ? navigationHelpers3.getPageContext() : null;
-  const context = PageContext2 ? React14.useContext(PageContext2) : null;
-  const pageHeadings = React14.useMemo(() => {
+  const context = PageContext2 ? React16.useContext(PageContext2) : null;
+  const pageHeadings = React16.useMemo(() => {
     const headings = context && context.page ? context.page.headings : null;
     return Array.isArray(headings) ? headings : [];
   }, [context]);
-  const contentHeading = React14.useMemo(() => {
+  const contentHeading = React16.useMemo(() => {
     const first = pageHeadings.find((heading) => {
       const depth = heading && (heading.depth || heading.level);
       return depth === 1;
     });
     return first && first.title ? first.title : null;
   }, [pageHeadings]);
-  const headingAnchorId = React14.useMemo(() => {
+  const headingAnchorId = React16.useMemo(() => {
     const first = pageHeadings.find((heading) => {
       const depth = heading && (heading.depth || heading.level);
       return depth === 1;
     });
     return first && first.id ? first.id : null;
   }, [pageHeadings]);
-  const headingTree = React14.useMemo(
+  const headingTree = React16.useMemo(
     () => buildHeadingTree(pageHeadings),
     [pageHeadings]
   );
@@ -2061,20 +2308,20 @@ function Layout({
     contentNavigationClassName
   ].filter(Boolean).join(" ");
   const sidebarNode = showLeftColumn ? buildNavigationAside(sidebar, sidebarClassName) : null;
-  return /* @__PURE__ */ React14.createElement("div", { className: containerClassName, ...rest }, showLeftColumn ? /* @__PURE__ */ React14.createElement("aside", { className: leftAsideClassName }, sidebarNode) : null, /* @__PURE__ */ React14.createElement("div", { className: contentClassNames }, children), hasContentNavigation ? /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React16.createElement("div", { className: containerClassName, ...rest }, showLeftColumn ? /* @__PURE__ */ React16.createElement("aside", { className: leftAsideClassName }, sidebarNode) : null, /* @__PURE__ */ React16.createElement("div", { className: contentClassNames }, children), hasContentNavigation ? /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(
     "aside",
     {
       className: contentNavigationAsideClassName,
       "data-canopy-content-nav-root": "true"
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React16.createElement(
       "div",
       {
         "data-canopy-content-nav-sentinel": "true",
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React16.createElement(
       ContentNavigation,
       {
         items: headingTree,
@@ -2083,28 +2330,28 @@ function Layout({
         pageTitle: context && context.page ? context.page.title : void 0
       }
     ),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React16.createElement(
       "div",
       {
         "data-canopy-content-nav-placeholder": "true",
         "aria-hidden": "true"
       }
     )
-  ), /* @__PURE__ */ React14.createElement(ContentNavigationScript, null)) : null);
+  ), /* @__PURE__ */ React16.createElement(ContentNavigationScript, null)) : null);
 }
 // ui/src/layout/CanopyHeader.jsx
-import React24 from "react";
+import React25 from "react";
 // ui/src/search/SearchPanel.jsx
-import React18 from "react";
+import React20 from "react";
 // ui/src/Icons.jsx
-import React15 from "react";
-var MagnifyingGlassIcon = (props) => /* @__PURE__ */ React15.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", ...props }, /* @__PURE__ */ React15.createElement("path", { d: "M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z" }));
+import React17 from "react";
+var MagnifyingGlassIcon = (props) => /* @__PURE__ */ React17.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", ...props }, /* @__PURE__ */ React17.createElement("path", { d: "M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z" }));
 // ui/src/search/SearchPanelForm.jsx
-import React16 from "react";
+import React18 from "react";
 function readBasePath2() {
   const normalize = (val) => {
     const raw = typeof val === "string" ? val.trim() : "";
@@ -2159,26 +2406,35 @@ function resolveSearchPath(pathValue) {
 }
 function SearchPanelForm(props = {}) {
   const {
-    placeholder = "Search\u2026",
-    buttonLabel = "Search",
+    placeholder,
+    buttonLabel,
     label,
     searchPath = "/search",
     inputId: inputIdProp,
-    clearLabel = "Clear search"
+    clearLabel
   } = props || {};
-  const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
-  const action = React16.useMemo(
+  const { getString, formatString } = useLocale2();
+  const searchLabel = getString("common.nouns.search", "Search");
+  const placeholderText = placeholder != null ? placeholder : getString("common.phrases.placeholder_search", "Search\u2026");
+  const buttonText = buttonLabel != null ? buttonLabel : getString("common.nouns.search", "Search");
+  const clearText = clearLabel != null ? clearLabel : formatString(
+    "common.phrases.clear_content_search",
+    "Clear {content} search",
+    { content: searchLabel }
+  );
+  const text = typeof label === "string" && label.trim() ? label.trim() : buttonText;
+  const action = React18.useMemo(
     () => resolveSearchPath(searchPath),
     [searchPath]
   );
-  const autoId = typeof React16.useId === "function" ? React16.useId() : void 0;
-  const [fallbackId] = React16.useState(
+  const autoId = typeof React18.useId === "function" ? React18.useId() : void 0;
+  const [fallbackId] = React18.useState(
     () => `canopy-search-form-${Math.random().toString(36).slice(2, 10)}`
   );
   const inputId = inputIdProp || autoId || fallbackId;
-  const inputRef = React16.useRef(null);
-  const [hasValue, setHasValue] = React16.useState(false);
-  const focusInput = React16.useCallback(() => {
+  const inputRef = React18.useRef(null);
+  const [hasValue, setHasValue] = React18.useState(false);
+  const focusInput = React18.useCallback(() => {
     const el = inputRef.current;
     if (!el) return;
     if (document.activeElement === el) return;
@@ -2191,7 +2447,7 @@ function SearchPanelForm(props = {}) {
       }
     }
   }, []);
-  const handlePointerDown = React16.useCallback(
+  const handlePointerDown = React18.useCallback(
     (event) => {
       const target = event.target;
       if (target && typeof target.closest === "function") {
@@ -2203,23 +2459,23 @@ function SearchPanelForm(props = {}) {
     },
     [focusInput]
   );
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     const el = inputRef.current;
     if (!el) return;
     if (el.value && el.value.trim()) {
       setHasValue(true);
     }
   }, []);
-  const handleInputChange = React16.useCallback((event) => {
+  const handleInputChange = React18.useCallback((event) => {
     var _a;
     const nextHasValue = Boolean(
       ((_a = event == null ? void 0 : event.target) == null ? void 0 : _a.value) && event.target.value.trim()
     );
     setHasValue(nextHasValue);
   }, []);
-  const handleClear = React16.useCallback((event) => {
+  const handleClear = React18.useCallback((event) => {
   }, []);
-  const handleClearKey = React16.useCallback(
+  const handleClearKey = React18.useCallback(
     (event) => {
       if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
@@ -2228,7 +2484,7 @@ function SearchPanelForm(props = {}) {
     },
     [handleClear]
   );
-  return /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React18.createElement(
     "form",
     {
       action,
@@ -2240,7 +2496,7 @@ function SearchPanelForm(props = {}) {
       onPointerDown: handlePointerDown,
       "data-has-value": hasValue ? "1" : "0"
     },
-    /* @__PURE__ */ React16.createElement("label", { htmlFor: inputId, className: "canopy-search-form__label" }, /* @__PURE__ */ React16.createElement(MagnifyingGlassIcon, { className: "canopy-search-form__icon" }), /* @__PURE__ */ React16.createElement("span", { className: "sr-only" }, "Search"), /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React18.createElement("label", { htmlFor: inputId, className: "canopy-search-form__label" }, /* @__PURE__ */ React18.createElement(MagnifyingGlassIcon, { className: "canopy-search-form__icon" }), /* @__PURE__ */ React18.createElement("span", { className: "sr-only" }, searchLabel), /* @__PURE__ */ React18.createElement(
       "input",
       {
         id: inputId,
@@ -2248,14 +2504,14 @@ function SearchPanelForm(props = {}) {
         name: "q",
         inputMode: "search",
         "data-canopy-search-form-input": true,
-        placeholder,
+        placeholder: placeholderText,
         className: "canopy-search-form__input",
         ref: inputRef,
         onChange: handleInputChange,
         onInput: handleInputChange
       }
     )),
-    hasValue ? /* @__PURE__ */ React16.createElement(
+    hasValue ? /* @__PURE__ */ React18.createElement(
       "button",
       {
         type: "button",
@@ -2263,12 +2519,12 @@ function SearchPanelForm(props = {}) {
         onClick: handleClear,
         onPointerDown: (event) => event.stopPropagation(),
         onKeyDown: handleClearKey,
-        "aria-label": clearLabel,
+        "aria-label": clearText,
         "data-canopy-search-form-clear": true
       },
       "\xD7"
     ) : null,
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React18.createElement(
       "button",
       {
         type: "submit",
@@ -2281,11 +2537,11 @@ function SearchPanelForm(props = {}) {
 }
 // ui/src/search/SearchPanelTeaserResults.jsx
-import React17 from "react";
+import React19 from "react";
 function SearchPanelTeaserResults(props = {}) {
   const { style, className } = props || {};
   const classes = ["canopy-search-teaser", "is-empty", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "div",
     {
       "data-canopy-search-form-panel": true,
@@ -2293,65 +2549,49 @@ function SearchPanelTeaserResults(props = {}) {
       className: classes || void 0,
       style
     },
-    /* @__PURE__ */ React17.createElement("div", { id: "cplist", className: "canopy-search-teaser__list" })
+    /* @__PURE__ */ React19.createElement("div", { id: "cplist", className: "canopy-search-teaser__list" })
   );
 }
 // ui/src/search/SearchPanel.jsx
 function SearchPanel(props = {}) {
   const {
-    placeholder = "Search\u2026",
+    placeholder: placeholderProp,
     hotkey = "mod+k",
     maxResults = 8,
     groupOrder = ["work", "docs", "page"],
     // Kept for backward compat; form always renders submit
     button = true,
     // eslint-disable-line no-unused-vars
-    buttonLabel = "Search",
+    buttonLabel: buttonLabelProp,
     label,
     searchPath = "/search"
   } = props || {};
-  const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
+  const { getString } = useLocale2();
+  const placeholder = placeholderProp != null ? placeholderProp : getString("common.phrases.placeholder_search", "Search\u2026");
+  const resolvedButtonLabel = buttonLabelProp != null ? buttonLabelProp : getString("common.nouns.search", "Search");
+  const text = typeof label === "string" && label.trim() ? label.trim() : resolvedButtonLabel;
   const resolvedSearchPath = resolveSearchPath(searchPath);
   const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };
-  return /* @__PURE__ */ React18.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React18.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React18.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React18.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React18.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
-}
-// ui/src/layout/CanopyBrand.jsx
-import React20 from "react";
-// ui/src/layout/pageContext.js
-import React19 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 = React19.createContext({ navigation: null, page: null, site: null });
-  if (root) root[CONTEXT_KEY] = ctx;
-  return ctx;
+  return /* @__PURE__ */ React20.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React20.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React20.createElement(SearchPanelForm, { placeholder, buttonLabel: resolvedButtonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React20.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React20.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 // ui/src/layout/CanopyBrand.jsx
+import React21 from "react";
 var PageContext = getSafePageContext();
 function CanopyBrand(props = {}) {
   const { labelId, label: labelProp, href = "/", className, Logo } = props || {};
-  const context = React20.useContext(PageContext);
+  const context = React21.useContext(PageContext);
   const contextSiteTitle = context && context.site && typeof context.site.title === "string" ? context.site.title.trim() : "";
   const normalizedLabel = typeof labelProp === "string" && labelProp.trim() ? labelProp : "";
   const resolvedLabel = normalizedLabel || contextSiteTitle || "Site title";
   const spanProps = labelId ? { id: labelId } : {};
   const classes = ["canopy-logo", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React20.createElement("a", { href, className: classes }, typeof Logo === "function" ? /* @__PURE__ */ React20.createElement(Logo, null) : null, /* @__PURE__ */ React20.createElement("span", { ...spanProps }, resolvedLabel));
+  return /* @__PURE__ */ React21.createElement("a", { href, className: classes }, typeof Logo === "function" ? /* @__PURE__ */ React21.createElement(Logo, null) : null, /* @__PURE__ */ React21.createElement("span", { ...spanProps }, resolvedLabel));
 }
 // ui/src/layout/CanopyModal.jsx
-import React21 from "react";
+import React22 from "react";
 function CanopyModal(props = {}) {
   const {
     id,
@@ -2361,7 +2601,7 @@ function CanopyModal(props = {}) {
     label,
     logo: Logo,
     href = "/",
-    closeLabel = "Close",
+    closeLabel,
     closeDataAttr,
     onClose,
     onBackgroundClick,
@@ -2387,10 +2627,12 @@ function CanopyModal(props = {}) {
       if (event.target === event.currentTarget) onBackgroundClick(event);
     };
   }
+  const { getString } = useLocale2();
+  const resolvedCloseLabel = closeLabel || getString("common.actions.close", "Close");
   const closeButtonProps = {
     type: "button",
     className: "canopy-modal__close",
-    "aria-label": closeLabel
+    "aria-label": resolvedCloseLabel
   };
   if (typeof closeDataAttr === "string" && closeDataAttr) {
     closeButtonProps["data-canopy-header-close"] = closeDataAttr;
@@ -2402,7 +2644,7 @@ function CanopyModal(props = {}) {
   if (padded) bodyClasses.push("canopy-modal__body--padded");
   if (bodyClassName) bodyClasses.push(bodyClassName);
   const bodyClassNameValue = bodyClasses.join(" ");
-  return /* @__PURE__ */ React21.createElement("div", { ...modalProps }, /* @__PURE__ */ React21.createElement("div", { className: "canopy-modal__panel" }, /* @__PURE__ */ React21.createElement("button", { ...closeButtonProps }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement("div", { ...modalProps }, /* @__PURE__ */ React22.createElement("div", { className: "canopy-modal__panel" }, /* @__PURE__ */ React22.createElement("button", { ...closeButtonProps }, /* @__PURE__ */ React22.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2412,8 +2654,8 @@ function CanopyModal(props = {}) {
       strokeWidth: "1.5",
       className: "canopy-modal__close-icon"
     },
-    /* @__PURE__ */ React21.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l12 12M6 18L18 6" })
-  ), /* @__PURE__ */ React21.createElement("span", { className: "sr-only" }, closeLabel)), /* @__PURE__ */ React21.createElement("div", { className: bodyClassNameValue }, label ? /* @__PURE__ */ React21.createElement("div", { className: "canopy-modal__brand" }, /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React22.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l12 12M6 18L18 6" })
+  ), /* @__PURE__ */ React22.createElement("span", { className: "sr-only" }, resolvedCloseLabel)), /* @__PURE__ */ React22.createElement("div", { className: bodyClassNameValue }, label ? /* @__PURE__ */ React22.createElement("div", { className: "canopy-modal__brand" }, /* @__PURE__ */ React22.createElement(
     CanopyBrand,
     {
       labelId: resolvedLabelId,
@@ -2426,10 +2668,10 @@ function CanopyModal(props = {}) {
 }
 // ui/src/layout/LanguageToggle.jsx
-import React23 from "react";
+import React24 from "react";
 // ui/src/layout/languageToggleShared.jsx
-import React22 from "react";
+import React23 from "react";
 function readBasePath3() {
   const normalize = (value) => {
     if (!value) return "";
@@ -2588,13 +2830,13 @@ function LanguageToggleControl({
   ].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 selectId = typeof React23.useId === "function" && resolvedControl === "select" ? React23.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) => {
+  const navigate = React23.useCallback((href) => {
     if (!href) return;
     try {
       if (typeof window !== "undefined" && window.location) {
@@ -2614,7 +2856,7 @@ function LanguageToggleControl({
     } catch (_) {
     }
   }, []);
-  const handleSelectChange = React22.useCallback(
+  const handleSelectChange = React23.useCallback(
     (event) => {
       if (!event || !event.target) return;
       const nextHref = event.target.value;
@@ -2623,15 +2865,15 @@ function LanguageToggleControl({
     },
     [navigate, selectedHref]
   );
-  const labelElement = showLabel && config.label ? resolvedControl === "select" ? /* @__PURE__ */ React22.createElement(
+  const labelElement = showLabel && config.label ? resolvedControl === "select" ? /* @__PURE__ */ React23.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(
+  ) : /* @__PURE__ */ React23.createElement("span", { className: "canopy-language-toggle__label" }, config.label) : null;
+  return /* @__PURE__ */ React23.createElement("div", { className: classes || void 0 }, labelElement, resolvedControl === "select" ? /* @__PURE__ */ React23.createElement("div", { className: "canopy-language-toggle__select" }, /* @__PURE__ */ React23.createElement(
     "select",
     {
       id: selectId,
@@ -2641,7 +2883,7 @@ function LanguageToggleControl({
       "aria-label": ariaLabel,
       "data-canopy-language-select": "true"
     },
-    links.map((link) => /* @__PURE__ */ React22.createElement(
+    links.map((link) => /* @__PURE__ */ React23.createElement(
       "option",
       {
         key: link.lang,
@@ -2651,7 +2893,7 @@ function LanguageToggleControl({
       },
       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(
+  )) : /* @__PURE__ */ React23.createElement("nav", { className: "canopy-language-toggle__nav", "aria-label": ariaLabel }, /* @__PURE__ */ React23.createElement("ul", { className: "canopy-language-toggle__list", role: "list" }, links.map((link) => /* @__PURE__ */ React23.createElement("li", { key: link.lang }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       type: "button",
@@ -2663,7 +2905,7 @@ function LanguageToggleControl({
       onClick: () => navigate(link.href)
     },
     link.label
-  ))))), /* @__PURE__ */ React22.createElement(LanguageToggleRuntime, null));
+  ))))), /* @__PURE__ */ React23.createElement(LanguageToggleRuntime, null));
 }
 function LanguageToggleRuntime() {
   const code = `
@@ -2723,7 +2965,7 @@ function LanguageToggleRuntime() {
   }
 })();
   `;
-  return /* @__PURE__ */ React22.createElement("script", { dangerouslySetInnerHTML: { __html: code } });
+  return /* @__PURE__ */ React23.createElement("script", { dangerouslySetInnerHTML: { __html: code } });
 }
 // ui/src/layout/LanguageToggle.jsx
@@ -2738,7 +2980,7 @@ function LanguageToggle({
   ariaLabel
 }) {
   const PageContext2 = getSafePageContext();
-  const context = React23.useContext(PageContext2);
+  const context = React24.useContext(PageContext2);
   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;
@@ -2747,7 +2989,7 @@ function LanguageToggle({
     resolvedToggle && typeof resolvedToggle.control === "string" ? resolvedToggle.control : null
   );
   const resolvedControl = normalizeControl(typeof control === "string" ? control : null) || toggleControl || "select";
-  const config = React23.useMemo(() => {
+  const config = React24.useMemo(() => {
     if (!resolvedToggle) return null;
     const base = buildLanguageToggleConfig(resolvedToggle, pageData);
     if (!base) return null;
@@ -2758,7 +3000,7 @@ function LanguageToggle({
     };
   }, [resolvedToggle, pageData, label, ariaLabel]);
   if (!config) return null;
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React24.createElement(
     LanguageToggleControl,
     {
       config,
@@ -3060,7 +3302,7 @@ function HeaderScript() {
   });
 })();
   `;
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement(
     "script",
     {
       dangerouslySetInnerHTML: {
@@ -3128,16 +3370,17 @@ function getLinkNavigationData(link, navigationRoots, sectionNavigation) {
 function CanopyHeader(props = {}) {
   const {
     navigation: navLinksProp,
-    searchLabel = "Search",
+    searchLabel: searchLabelProp,
     searchHotkey = "mod+k",
-    searchPlaceholder = "Search\u2026",
+    searchPlaceholder: searchPlaceholderProp,
     brandHref = "/",
     title: titleProp,
     logo: SiteLogo,
     languageToggle: languageToggleProp
   } = props;
   const PageContext2 = getSafePageContext();
-  const context = React24.useContext(PageContext2);
+  const context = React25.useContext(PageContext2);
+  const { getString, formatString } = useLocale2();
   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;
@@ -3153,6 +3396,32 @@ function CanopyHeader(props = {}) {
   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 resolvedSearchLabel = searchLabelProp != null ? searchLabelProp : getString("common.nouns.search", "Search");
+  const resolvedSearchPlaceholder = searchPlaceholderProp != null ? searchPlaceholderProp : getString("common.phrases.placeholder_search", "Search\u2026");
+  const primaryNavigationLabel = getString(
+    "common.nouns.primary_navigation",
+    "Primary navigation"
+  );
+  const openSearchButtonLabel = formatString(
+    "common.phrases.open_content",
+    "Open {content}",
+    { content: resolvedSearchLabel }
+  );
+  const openNavButtonLabel = formatString(
+    "common.phrases.open_content",
+    "Open {content}",
+    { content: primaryNavigationLabel }
+  );
+  const closeNavLabel = formatString(
+    "common.phrases.close_content",
+    "Close {content}",
+    { content: primaryNavigationLabel }
+  );
+  const closeSearchLabel = formatString(
+    "common.phrases.close_content",
+    "Close {content}",
+    { content: resolvedSearchLabel }
+  );
   const defaultHeaderTitle = contextSiteTitle || "Site title";
   const normalizedTitleProp = typeof titleProp === "string" ? titleProp.trim() : "";
   const resolvedTitle = normalizedTitleProp || defaultHeaderTitle;
@@ -3160,8 +3429,20 @@ function CanopyHeader(props = {}) {
   const navigationRoots = contextNavigation && contextNavigation.allRoots ? contextNavigation.allRoots : null;
   const sectionHeading = sectionNavigation && sectionNavigation.title || (sectionNavigation && sectionNavigation.root ? sectionNavigation.root.title : "");
   const hasSectionNav = !!(sectionNavigation && sectionNavigation.root && Array.isArray(sectionNavigation.root.children) && sectionNavigation.root.children.length);
-  const sectionLabel = sectionHeading ? `More in ${sectionHeading}` : "More in this section";
-  const sectionAriaLabel = sectionHeading ? `${sectionHeading} section navigation` : "Section navigation";
+  const sectionNavFallback = getString(
+    "common.nouns.section_navigation",
+    "Section navigation"
+  );
+  const sectionLabel = sectionHeading ? formatString(
+    "common.phrases.nav_label",
+    "{content} navigation",
+    { content: sectionHeading }
+  ) : sectionNavFallback;
+  const sectionAriaLabel = sectionHeading ? formatString(
+    "common.phrases.nav_label",
+    "{content} navigation",
+    { content: sectionHeading }
+  ) : sectionNavFallback;
   const defaultSectionLabel = sectionLabel;
   const defaultSectionAriaLabel = sectionAriaLabel;
   const shouldAttachSectionNav = (link) => {
@@ -3174,14 +3455,14 @@ function CanopyHeader(props = {}) {
     return !!(rootNode && Array.isArray(rootNode.children) && rootNode.children.length);
   };
   const hasIntegratedSectionNav = navLinks.some(shouldAttachSectionNav);
-  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(
     "header",
     {
       className: "canopy-header",
       "data-mobile-nav": "closed",
       "data-mobile-search": "closed"
     },
-    /* @__PURE__ */ React24.createElement("div", { className: "canopy-header__brand" }, /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement("div", { className: "canopy-header__brand" }, /* @__PURE__ */ React25.createElement(
       CanopyBrand,
       {
         label: resolvedTitle,
@@ -3190,22 +3471,22 @@ function CanopyHeader(props = {}) {
         Logo: SiteLogo
       }
     )),
-    /* @__PURE__ */ React24.createElement("div", { className: "canopy-header__desktop-search" }, /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement("div", { className: "canopy-header__desktop-search" }, /* @__PURE__ */ React25.createElement(
       SearchPanel,
       {
-        label: searchLabel,
+        label: resolvedSearchLabel,
         hotkey: searchHotkey,
-        placeholder: searchPlaceholder,
+        placeholder: resolvedSearchPlaceholder,
         searchPath: normalizedSearchRoute
       }
     )),
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       "nav",
       {
         className: "canopy-nav-links canopy-header__desktop-nav",
-        "aria-label": "Primary navigation"
+        "aria-label": primaryNavigationLabel
       },
-      navLinks.map((link) => /* @__PURE__ */ React24.createElement(
+      navLinks.map((link) => /* @__PURE__ */ React25.createElement(
         "a",
         {
           key: link.href,
@@ -3215,7 +3496,7 @@ function CanopyHeader(props = {}) {
         link.label || link.href
       ))
     ),
-    /* @__PURE__ */ React24.createElement("div", { className: "canopy-header__actions" }, resolvedLanguageToggle ? /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement("div", { className: "canopy-header__actions" }, resolvedLanguageToggle ? /* @__PURE__ */ React25.createElement(
       LanguageToggle,
       {
         languageToggle: resolvedLanguageToggle,
@@ -3223,17 +3504,17 @@ function CanopyHeader(props = {}) {
         variant: "desktop",
         className: "canopy-header__language-toggle canopy-header__language-toggle--desktop"
       }
-    ) : null, /* @__PURE__ */ React24.createElement(
+    ) : null, /* @__PURE__ */ React25.createElement(
       "button",
       {
         type: "button",
         className: "canopy-header__icon-button canopy-header__search-trigger",
-        "aria-label": "Open search",
+        "aria-label": openSearchButtonLabel,
         "aria-controls": "canopy-modal-search",
         "aria-expanded": "false",
         "data-canopy-header-toggle": "search"
       },
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3243,7 +3524,7 @@ function CanopyHeader(props = {}) {
           strokeWidth: "1.5",
           className: "canopy-header__search-icon"
         },
-        /* @__PURE__ */ React24.createElement(
+        /* @__PURE__ */ React25.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -3252,17 +3533,17 @@ function CanopyHeader(props = {}) {
           }
         )
       )
-    ), /* @__PURE__ */ React24.createElement(
+    ), /* @__PURE__ */ React25.createElement(
       "button",
       {
         type: "button",
         className: "canopy-header__icon-button canopy-header__menu",
-        "aria-label": "Open navigation",
+        "aria-label": openNavButtonLabel,
         "aria-controls": "canopy-modal-nav",
         "aria-expanded": "false",
         "data-canopy-header-toggle": "nav"
       },
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3272,7 +3553,7 @@ function CanopyHeader(props = {}) {
           stroke: "currentColor",
           className: "canopy-header__menu-icon"
         },
-        /* @__PURE__ */ React24.createElement(
+        /* @__PURE__ */ React25.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -3282,7 +3563,7 @@ function CanopyHeader(props = {}) {
         )
       )
     ))
-  ), /* @__PURE__ */ React24.createElement(
+  ), /* @__PURE__ */ React25.createElement(
     CanopyModal,
     {
       id: "canopy-modal-nav",
@@ -3291,10 +3572,10 @@ function CanopyHeader(props = {}) {
       label: resolvedTitle,
       logo: SiteLogo,
       href: brandHref,
-      closeLabel: "Close navigation",
+      closeLabel: closeNavLabel,
       closeDataAttr: "nav"
     },
-    resolvedLanguageToggle ? /* @__PURE__ */ React24.createElement(
+    resolvedLanguageToggle ? /* @__PURE__ */ React25.createElement(
       LanguageToggle,
       {
         languageToggle: resolvedLanguageToggle,
@@ -3303,13 +3584,13 @@ function CanopyHeader(props = {}) {
         className: "canopy-header__language-toggle canopy-header__language-toggle--mobile"
       }
     ) : null,
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       "nav",
       {
         className: "canopy-nav-links canopy-modal__nav",
-        "aria-label": "Primary navigation"
+        "aria-label": primaryNavigationLabel
       },
-      /* @__PURE__ */ React24.createElement("ul", { className: "canopy-modal__nav-list", role: "list" }, navLinks.map((link, index) => {
+      /* @__PURE__ */ React25.createElement("ul", { className: "canopy-modal__nav-list", role: "list" }, navLinks.map((link, index) => {
         const navData = getLinkNavigationData(
           link,
           navigationRoots,
@@ -3318,9 +3599,18 @@ function CanopyHeader(props = {}) {
         const navRoot = navData && navData.root ? navData.root : null;
         const hasChildren = !!(navRoot && Array.isArray(navRoot.children) && navRoot.children.length);
         const nestedId = hasChildren ? `canopy-modal-section-${index}` : null;
-        const toggleLabel = link.label ? `Toggle ${link.label} menu` : "Toggle section menu";
+        const toggleLabelTarget = link.label ? formatString(
+          "common.phrases.nav_label",
+          "{content} navigation",
+          { content: link.label }
+        ) : primaryNavigationLabel;
+        const toggleLabel = formatString(
+          "common.phrases.toggle_content",
+          "Toggle {content}",
+          { content: toggleLabelTarget }
+        );
         const defaultExpanded = hasChildren && !!navRoot.isExpanded;
-        return /* @__PURE__ */ React24.createElement(
+        return /* @__PURE__ */ React25.createElement(
           "li",
           {
             className: "canopy-modal__nav-item",
@@ -3329,7 +3619,7 @@ function CanopyHeader(props = {}) {
             "data-expanded": defaultExpanded ? "true" : "false",
             "data-default-expanded": defaultExpanded ? "true" : void 0
           },
-          /* @__PURE__ */ React24.createElement("div", { className: "canopy-modal__nav-row" }, /* @__PURE__ */ React24.createElement("a", { href: link.href }, link.label || link.href), hasChildren ? /* @__PURE__ */ React24.createElement(
+          /* @__PURE__ */ React25.createElement("div", { className: "canopy-modal__nav-row" }, /* @__PURE__ */ React25.createElement("a", { href: link.href }, link.label || link.href), hasChildren ? /* @__PURE__ */ React25.createElement(
             "button",
             {
               type: "button",
@@ -3339,7 +3629,7 @@ function CanopyHeader(props = {}) {
               "aria-label": toggleLabel,
               "data-canopy-nav-item-toggle": nestedId || void 0
             },
-            /* @__PURE__ */ React24.createElement(
+            /* @__PURE__ */ React25.createElement(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -3349,7 +3639,7 @@ function CanopyHeader(props = {}) {
                 strokeWidth: "1.5",
                 className: "canopy-modal__nav-toggle-icon"
               },
-              /* @__PURE__ */ React24.createElement(
+              /* @__PURE__ */ React25.createElement(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -3358,16 +3648,20 @@ function CanopyHeader(props = {}) {
                 }
               )
             ),
-            /* @__PURE__ */ React24.createElement("span", { className: "sr-only" }, toggleLabel)
+            /* @__PURE__ */ React25.createElement("span", { className: "sr-only" }, toggleLabel)
           ) : null),
-          hasChildren ? /* @__PURE__ */ React24.createElement(
+          hasChildren ? /* @__PURE__ */ React25.createElement(
             NavigationTree,
             {
               root: navRoot,
               parentKey: navData && navData.rootSegment ? navData.rootSegment : `root-${index}`,
               component: "div",
               className: "canopy-modal__section-nav canopy-modal__section-nav--nested",
-              "aria-label": navData && navData.title ? `${navData.title} section navigation` : defaultSectionAriaLabel,
+              "aria-label": navData && navData.title ? formatString(
+                "common.phrases.nav_label",
+                "{content} navigation",
+                { content: navData.title }
+              ) : defaultSectionAriaLabel,
               "aria-hidden": defaultExpanded ? "false" : "true",
               hidden: !defaultExpanded,
               id: nestedId || void 0
@@ -3376,7 +3670,7 @@ function CanopyHeader(props = {}) {
         );
       }))
     ),
-    hasSectionNav && !hasIntegratedSectionNav ? /* @__PURE__ */ React24.createElement(
+    hasSectionNav && !hasIntegratedSectionNav ? /* @__PURE__ */ React25.createElement(
       NavigationTree,
       {
         root: sectionNavigation.root,
@@ -3386,7 +3680,7 @@ function CanopyHeader(props = {}) {
         parentKey: "fallback-nav"
       }
     ) : null
-  ), /* @__PURE__ */ React24.createElement(
+  ), /* @__PURE__ */ React25.createElement(
     CanopyModal,
     {
       id: "canopy-modal-search",
@@ -3395,31 +3689,31 @@ function CanopyHeader(props = {}) {
       label: resolvedTitle,
       logo: SiteLogo,
       href: brandHref,
-      closeLabel: "Close search",
+      closeLabel: closeSearchLabel,
       closeDataAttr: "search",
       bodyClassName: "canopy-modal__body--search"
     },
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       SearchPanel,
       {
-        label: searchLabel,
+        label: resolvedSearchLabel,
         hotkey: searchHotkey,
-        placeholder: searchPlaceholder,
+        placeholder: resolvedSearchPlaceholder,
         searchPath: normalizedSearchRoute
       }
     )
-  ), /* @__PURE__ */ React24.createElement(HeaderScript, null));
+  ), /* @__PURE__ */ React25.createElement(HeaderScript, null));
 }
 // ui/src/layout/CanopyFooter.jsx
-import React25 from "react";
+import React26 from "react";
 function CanopyFooter({ className = "", children }) {
   const footerClassName = ["canopy-footer", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React25.createElement("footer", { className: footerClassName }, /* @__PURE__ */ React25.createElement("div", { className: "canopy-footer__inner" }, children));
+  return /* @__PURE__ */ React26.createElement("footer", { className: footerClassName }, /* @__PURE__ */ React26.createElement("div", { className: "canopy-footer__inner" }, children));
 }
 // ui/src/layout/TeaserCard.jsx
-import React26 from "react";
+import React27 from "react";
 function TeaserCard({
   href = "",
   title = "",
@@ -3440,7 +3734,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__ */ React26.createElement(
+  return /* @__PURE__ */ React27.createElement(
     Tag,
     {
       className: classes,
@@ -3448,7 +3742,7 @@ function TeaserCard({
       "data-canopy-item": href ? "" : void 0,
       ...rest
     },
-    showThumb ? /* @__PURE__ */ React26.createElement("div", { className: "canopy-search-teaser__thumb" }, /* @__PURE__ */ React26.createElement(
+    showThumb ? /* @__PURE__ */ React27.createElement("div", { className: "canopy-search-teaser__thumb" }, /* @__PURE__ */ React27.createElement(
       "img",
       {
         src: thumbnail,
@@ -3458,12 +3752,12 @@ function TeaserCard({
         className: "canopy-search-teaser__thumb-img"
       }
     )) : 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)
+    /* @__PURE__ */ React27.createElement("div", { className: "canopy-search-teaser__text" }, /* @__PURE__ */ React27.createElement("span", { className: "canopy-search-teaser__title" }, title || href || "Untitled"), metaLine ? /* @__PURE__ */ React27.createElement("span", { className: "canopy-search-teaser__meta" }, metaLine) : null)
   );
 }
 // ui/src/layout/GoogleAnalytics.jsx
-import React27 from "react";
+import React28 from "react";
 var GA_HOST = "https://www.googletagmanager.com/gtag/js";
 function GoogleAnalytics({ id }) {
   if (!id) return null;
@@ -3473,11 +3767,11 @@ function GoogleAnalytics({ id }) {
     gtag('js', new Date());
     gtag('config', '${id}');
   `;
-  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 } }));
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("script", { async: true, src: `${GA_HOST}?id=${encodeURIComponent(id)}` }), /* @__PURE__ */ React28.createElement("script", { dangerouslySetInnerHTML: { __html: inlineConfig } }));
 }
 // ui/src/layout/Container.jsx
-import React28 from "react";
+import React29 from "react";
 function Container({
   className = "",
   variant = "content",
@@ -3486,7 +3780,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__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement(
     "div",
     {
       className: classes,
@@ -3498,7 +3792,7 @@ function Container({
 }
 // ui/src/layout/Card.jsx
-import React29, { useEffect as useEffect6, useRef as useRef2, useState as useState5 } from "react";
+import React30, { useEffect as useEffect6, useRef as useRef2, useState as useState5 } from "react";
 var DEFAULT_CARD_ASPECT_RATIO = 4 / 3;
 function Card({
   href,
@@ -3562,8 +3856,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__ */ React29.createElement("figcaption", null, title && /* @__PURE__ */ React29.createElement("span", null, title), subtitle && /* @__PURE__ */ React29.createElement("span", null, subtitle), children);
-  return /* @__PURE__ */ React29.createElement(
+  const caption = /* @__PURE__ */ React30.createElement("figcaption", null, title && /* @__PURE__ */ React30.createElement("span", null, title), subtitle && /* @__PURE__ */ React30.createElement("span", null, subtitle), children);
+  return /* @__PURE__ */ React30.createElement(
     "a",
     {
       href,
@@ -3575,13 +3869,13 @@ function Card({
       "data-image-loaded": imageLoaded ? "true" : "false",
       ...rest
     },
-    /* @__PURE__ */ React29.createElement("figure", null, src ? ratio ? /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React30.createElement("figure", null, src ? ratio ? /* @__PURE__ */ React30.createElement(
       "div",
       {
         className: "canopy-card-media",
         style: { "--canopy-card-padding": `${paddingPercent}%` }
       },
-      inView ? /* @__PURE__ */ React29.createElement(
+      inView ? /* @__PURE__ */ React30.createElement(
         "img",
         {
           src,
@@ -3592,7 +3886,7 @@ function Card({
           onError: () => setImageLoaded(true)
         }
       ) : null
-    ) : /* @__PURE__ */ React29.createElement(
+    ) : /* @__PURE__ */ React30.createElement(
       "img",
       {
         src,
@@ -3608,13 +3902,13 @@ function Card({
 }
 // ui/src/content/ReferencedItems.jsx
-import React30 from "react";
+import React31 from "react";
 import navigationHelpers4 from "@canopy-iiif/app/lib/components/navigation.js";
 function useReferencedItems(itemsProp) {
   if (Array.isArray(itemsProp)) return itemsProp;
   const PageContext2 = navigationHelpers4 && typeof navigationHelpers4.getPageContext === "function" ? navigationHelpers4.getPageContext() : null;
   if (!PageContext2) return [];
-  const context = React30.useContext(PageContext2);
+  const context = React31.useContext(PageContext2);
   const items = context && context.page ? context.page.referencedItems : null;
   return Array.isArray(items) ? items : [];
 }
@@ -3634,13 +3928,13 @@ function ReferencedItems({
       "referenced-items--empty",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ React30.createElement("div", { className: emptyClass, ...rest }, typeof emptyLabel === "function" ? emptyLabel() : emptyLabel);
+    return /* @__PURE__ */ React31.createElement("div", { className: emptyClass, ...rest }, typeof emptyLabel === "function" ? emptyLabel() : emptyLabel);
   }
   const containerClassName = ["referenced-items", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React30.createElement("section", { className: containerClassName, ...rest }, children, /* @__PURE__ */ React30.createElement("div", { className: "referenced-items__grid", role: "list" }, items.map((item) => {
+  return /* @__PURE__ */ React31.createElement("section", { className: containerClassName, ...rest }, children, /* @__PURE__ */ React31.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__ */ React30.createElement("div", { className: "referenced-items__item", role: "listitem", key }, /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React31.createElement("div", { className: "referenced-items__item", role: "listitem", key }, /* @__PURE__ */ React31.createElement(
       Card,
       {
         href: item.href,
@@ -3657,7 +3951,7 @@ function ReferencedItems({
 }
 // ui/src/content/References.jsx
-import React31 from "react";
+import React32 from "react";
 import navigationHelpers5 from "@canopy-iiif/app/lib/components/navigation.js";
 import referenced from "@canopy-iiif/app/lib/components/referenced.js";
 function getPageContext() {
@@ -3681,14 +3975,16 @@ function resolveReferences(manifestId, contextList) {
 }
 function References({
   id = "",
-  title = "Referenced by",
+  title,
   emptyLabel = null,
   className = "",
   children,
   ...rest
 }) {
+  const { getString } = useLocale2();
+  const resolvedTitle = title != null ? title : getString("common.misc.referenced_by", "Referenced by");
   const PageContext2 = getPageContext();
-  const context = PageContext2 ? React31.useContext(PageContext2) : null;
+  const context = PageContext2 ? React32.useContext(PageContext2) : 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;
@@ -3697,12 +3993,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__ */ 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)))));
+  return /* @__PURE__ */ React32.createElement("dl", { className: containerClass, ...rest }, /* @__PURE__ */ React32.createElement("div", { className: "references__group" }, /* @__PURE__ */ React32.createElement("dt", null, resolvedTitle), entries.map((entry) => /* @__PURE__ */ React32.createElement("dd", { key: entry.href, className: "references__item" }, /* @__PURE__ */ React32.createElement("a", { href: entry.href }, entry.title || entry.href)))));
 }
 // ui/src/content/Index.jsx
 var import_slugify = __toESM(require_slugify());
-import React32 from "react";
+import React33 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 };
@@ -3865,7 +4161,7 @@ function Index({
   const entries = filterByLabel(data, label);
   if (!entries.length) return null;
   const containerClass = ["canopy-index", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React32.createElement("div", { className: containerClass, ...rest }, entries.map((entry) => /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React33.createElement("div", { className: containerClass, ...rest }, entries.map((entry) => /* @__PURE__ */ React33.createElement(
     IndexGroup,
     {
       key: entry.slug || entry.label,
@@ -3876,7 +4172,7 @@ function Index({
       expandLabel,
       collapseLabel
     }
-  )), /* @__PURE__ */ React32.createElement(
+  )), /* @__PURE__ */ React33.createElement(
     "script",
     {
       "data-canopy-index-script": "",
@@ -3893,10 +4189,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__ */ 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) => {
+  return /* @__PURE__ */ React33.createElement("dl", { className: "canopy-index__group", "data-canopy-index-group": "", "data-expanded": "0" }, /* @__PURE__ */ React33.createElement("dt", null, label), /* @__PURE__ */ React33.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__ */ React32.createElement("dd", { key }, href ? /* @__PURE__ */ React32.createElement(
+    return /* @__PURE__ */ React33.createElement("dd", { key }, href ? /* @__PURE__ */ React33.createElement(
       "a",
       {
         href,
@@ -3909,7 +4205,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__ */ React32.createElement("dd", { key, "data-canopy-index-hidden": "", hidden: true }, href ? /* @__PURE__ */ React32.createElement(
+    return /* @__PURE__ */ React33.createElement("dd", { key, "data-canopy-index-hidden": "", hidden: true }, href ? /* @__PURE__ */ React33.createElement(
       "a",
       {
         href,
@@ -3919,7 +4215,7 @@ function IndexGroup({ label, labelSlug, values, limit, expandLabel, collapseLabe
       },
       value.value
     ) : value.value);
-  })), hasOverflow && /* @__PURE__ */ React32.createElement("div", { className: "canopy-index__more-wrapper" }, /* @__PURE__ */ React32.createElement(
+  })), hasOverflow && /* @__PURE__ */ React33.createElement("div", { className: "canopy-index__more-wrapper" }, /* @__PURE__ */ React33.createElement(
     "button",
     {
       type: "button",
@@ -3933,7 +4229,7 @@ function IndexGroup({ label, labelSlug, values, limit, expandLabel, collapseLabe
 }
 // ui/src/content/Bibliography.jsx
-import React33 from "react";
+import React34 from "react";
 import bibliography from "@canopy-iiif/app/lib/components/bibliography.js";
 function resolveHeadingTag(tag, fallback) {
   if (typeof tag === "string" && tag.trim()) return tag;
@@ -3943,7 +4239,7 @@ function resolveHeadingTag(tag, fallback) {
 function NoteBody({ note }) {
   if (!note) return null;
   if (note.html) {
-    return /* @__PURE__ */ React33.createElement(
+    return /* @__PURE__ */ React34.createElement(
       "div",
       {
         className: "bibliography__note-body",
@@ -3952,7 +4248,7 @@ function NoteBody({ note }) {
     );
   }
   if (note.text) {
-    return /* @__PURE__ */ React33.createElement("div", { className: "bibliography__note-body" }, note.text);
+    return /* @__PURE__ */ React34.createElement("div", { className: "bibliography__note-body" }, note.text);
   }
   return null;
 }
@@ -3970,22 +4266,22 @@ function Bibliography({
   if (!entries.length) return null;
   const PageHeadingTag = resolveHeadingTag(pageHeadingTag, "h3");
   const rootClass = ["bibliography", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React33.createElement("section", { className: rootClass }, /* @__PURE__ */ React33.createElement("div", { className: "bibliography__pages" }, entries.map((entry) => {
+  return /* @__PURE__ */ React34.createElement("section", { className: rootClass }, /* @__PURE__ */ React34.createElement("div", { className: "bibliography__pages" }, entries.map((entry) => {
     const key = entry.href || entry.relativePath || entry.title;
     const pageTitle = entry.title || entry.href;
-    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) => {
+    return /* @__PURE__ */ React34.createElement("article", { key, className: "bibliography__page" }, /* @__PURE__ */ React34.createElement("header", { className: "bibliography__page-header" }, pageTitle ? /* @__PURE__ */ React34.createElement(PageHeadingTag, { className: "bibliography__page-title" }, pageTitle) : null, entry.href ? /* @__PURE__ */ React34.createElement("a", { className: "bibliography__page-link", href: entry.href }, entry.href) : null), /* @__PURE__ */ React34.createElement("ol", { className: "bibliography__notes" }, (entry.footnotes || []).map((note, idx) => {
       const noteKey = `${key || "entry"}-${note.identifier || idx}`;
-      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 }));
+      return /* @__PURE__ */ React34.createElement("li", { key: noteKey, className: "bibliography__note" }, note.identifier ? /* @__PURE__ */ React34.createElement("span", { className: "bibliography__note-label" }, note.identifier) : null, /* @__PURE__ */ React34.createElement(NoteBody, { note }));
     })));
   })));
 }
 // ui/src/content/timeline/MdxTimeline.jsx
-import React37 from "react";
+import React38 from "react";
 import ReactDOMServer from "react-dom/server";
 // ui/src/content/timeline/Timeline.jsx
-import React35 from "react";
+import React36 from "react";
 // ui/src/content/timeline/date-utils.js
 var FALLBACK_LOCALE = (() => {
@@ -4146,7 +4442,7 @@ function clampProgress(value) {
 }
 // ui/src/layout/ReferencedManifestCard.jsx
-import React34 from "react";
+import React35 from "react";
 function normalizeMetadata(metadata, summary) {
   if (Array.isArray(metadata) && metadata.length) {
     return metadata.filter(Boolean);
@@ -4180,7 +4476,7 @@ function ReferencedManifestCard({
     "canopy-referenced-manifest-card",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(
     TeaserCard,
     {
       href: resolvedHref || void 0,
@@ -4362,14 +4658,14 @@ function TimelineConnector({ side, isActive, highlight }) {
     "canopy-timeline__connector-dot",
     highlight || isActive ? "is-active" : ""
   ].filter(Boolean).join(" ");
-  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" })));
+  return /* @__PURE__ */ React36.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React36.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement("span", { className: dotClasses }), /* @__PURE__ */ React36.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__ */ 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(
+  return /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React36.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React36.createElement(ReferencedManifestCard, { manifest }))), legacyResources.map((resource, idx) => /* @__PURE__ */ React36.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React36.createElement(
     TeaserCard,
     {
       href: resource.href,
@@ -4394,26 +4690,26 @@ function Timeline({
   ...rest
 }) {
   const payloadPoints = payload && Array.isArray(payload.points) ? payload.points : null;
-  const rawPoints = React35.useMemo(() => {
+  const rawPoints = React36.useMemo(() => {
     if (Array.isArray(pointsProp) && pointsProp.length) return pointsProp;
     if (payloadPoints && payloadPoints.length) return payloadPoints;
     return [];
   }, [pointsProp, payloadPoints]);
-  const sanitizedPoints = React35.useMemo(
+  const sanitizedPoints = React36.useMemo(
     () => sanitizePoints(rawPoints),
     [rawPoints]
   );
   const localeValue = payload && payload.locale ? payload.locale : localeProp;
-  const baseLocale = React35.useMemo(
+  const baseLocale = React36.useMemo(
     () => createLocale(localeValue),
     [localeValue]
   );
   const rangeInput = payload && payload.range ? payload.range : rangeProp || {};
-  const rangeOverrides = React35.useMemo(
+  const rangeOverrides = React36.useMemo(
     () => deriveRangeOverrides(sanitizedPoints, rangeInput),
     [sanitizedPoints, rangeInput]
   );
-  const effectiveRange = React35.useMemo(
+  const effectiveRange = React36.useMemo(
     () => normalizeRange({
       ...rangeOverrides,
       locale: baseLocale
@@ -4422,7 +4718,7 @@ function Timeline({
   );
   const spanStart = effectiveRange.startDate.getTime();
   const span = effectiveRange.span;
-  const pointsWithPosition = React35.useMemo(() => {
+  const pointsWithPosition = React36.useMemo(() => {
     if (!sanitizedPoints.length) return [];
     return sanitizedPoints.map((point, index) => {
       const timestamp = point.meta.timestamp;
@@ -4436,29 +4732,29 @@ function Timeline({
       };
     });
   }, [sanitizedPoints, spanStart, span]);
-  const [activeId, setActiveId] = React35.useState(
+  const [activeId, setActiveId] = React36.useState(
     () => getActivePointId(pointsWithPosition)
   );
-  React35.useEffect(() => {
+  React36.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 = React35.useMemo(
+  const thresholdMs = React36.useMemo(
     () => getThresholdMs(thresholdValue, effectiveRange.granularity),
     [thresholdValue, effectiveRange.granularity]
   );
-  const groupedEntries = React35.useMemo(
+  const groupedEntries = React36.useMemo(
     () => buildGroupedEntries(pointsWithPosition, thresholdMs, {
       granularity: effectiveRange.granularity,
       locale: baseLocale
     }),
     [pointsWithPosition, thresholdMs, effectiveRange.granularity, baseLocale]
   );
-  const [expandedGroupIds, setExpandedGroupIds] = React35.useState(
+  const [expandedGroupIds, setExpandedGroupIds] = React36.useState(
     () => /* @__PURE__ */ new Set()
   );
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     setExpandedGroupIds((prev) => {
       if (!prev || prev.size === 0) return prev;
       const validIds = new Set(
@@ -4473,7 +4769,7 @@ function Timeline({
       return changed ? next : prev;
     });
   }, [groupedEntries]);
-  const toggleGroup = React35.useCallback((groupId) => {
+  const toggleGroup = React36.useCallback((groupId) => {
     setExpandedGroupIds((prev) => {
       const next = new Set(prev || []);
       if (next.has(groupId)) next.delete(groupId);
@@ -4496,7 +4792,7 @@ function Timeline({
       point.id === activeId ? "is-active" : "",
       point.highlight ? "is-highlighted" : ""
     ].filter(Boolean).join(" ");
-    const connector = /* @__PURE__ */ React35.createElement(
+    const connector = /* @__PURE__ */ React36.createElement(
       TimelineConnector,
       {
         side: point.side,
@@ -4504,9 +4800,9 @@ function Timeline({
         highlight: point.highlight
       }
     );
-    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 body = /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label), /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-title" }, point.title), point.summary ? /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-summary" }, point.summary) : null);
     const resourceSection = renderResourceSection(point);
-    return /* @__PURE__ */ React35.createElement(
+    return /* @__PURE__ */ React36.createElement(
       "div",
       {
         key: point.id,
@@ -4514,7 +4810,7 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      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))
+      point.side === "left" ? /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, connector, /* @__PURE__ */ React36.createElement("div", { className: cardClasses }, body, resourceSection))
     );
   }
   function renderGroupEntry(entry) {
@@ -4525,7 +4821,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__ */ React35.createElement(
+    const connector = /* @__PURE__ */ React36.createElement(
       TimelineConnector,
       {
         side: entry.side,
@@ -4539,7 +4835,7 @@ function Timeline({
       hasActivePoint ? "is-active" : ""
     ].filter(Boolean).join(" ");
     const countLabel = `${entry.count} event${entry.count > 1 ? "s" : ""}`;
-    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(
+    const header = /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React36.createElement(
       "button",
       {
         type: "button",
@@ -4549,7 +4845,7 @@ function Timeline({
       },
       isExpanded ? "Hide details" : "Show details"
     ));
-    const groupPoints = isExpanded ? /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React35.createElement(
+    const groupPoints = isExpanded ? /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point) => /* @__PURE__ */ React36.createElement(
       "button",
       {
         key: point.id,
@@ -4560,11 +4856,11 @@ function Timeline({
         ].filter(Boolean).join(" "),
         onClick: () => setActiveId(point.id)
       },
-      /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
-      /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
+      /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__point-date" }, point.meta.label),
+      /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__group-point-title" }, point.title)
     ))) : null;
-    const groupCard = /* @__PURE__ */ React35.createElement("div", { className: groupClasses }, header, groupPoints);
-    return /* @__PURE__ */ React35.createElement(
+    const groupCard = /* @__PURE__ */ React36.createElement("div", { className: groupClasses }, header, groupPoints);
+    return /* @__PURE__ */ React36.createElement(
       "div",
       {
         key: entry.id,
@@ -4572,17 +4868,17 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      entry.side === "left" ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, groupCard, connector) : /* @__PURE__ */ React35.createElement(React35.Fragment, null, connector, groupCard)
+      entry.side === "left" ? /* @__PURE__ */ React36.createElement(React36.Fragment, null, groupCard, connector) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, connector, groupCard)
     );
   }
-  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(
+  return /* @__PURE__ */ React36.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React36.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React36.createElement(
     "div",
     {
       className: "canopy-timeline__list",
       role: "list",
       style: { minHeight: trackHeight }
     },
-    /* @__PURE__ */ React35.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
+    /* @__PURE__ */ React36.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
     renderSteps(stepsValue, effectiveRange),
     groupedEntries.map((entry) => {
       if (entry.type === "group") return renderGroupEntry(entry);
@@ -4597,7 +4893,7 @@ function renderSteps(stepSize, range) {
   const markers = [];
   if (startYear < endYear) {
     markers.push(
-      /* @__PURE__ */ React35.createElement(
+      /* @__PURE__ */ React36.createElement(
         "span",
         {
           key: "timeline-step-start",
@@ -4605,12 +4901,12 @@ function renderSteps(stepSize, range) {
           style: { top: "0%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
       )
     );
     markers.push(
-      /* @__PURE__ */ React35.createElement(
+      /* @__PURE__ */ React36.createElement(
         "span",
         {
           key: "timeline-step-end",
@@ -4618,8 +4914,8 @@ function renderSteps(stepSize, range) {
           style: { top: "100%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
       )
     );
   }
@@ -4629,7 +4925,7 @@ function renderSteps(stepSize, range) {
     const progress = (timestamp - range.startDate.getTime()) / range.span;
     if (progress <= 0 || progress >= 1) continue;
     markers.push(
-      /* @__PURE__ */ React35.createElement(
+      /* @__PURE__ */ React36.createElement(
         "span",
         {
           key: `timeline-step-${year}`,
@@ -4637,8 +4933,8 @@ function renderSteps(stepSize, range) {
           style: { top: `calc(${progress * 100}% - 0.5px)` },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React35.createElement("span", { className: "canopy-timeline__step-label" }, year)
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React36.createElement("span", { className: "canopy-timeline__step-label" }, year)
       )
     );
   }
@@ -4652,7 +4948,7 @@ function TimelinePoint() {
 TimelinePoint.displayName = "TimelinePoint";
 // ui/src/utils/manifestReferences.js
-import React36 from "react";
+import React37 from "react";
 var CONTEXT_KEY2 = typeof Symbol === "function" ? Symbol.for("__CANOPY_PAGE_CONTEXT__") : "__CANOPY_PAGE_CONTEXT__";
 function getGlobalRoot() {
   if (typeof globalThis !== "undefined") return globalThis;
@@ -4663,7 +4959,7 @@ function getGlobalRoot() {
 function getPageContext2() {
   const root = getGlobalRoot();
   if (root && root[CONTEXT_KEY2]) return root[CONTEXT_KEY2];
-  const ctx = React36.createContext({
+  const ctx = React37.createContext({
     navigation: null,
     page: null,
     site: null,
@@ -4687,7 +4983,7 @@ function normalizeManifestId(raw) {
     return String(raw || "").trim();
   }
 }
-var PageContextFallback = React36.createContext(null);
+var PageContextFallback = React37.createContext(null);
 var referencedModule = null;
 var REFERENCED_SPEC = "@canopy-iiif/app/lib/components/referenced.js";
 function getReferencedModule() {
@@ -4713,9 +5009,9 @@ function getReferencedModule() {
 }
 function useReferencedManifestMap() {
   const PageContext2 = getPageContext2() || PageContextFallback;
-  const pageContext = React36.useContext(PageContext2);
+  const pageContext = React37.useContext(PageContext2);
   const referencedItems = pageContext && pageContext.page && Array.isArray(pageContext.page.referencedItems) ? pageContext.page.referencedItems : [];
-  return React36.useMemo(() => {
+  return React37.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     referencedItems.forEach((item) => {
       if (!item) return;
@@ -4826,7 +5122,7 @@ function normalizeResource(resource, index) {
 }
 function normalizePoint(child, index, options) {
   var _a, _b, _c, _d, _e, _f;
-  if (!React37.isValidElement(child)) return null;
+  if (!React38.isValidElement(child)) return null;
   if (child.type !== TimelinePoint && ((_a = child.type) == null ? void 0 : _a.displayName) !== "TimelinePoint")
     return null;
   const props = child.props || {};
@@ -4842,7 +5138,7 @@ function normalizePoint(child, index, options) {
   try {
     if (props.children) {
       detailsHtml = ReactDOMServer.renderToStaticMarkup(
-        React37.createElement(React37.Fragment, null, props.children)
+        React38.createElement(React38.Fragment, null, props.children)
       );
     }
   } catch (_) {
@@ -4891,7 +5187,7 @@ function MdxTimeline({ children, ...rest }) {
   const localeObj = createLocale(localeValue);
   const localeBase = typeof localeObj === "string" ? localeObj : localeObj.baseName || "en-US";
   const manifestMap = useReferencedManifestMap();
-  const childArray = React37.Children.toArray(children);
+  const childArray = React38.Children.toArray(children);
   const points = childArray.map(
     (child, index) => normalizePoint(child, index, {
       range: rest.range || {},
@@ -4907,7 +5203,7 @@ function MdxTimeline({ children, ...rest }) {
     steps: rest.steps != null ? rest.steps : null
   };
   const json = serializeForScript(serializeProps(rest, payload, localeBase));
-  return /* @__PURE__ */ React37.createElement("div", { "data-canopy-timeline": "1" }, /* @__PURE__ */ React37.createElement(Timeline, { ...rest, __canopyTimeline: payload }), /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement("div", { "data-canopy-timeline": "1" }, /* @__PURE__ */ React38.createElement(Timeline, { ...rest, __canopyTimeline: payload }), /* @__PURE__ */ React38.createElement(
     "script",
     {
       type: "application/json",
@@ -4917,7 +5213,7 @@ function MdxTimeline({ children, ...rest }) {
 }
 // ui/src/content/map/MdxMap.jsx
-import React38 from "react";
+import React39 from "react";
 import ReactDOMServer2 from "react-dom/server";
 // ui/src/content/map/MapPoint.jsx
@@ -4952,7 +5248,7 @@ function renderDetailsHtml(children) {
   if (!children) return "";
   try {
     return ReactDOMServer2.renderToStaticMarkup(
-      React38.createElement(React38.Fragment, null, children)
+      React39.createElement(React39.Fragment, null, children)
     );
   } catch (_) {
     return "";
@@ -4985,7 +5281,7 @@ function pickManifestSummary(manifest) {
 }
 function normalizeCustomPoint(child, index, manifestMap) {
   var _a;
-  if (!React38.isValidElement(child)) return null;
+  if (!React39.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;
@@ -5048,7 +5344,7 @@ function normalizeCustomPoint(child, index, manifestMap) {
   };
 }
 function normalizeCustomPoints(children, manifestMap) {
-  return React38.Children.toArray(children).map((child, index) => normalizeCustomPoint(child, index, manifestMap)).filter(Boolean);
+  return React39.Children.toArray(children).map((child, index) => normalizeCustomPoint(child, index, manifestMap)).filter(Boolean);
 }
 function normalizeHeight(value) {
   if (value == null) return "600px";
@@ -5225,11 +5521,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__ */ 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 } }));
+  return /* @__PURE__ */ React39.createElement("div", { "data-canopy-map": "1" }, /* @__PURE__ */ React39.createElement("div", { ...placeholderProps, "aria-live": "polite" }, /* @__PURE__ */ React39.createElement("div", { className: "canopy-map__status" }, "Loading map\u2026")), /* @__PURE__ */ React39.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 // ui/src/content/gallery/Gallery.jsx
-import React39 from "react";
+import React40 from "react";
 var INLINE_SCRIPT2 = `(() => {
   if (typeof window === 'undefined') return;
   if (window.__canopyGalleryBound) return;
@@ -5740,7 +6036,7 @@ function shuffleItems(list) {
 function renderMetaList(meta, className) {
   const entries = ensureArray2(meta).filter((entry) => entry || entry === 0);
   if (!entries.length) return null;
-  return /* @__PURE__ */ React39.createElement("ul", { className, role: "list" }, entries.map((entry, index) => /* @__PURE__ */ React39.createElement("li", { key: `meta-${index}` }, entry)));
+  return /* @__PURE__ */ React40.createElement("ul", { className, role: "list" }, entries.map((entry, index) => /* @__PURE__ */ React40.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;
@@ -5748,7 +6044,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__ */ React39.createElement(
+    return /* @__PURE__ */ React40.createElement(
       "img",
       {
         src: source,
@@ -5759,7 +6055,7 @@ function renderPreview(props = {}) {
       }
     );
   }
-  return /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__placeholder", "aria-hidden": "true" });
+  return /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__placeholder", "aria-hidden": "true" });
 }
 function renderFlexibleContent(content, options = {}) {
   var _a, _b;
@@ -5772,25 +6068,25 @@ function renderFlexibleContent(content, options = {}) {
   if (content == null || content === false) return null;
   const isPrimitive = typeof content === "string" || typeof content === "number" || typeof content === "bigint";
   if (isPrimitive) {
-    return /* @__PURE__ */ React39.createElement(InlineTag, { className, id }, content);
+    return /* @__PURE__ */ React40.createElement(InlineTag, { className, id }, content);
   }
-  if (React39.isValidElement(content)) {
-    if (content.type === React39.Fragment) {
-      return /* @__PURE__ */ React39.createElement(BlockTag, { className, id }, content);
+  if (React40.isValidElement(content)) {
+    if (content.type === React40.Fragment) {
+      return /* @__PURE__ */ React40.createElement(BlockTag, { className, id }, content);
     }
     const mergedClassName = [(_a = content.props) == null ? void 0 : _a.className, className].filter(Boolean).join(" ");
-    return React39.cloneElement(content, {
+    return React40.cloneElement(content, {
       ...content.props,
       className: mergedClassName || void 0,
       id: ((_b = content.props) == null ? void 0 : _b.id) || id
     });
   }
   const FallbackTag = BlockTag;
-  return /* @__PURE__ */ React39.createElement(FallbackTag, { className, id }, content);
+  return /* @__PURE__ */ React40.createElement(FallbackTag, { className, id }, content);
 }
 function normalizeItem(child, index, galleryId, manifestMap) {
   var _a;
-  if (!React39.isValidElement(child)) return null;
+  if (!React40.isValidElement(child)) return null;
   if (child.type !== GalleryItem && ((_a = child.type) == null ? void 0 : _a.displayName) !== "GalleryItem")
     return null;
   const props = child.props || {};
@@ -5865,7 +6161,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__ */ 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, renderFlexibleContent(summary, {
+  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, kicker ? /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__kicker" }, kicker) : null, itemProps.title ? /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__title-text" }, itemProps.title) : null, renderFlexibleContent(summary, {
     inlineTag: "span",
     blockTag: "div",
     className: "canopy-gallery__summary"
@@ -5887,7 +6183,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__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(
     "div",
     {
       id: modalId,
@@ -5900,14 +6196,14 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
       "data-canopy-gallery-modal": "true",
       "data-canopy-gallery-close": closeTargetId
     },
-    /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React40.createElement(
       GalleryThumbnailNav,
       {
         items: navItems,
         activeModalId: modalId,
         groupName: `${navGroupName || "canopy-gallery"}-${modalId}`
       }
-    ), /* @__PURE__ */ React39.createElement(
+    ), /* @__PURE__ */ React40.createElement(
       "a",
       {
         className: "canopy-gallery__modal-close",
@@ -5915,7 +6211,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         "aria-label": `Close popup for ${modalTitle}`
       },
       "X"
-    )), /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React39.createElement(
+    )), /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React40.createElement(
       "button",
       {
         type: "button",
@@ -5923,7 +6219,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         "aria-label": "Scroll left through gallery thumbnails",
         "data-canopy-gallery-nav-prev": "true"
       },
-      /* @__PURE__ */ React39.createElement(
+      /* @__PURE__ */ React40.createElement(
         "span",
         {
           className: "canopy-gallery__nav-button-icon",
@@ -5932,8 +6228,8 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         },
         "<"
       ),
-      /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
-    ), /* @__PURE__ */ React39.createElement(
+      /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
+    ), /* @__PURE__ */ React40.createElement(
       "button",
       {
         type: "button",
@@ -5941,7 +6237,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         "aria-label": "Scroll right through gallery thumbnails",
         "data-canopy-gallery-nav-next": "true"
       },
-      /* @__PURE__ */ React39.createElement(
+      /* @__PURE__ */ React40.createElement(
         "span",
         {
           className: "canopy-gallery__nav-button-icon",
@@ -5950,8 +6246,8 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         },
         ">"
       ),
-      /* @__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), renderFlexibleContent(summary, {
+      /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
+    ), /* @__PURE__ */ React40.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React40.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React40.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), renderFlexibleContent(summary, {
       inlineTag: "p",
       blockTag: "div",
       className: "canopy-gallery__modal-summary",
@@ -5959,20 +6255,20 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
     }), renderMetaList(
       props.meta,
       "canopy-gallery__meta canopy-gallery__meta--modal"
-    ), 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)))
+    ), manifests && manifests.length ? manifests.map((manifest) => /* @__PURE__ */ React40.createElement("a", { key: manifest.id || manifest.href, href: manifest.href }, manifest.title || manifest.href)) : null)), /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-body" }, props.children)))
   );
 }
 function GalleryFigure({ item }) {
   const { props, modalId, triggerLabel } = item;
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(
     "figure",
     {
       className: "canopy-gallery__item",
       "data-gallery-item-index": item.index
     },
-    /* @__PURE__ */ React39.createElement("div", { className: "canopy-gallery__media" }, renderPreview(props)),
-    /* @__PURE__ */ React39.createElement("figcaption", { className: "canopy-gallery__caption" }, buildCaptionContent(props)),
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__media" }, renderPreview(props)),
+    /* @__PURE__ */ React40.createElement("figcaption", { className: "canopy-gallery__caption" }, buildCaptionContent(props)),
+    /* @__PURE__ */ React40.createElement(
       "a",
       {
         className: "canopy-gallery__trigger",
@@ -5982,27 +6278,27 @@ function GalleryFigure({ item }) {
         "aria-label": triggerLabel,
         "data-canopy-gallery-trigger": modalId
       },
-      /* @__PURE__ */ React39.createElement("span", { className: "canopy-gallery__trigger-label" }, triggerLabel)
+      /* @__PURE__ */ React40.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__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(
     "nav",
     {
       className: "canopy-gallery__nav",
       "aria-label": "Gallery navigation",
       "data-canopy-gallery-nav": "true"
     },
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React40.createElement(
       "div",
       {
         className: "canopy-gallery__nav-viewport",
         "data-canopy-gallery-nav-viewport": "true"
       },
-      /* @__PURE__ */ React39.createElement(
+      /* @__PURE__ */ React40.createElement(
         "ul",
         {
           className: "canopy-gallery__nav-list",
@@ -6012,7 +6308,7 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
         items.map((item, index) => {
           const optionId = `${radioGroup}-${item.modalId || index}`;
           const isActive = item.modalId === activeModalId;
-          return /* @__PURE__ */ React39.createElement(
+          return /* @__PURE__ */ React40.createElement(
             "li",
             {
               key: `${item.key}-nav`,
@@ -6020,7 +6316,7 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
               "data-canopy-gallery-nav-item": "true",
               "data-canopy-gallery-nav-selected": isActive ? "1" : void 0
             },
-            /* @__PURE__ */ React39.createElement(
+            /* @__PURE__ */ React40.createElement(
               "input",
               {
                 type: "radio",
@@ -6036,15 +6332,15 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
                 "data-canopy-gallery-nav-selected": isActive ? "1" : void 0
               }
             ),
-            /* @__PURE__ */ React39.createElement(
+            /* @__PURE__ */ React40.createElement(
               "label",
               {
                 className: "canopy-gallery__nav-link",
                 htmlFor: optionId,
                 "data-canopy-gallery-nav-active": isActive ? "1" : void 0
               },
-              /* @__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}`)
+              /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__nav-thumb" }, renderPreview(item.props)),
+              /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__nav-label" }, item.props.title || `Item ${item.index + 1}`)
             )
           );
         })
@@ -6057,7 +6353,7 @@ function GalleryContent({ children, flex = false }) {
     "canopy-gallery-item__content",
     flex ? "canopy-gallery-item__content_flex" : null
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React39.createElement("div", { className: contentClassName }, children);
+  return /* @__PURE__ */ React40.createElement("div", { className: contentClassName }, children);
 }
 function GalleryItem() {
   return null;
@@ -6081,7 +6377,7 @@ function Gallery({
   const galleryId = id ? String(id) : nextGalleryInstanceId();
   const HeadingTag = "h3";
   const closeTargetId = `${galleryId}-close`;
-  const childArray = React39.Children.toArray(children);
+  const childArray = React40.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);
@@ -6093,7 +6389,7 @@ function Gallery({
     className
   ].filter(Boolean).join(" ");
   const navGroupName = `${galleryId}-nav`;
-  return /* @__PURE__ */ React39.createElement("section", { className: rootClassName, style, "data-canopy-gallery": "true" }, /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement("section", { className: rootClassName, style, "data-canopy-gallery": "true" }, /* @__PURE__ */ React40.createElement(
     "div",
     {
       id: closeTargetId,
@@ -6101,7 +6397,7 @@ function Gallery({
       "aria-hidden": "true",
       tabIndex: -1
     }
-  ), (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(
+  ), (title || description) && /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__header" }, title ? /* @__PURE__ */ React40.createElement(HeadingTag, { className: "canopy-gallery__heading" }, title) : null, description ? /* @__PURE__ */ React40.createElement("p", { className: "canopy-gallery__description" }, description) : null), /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__grid" }, orderedItems.map((item) => /* @__PURE__ */ React40.createElement(GalleryFigure, { key: item.key, item }))), /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modals" }, orderedItems.map((item) => /* @__PURE__ */ React40.createElement(
     GalleryModal,
     {
       key: `${item.modalId}-modal`,
@@ -6110,7 +6406,7 @@ function Gallery({
       navItems: orderedItems,
       navGroupName
     }
-  ))), /* @__PURE__ */ React39.createElement(
+  ))), /* @__PURE__ */ React40.createElement(
     "script",
     {
       "data-canopy-gallery-script": "true",
@@ -6122,7 +6418,7 @@ Gallery.Item = GalleryItem;
 Gallery.Content = GalleryContent;
 // ui/src/search/MdxSearchResults.jsx
-import React40 from "react";
+import React41 from "react";
 function MdxSearchResults(props) {
   let json = "{}";
   try {
@@ -6130,11 +6426,11 @@ function MdxSearchResults(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React40.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React40.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React41.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React41.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 // ui/src/search/SearchSummary.jsx
-import React41 from "react";
+import React42 from "react";
 function SearchSummary(props) {
   let json = "{}";
   try {
@@ -6142,11 +6438,11 @@ function SearchSummary(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React41.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React41.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React42.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React42.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 // ui/src/search/MdxSearchTabs.jsx
-import React42 from "react";
+import React43 from "react";
 function MdxSearchTabs(props) {
   let json = "{}";
   try {
@@ -6154,11 +6450,11 @@ function MdxSearchTabs(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React42.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React42.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React43.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React43.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 // ui/src/search/MdxSearch.jsx
-import React43 from "react";
+import React44 from "react";
 function MdxSearch(props = {}) {
   const {
     layout,
@@ -6176,32 +6472,35 @@ function MdxSearch(props = {}) {
     resultsPayload.layout = layout;
   }
   const classes = ["canopy-search", className].filter(Boolean).join(" ");
-  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);
+  return /* @__PURE__ */ React44.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React44.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React44.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React44.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
 }
 // ui/src/search-form/MdxSearchFormModal.jsx
-import React44 from "react";
+import React45 from "react";
 function MdxSearchFormModal(props = {}) {
   const {
-    placeholder = "Search\u2026",
+    placeholder: placeholderProp,
     hotkey = "mod+k",
     maxResults = 8,
     groupOrder = ["work", "page"],
     button = true,
     // kept for backward compat; ignored by teaser form
-    buttonLabel = "Search",
+    buttonLabel: buttonLabelProp,
     label,
     searchPath = "/search"
   } = props || {};
-  const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
+  const { getString } = useLocale2();
+  const placeholder = placeholderProp != null ? placeholderProp : getString("common.phrases.placeholder_search", "Search\u2026");
+  const resolvedButtonLabel = buttonLabelProp != null ? buttonLabelProp : getString("common.nouns.search", "Search");
+  const text = typeof label === "string" && label.trim() ? label.trim() : resolvedButtonLabel;
   const resolvedSearchPath = resolveSearchPath(searchPath);
   const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };
-  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) } }));
+  return /* @__PURE__ */ React45.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React45.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React45.createElement(SearchPanelForm, { placeholder, buttonLabel: resolvedButtonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React45.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React45.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 // ui/src/iiif/ManifestPrimitives.jsx
 var import_slugify2 = __toESM(require_slugify());
-import React45 from "react";
+import React46 from "react";
 import {
   Label as CloverLabel,
   Metadata as CloverMetadata,
@@ -6342,7 +6641,7 @@ function MetadataFacetLink(props) {
   const valueSlug = facetSlug ? toValueSlug(text) : "";
   const href = facetSlug && valueSlug ? buildFacetSearchHref(facetSlug, valueSlug) : "";
   if (!href) return text;
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React46.createElement(
     "a",
     {
       href,
@@ -6368,7 +6667,7 @@ function buildFacetCustomValueContent(items, manifest) {
     seen.add(normalized);
     custom.push({
       matchingLabel: item.label,
-      Content: /* @__PURE__ */ React45.createElement(MetadataFacetLink, { facetSlug: facet.slug })
+      Content: /* @__PURE__ */ React46.createElement(MetadataFacetLink, { facetSlug: facet.slug })
     });
   }
   return custom;
@@ -6400,12 +6699,12 @@ function mergeCustomValueContent(userContent, autoContent) {
 function Label({ manifest, label, ...rest }) {
   const intl = label || manifest && manifest.label;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React45.createElement(CloverLabel, { label: intl, ...rest });
+  return /* @__PURE__ */ React46.createElement(CloverLabel, { label: intl, ...rest });
 }
 function Summary({ manifest, summary, ...rest }) {
   const intl = summary || manifest && manifest.summary;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React45.createElement(CloverSummary, { summary: intl, ...rest });
+  return /* @__PURE__ */ React46.createElement(CloverSummary, { summary: intl, ...rest });
 }
 function Metadata({ manifest, metadata, customValueContent, ...rest }) {
   const items = ensureMetadata(metadata || manifest && manifest.metadata);
@@ -6415,7 +6714,7 @@ function Metadata({ manifest, metadata, customValueContent, ...rest }) {
     customValueContent,
     autoCustomContent
   );
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React46.createElement(
     CloverMetadata,
     {
       metadata: items,
@@ -6429,17 +6728,17 @@ function RequiredStatement({ manifest, requiredStatement, ...rest }) {
   if (!stmt || !hasInternationalValue(stmt.label) || !hasInternationalValue(stmt.value)) {
     return null;
   }
-  return /* @__PURE__ */ React45.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
+  return /* @__PURE__ */ React46.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
 }
 // ui/src/iiif/Properties/Id.jsx
-import React46 from "react";
+import React47 from "react";
 function Id({ title = "IIIF Manifest", id, ...props }) {
-  return /* @__PURE__ */ React46.createElement("dl", null, /* @__PURE__ */ React46.createElement("dt", null, title), /* @__PURE__ */ React46.createElement("dd", null, /* @__PURE__ */ React46.createElement("a", { href: id }, id)));
+  return /* @__PURE__ */ React47.createElement("dl", null, /* @__PURE__ */ React47.createElement("dt", null, title), /* @__PURE__ */ React47.createElement("dd", null, /* @__PURE__ */ React47.createElement("a", { href: id }, id)));
 }
 // ui/src/docs/CodeBlock.jsx
-import React47 from "react";
+import React48 from "react";
 function parseHighlightAttr(attr) {
   if (!attr) return /* @__PURE__ */ new Set();
   const cleaned = String(attr || "").trim();
@@ -6485,10 +6784,10 @@ var highlightBaseStyle = {
 };
 function DocsCodeBlock(props = {}) {
   const { children, ...rest } = props;
-  const childArray = React47.Children.toArray(children);
-  const codeElement = childArray.find((el) => React47.isValidElement(el));
+  const childArray = React48.Children.toArray(children);
+  const codeElement = childArray.find((el) => React48.isValidElement(el));
   if (!codeElement || !codeElement.props) {
-    return React47.createElement("pre", props);
+    return React48.createElement("pre", props);
   }
   const {
     className = "",
@@ -6503,9 +6802,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] = React47.useState(false);
-  const buttonRef = React47.useRef(null);
-  const handleCopy = React47.useCallback(async () => {
+  const [copied, setCopied] = React48.useState(false);
+  const buttonRef = React48.useRef(null);
+  const handleCopy = React48.useCallback(async () => {
     const text = trimmedCode;
     try {
       if (typeof navigator !== "undefined" && navigator.clipboard && navigator.clipboard.writeText) {
@@ -6527,12 +6826,12 @@ function DocsCodeBlock(props = {}) {
       setCopied(false);
     }
   }, [trimmedCode]);
-  React47.useEffect(() => {
+  React48.useEffect(() => {
     if (buttonRef.current) {
       buttonRef.current.setAttribute("data-docs-copy-hydrated", "true");
     }
   }, []);
-  React47.useEffect(() => {
+  React48.useEffect(() => {
     if (!buttonRef.current) return;
     if (copied) buttonRef.current.setAttribute("data-docs-copy-active", "true");
     else buttonRef.current.removeAttribute("data-docs-copy-active");
@@ -6595,27 +6894,27 @@ function DocsCodeBlock(props = {}) {
     const highlight = highlightSet.has(lineNumber);
     const style = highlight ? { ...baseLineStyle, ...highlightBaseStyle } : baseLineStyle;
     const displayLine = line === "" ? " " : line;
-    return React47.createElement(
+    return React48.createElement(
       "span",
       {
         key: lineNumber,
         style,
         "data-docs-code-line": line
       },
-      React47.createElement("span", { style: lineContentStyle }, displayLine)
+      React48.createElement("span", { style: lineContentStyle }, displayLine)
     );
   });
-  return React47.createElement(
+  return React48.createElement(
     "div",
     {
       style: containerStyle,
       "data-docs-code-block": "true"
     },
-    showHeader ? React47.createElement(
+    showHeader ? React48.createElement(
       "div",
       { style: headerStyle },
-      React47.createElement("span", null, showFilename ? filename : null),
-      enableCopy ? React47.createElement(
+      React48.createElement("span", null, showFilename ? filename : null),
+      enableCopy ? React48.createElement(
         "button",
         {
           ref: buttonRef,
@@ -6626,8 +6925,8 @@ function DocsCodeBlock(props = {}) {
           "data-docs-copy-button": "true",
           style: buttonStyle
         },
-        React47.createElement("span", null, "Copy"),
-        React47.createElement(
+        React48.createElement("span", null, "Copy"),
+        React48.createElement(
           "span",
           {
             "aria-hidden": "true",
@@ -6637,7 +6936,7 @@ function DocsCodeBlock(props = {}) {
         )
       ) : null
     ) : null,
-    enableCopy ? React47.createElement("textarea", {
+    enableCopy ? React48.createElement("textarea", {
       "data-docs-copy-source": "true",
       tabIndex: -1,
       readOnly: true,
@@ -6652,29 +6951,29 @@ function DocsCodeBlock(props = {}) {
         pointerEvents: "none"
       }
     }) : null,
-    React47.createElement(
+    React48.createElement(
       "pre",
       { ...preRest, className: preClassName, style: mergedPreStyle },
-      React47.createElement("code", { style: codeStyle }, lineElements)
+      React48.createElement("code", { style: codeStyle }, lineElements)
     )
   );
 }
 // ui/src/docs/MarkdownTable.jsx
-import React48 from "react";
+import React49 from "react";
 function MarkdownTable({ className = "", ...rest }) {
   const merged = ["markdown-table", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React48.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React48.createElement("table", { className: merged, ...rest }));
+  return /* @__PURE__ */ React49.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React49.createElement("table", { className: merged, ...rest }));
 }
 // ui/src/docs/Diagram.jsx
-import React49 from "react";
+import React50 from "react";
 function CanopyDiagram() {
-  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"))))));
+  return /* @__PURE__ */ React50.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React50.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React50.createElement("h3", null, "IIIF Providers"), /* @__PURE__ */ React50.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 45 manifests while 5 manifests are directly retrieved as-is via IIIF endpoints."), /* @__PURE__ */ React50.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React50.createElement("article", null, /* @__PURE__ */ React50.createElement("h4", null, "Collection A"), /* @__PURE__ */ React50.createElement("ul", null, /* @__PURE__ */ React50.createElement("li", null, "30 Manifests"), /* @__PURE__ */ React50.createElement("li", null, /* @__PURE__ */ React50.createElement("em", null, "Manuscripts")))), /* @__PURE__ */ React50.createElement("article", null, /* @__PURE__ */ React50.createElement("h4", null, "Collection B"), /* @__PURE__ */ React50.createElement("ul", null, /* @__PURE__ */ React50.createElement("li", null, "15 Manifests"), /* @__PURE__ */ React50.createElement("li", null, /* @__PURE__ */ React50.createElement("em", null, "Portraits")))), /* @__PURE__ */ React50.createElement("article", null, /* @__PURE__ */ React50.createElement("h4", null, "Manifests (direct)"), /* @__PURE__ */ React50.createElement("ul", null, /* @__PURE__ */ React50.createElement("li", null, "5 Manifests"), /* @__PURE__ */ React50.createElement("li", null, /* @__PURE__ */ React50.createElement("em", null, "Scrapbooks")))))), /* @__PURE__ */ React50.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React50.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React50.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React50.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React50.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React50.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy retrieves collections and syncs all manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React50.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React50.createElement("article", null, /* @__PURE__ */ React50.createElement("h4", null, "Automated content"), /* @__PURE__ */ React50.createElement("ul", null, /* @__PURE__ */ React50.createElement("li", null, "50 manifests \u2192 50 work pages"), /* @__PURE__ */ React50.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React50.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React50.createElement("article", null, /* @__PURE__ */ React50.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React50.createElement("ul", null, /* @__PURE__ */ React50.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React50.createElement("li", null, "Author narratives"), /* @__PURE__ */ React50.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React50.createElement("article", null, /* @__PURE__ */ React50.createElement("h4", null, "Search index"), /* @__PURE__ */ React50.createElement("ul", null, /* @__PURE__ */ React50.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React50.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React50.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React50.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React50.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React50.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React50.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React50.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React50.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__ */ React50.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React50.createElement("article", null, /* @__PURE__ */ React50.createElement("h4", null, "Work pages"), /* @__PURE__ */ React50.createElement("ul", null, /* @__PURE__ */ React50.createElement("li", null, "50 generated HTML pages"), /* @__PURE__ */ React50.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React50.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React50.createElement("article", null, /* @__PURE__ */ React50.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React50.createElement("ul", null, /* @__PURE__ */ React50.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React50.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React50.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React50.createElement("article", null, /* @__PURE__ */ React50.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React50.createElement("ul", null, /* @__PURE__ */ React50.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React50.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React50.createElement("li", null, "Optional annotation dataset"))))));
 }
 // ui/src/docs/ThemeShowcase.jsx
-import React50 from "react";
+import React51 from "react";
 // ../../node_modules/@radix-ui/colors/index.mjs
 var colors_exports = {};
@@ -10526,21 +10825,21 @@ var STEP_MAP = {
   800: 11,
   900: 12
 };
-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(
+var Section = ({ title, description, children }) => /* @__PURE__ */ React51.createElement("div", { className: "canopy-theme-showcase__section" }, /* @__PURE__ */ React51.createElement("h3", { className: "canopy-theme-showcase__section-title" }, title), description ? /* @__PURE__ */ React51.createElement("p", { className: "canopy-theme-showcase__section-description" }, description) : null, children);
+var ColorScaleRow = ({ label, prefix }) => /* @__PURE__ */ React51.createElement("div", { className: "canopy-theme-showcase__scale-row" }, /* @__PURE__ */ React51.createElement("div", { className: "canopy-theme-showcase__scale-label" }, /* @__PURE__ */ React51.createElement("strong", null, label)), /* @__PURE__ */ React51.createElement("div", { className: "canopy-theme-showcase__scale-track" }, COLOR_STOPS.map((stop) => /* @__PURE__ */ React51.createElement(
   "div",
   {
     key: `${label}-${stop}`,
     className: "canopy-theme-showcase__scale-stop"
   },
-  /* @__PURE__ */ React50.createElement(
+  /* @__PURE__ */ React51.createElement(
     "span",
     {
       className: "canopy-theme-showcase__scale-chip",
       style: { backgroundColor: `var(${prefix}-${stop})` }
     }
   ),
-  /* @__PURE__ */ React50.createElement("span", { className: "canopy-theme-showcase__scale-token" }, stop)
+  /* @__PURE__ */ React51.createElement("span", { className: "canopy-theme-showcase__scale-token" }, stop)
 ))));
 var AVAILABLE = new Set(
   Object.keys(colors_exports).filter(
@@ -10605,9 +10904,9 @@ var PREVIEW_DATA = buildPreviewData();
 function encodeJson(value) {
   return JSON.stringify(value).replace(/</g, "\\u003c");
 }
-var ColorsLabeled = ({ colors, type, getRadixSwatch }) => /* @__PURE__ */ React50.createElement("div", { className: "canopy-theme-showcase__swatch-grid" }, colors.map((name) => {
+var ColorsLabeled = ({ colors, type, getRadixSwatch }) => /* @__PURE__ */ React51.createElement("div", { className: "canopy-theme-showcase__swatch-grid" }, colors.map((name) => {
   const colorValue = getRadixSwatch(name);
-  return /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React51.createElement(
     "button",
     {
       key: `${type}-${name}`,
@@ -10618,14 +10917,14 @@ var ColorsLabeled = ({ colors, type, getRadixSwatch }) => /* @__PURE__ */ React5
       "data-theme-swatch-value": name,
       "aria-pressed": "false"
     },
-    /* @__PURE__ */ React50.createElement(
+    /* @__PURE__ */ React51.createElement(
       "span",
       {
         className: "canopy-theme-showcase__swatch-chip",
         style: { background: colorValue || "var(--color-gray-200)" }
       }
     ),
-    /* @__PURE__ */ React50.createElement("span", { className: "canopy-theme-showcase__swatch-label" }, name)
+    /* @__PURE__ */ React51.createElement("span", { className: "canopy-theme-showcase__swatch-label" }, name)
   );
 }));
 function ThemeShowcase() {
@@ -10785,7 +11084,7 @@ function ThemeShowcase() {
     .canopy-theme-showcase__swatch-controls { display: none; }
     .canopy-theme-showcase__clear-button { display: none; }
   `;
-  return /* @__PURE__ */ React50.createElement("div", { className: "canopy-theme-showcase", "data-theme-showcase": true }, /* @__PURE__ */ React50.createElement("style", { dangerouslySetInnerHTML: { __html: styles } }), /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React51.createElement("div", { className: "canopy-theme-showcase", "data-theme-showcase": true }, /* @__PURE__ */ React51.createElement("style", { dangerouslySetInnerHTML: { __html: styles } }), /* @__PURE__ */ React51.createElement(
     "div",
     {
       style: {
@@ -10796,18 +11095,18 @@ function ThemeShowcase() {
         marginBottom: "1rem"
       }
     },
-    /* @__PURE__ */ React50.createElement(
+    /* @__PURE__ */ React51.createElement(
       Section,
       {
         title: "Appearance",
         description: "Pick the base light or dark mode for the theme preview."
       },
-      /* @__PURE__ */ React50.createElement("div", { className: "canopy-theme-showcase__appearance-buttons" }, ["light", "dark"].map((mode) => {
+      /* @__PURE__ */ React51.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__ */ React50.createElement(
+        return /* @__PURE__ */ React51.createElement(
           "button",
           {
             key: mode,
@@ -10819,7 +11118,7 @@ function ThemeShowcase() {
         );
       }))
     ),
-    /* @__PURE__ */ React50.createElement(
+    /* @__PURE__ */ React51.createElement(
       "button",
       {
         type: "button",
@@ -10828,13 +11127,13 @@ function ThemeShowcase() {
       },
       "Reset"
     )
-  ), /* @__PURE__ */ React50.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     Section,
     {
       title: "Color scales",
       description: "Accent and gray ramps from the active theme."
     },
-    /* @__PURE__ */ React50.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" } }, COLOR_SCALES.map((scale) => /* @__PURE__ */ React50.createElement(
+    /* @__PURE__ */ React51.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" } }, COLOR_SCALES.map((scale) => /* @__PURE__ */ React51.createElement(
       ColorScaleRow,
       {
         key: scale.label,
@@ -10842,13 +11141,13 @@ function ThemeShowcase() {
         prefix: scale.prefix
       }
     )))
-  ), /* @__PURE__ */ React50.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     Section,
     {
       title: "Accent color palette options",
       description: "Click a swatch to temporarily override the accent palette."
     },
-    /* @__PURE__ */ React50.createElement(
+    /* @__PURE__ */ React51.createElement(
       ColorsLabeled,
       {
         colors: accentColors,
@@ -10856,13 +11155,13 @@ function ThemeShowcase() {
         getRadixSwatch
       }
     )
-  ), /* @__PURE__ */ React50.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     Section,
     {
       title: "Gray color palette options",
       description: "Click a swatch to preview the neutral ramp for surfaces and text."
     },
-    /* @__PURE__ */ React50.createElement(
+    /* @__PURE__ */ React51.createElement(
       ColorsLabeled,
       {
         colors: grayColors,
@@ -10870,7 +11169,7 @@ function ThemeShowcase() {
         getRadixSwatch
       }
     )
-  ), /* @__PURE__ */ React50.createElement(
+  ), /* @__PURE__ */ React51.createElement(
     "script",
     {
       type: "application/json",