@canopy-iiif/app 1.9.13 → 1.9.15

package/ui/dist/index.mjs

@@ -42,6 +42,94 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 
+// lib/default-locale.js
+var require_default_locale = __commonJS({
+  "lib/default-locale.js"(exports2, module2) {
+    "use strict";
+    module2.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/lodash-es/_freeGlobal.js
 var freeGlobal, freeGlobal_default;
 var init_freeGlobal = __esm({
@@ -43228,17 +43316,106 @@ function ButtonWrapper({
 }
 
 // ui/src/layout/CanopyHeader.jsx
-import React18 from "react";
+import React19 from "react";
 
 // ui/src/search/SearchPanel.jsx
-import React11 from "react";
+import React13 from "react";
 
 // ui/src/Icons.jsx
 import React8 from "react";
 var MagnifyingGlassIcon = (props) => /* @__PURE__ */ React8.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", ...props }, /* @__PURE__ */ React8.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 React11 from "react";
+
+// ui/src/locale/index.js
+import React10 from "react";
+
+// ui/src/layout/pageContext.js
 import React9 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 root2 = getSharedRoot();
+  if (root2 && root2[CONTEXT_KEY]) return root2[CONTEXT_KEY];
+  const ctx = React9.createContext({ navigation: null, page: null, site: null });
+  if (root2) root2[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 current2 = obj;
+  for (const part of parts) {
+    if (!current2 || typeof current2 !== "object") return void 0;
+    const key = String(part).trim();
+    if (!key || !(key in current2)) return void 0;
+    current2 = current2[key];
+  }
+  return current2;
+}
+function formatTemplate(template, replacements = {}) {
+  if (template == null) return template;
+  const str = String(template);
+  if (!replacements || typeof replacements !== "object") return str;
+  return str.replace(/\{([^}]+)\}/g, (match2, key) => {
+    if (!Object.prototype.hasOwnProperty.call(replacements, key)) return match2;
+    const value = replacements[key];
+    if (value == null) return match2;
+    return String(value);
+  });
+}
+function useLocaleMessages() {
+  const PageContext3 = getSafePageContext();
+  const context = PageContext3 ? React10.useContext(PageContext3) : null;
+  const siteMessages = context && context.site && context.site.localeMessages && typeof context.site.localeMessages === "object" ? context.site.localeMessages : null;
+  return siteMessages || readRuntimeMessages();
+}
+function useLocale() {
+  const messages = useLocaleMessages();
+  const getString = React10.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 = React10.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/search/SearchPanelForm.jsx
 function readBasePath() {
   const normalize = (val) => {
     const raw = typeof val === "string" ? val.trim() : "";
@@ -43293,26 +43470,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 = React9.useMemo(
+  const { getString, formatString } = useLocale();
+  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 = React11.useMemo(
     () => resolveSearchPath(searchPath),
     [searchPath]
   );
-  const autoId = typeof React9.useId === "function" ? React9.useId() : void 0;
-  const [fallbackId] = React9.useState(
+  const autoId = typeof React11.useId === "function" ? React11.useId() : void 0;
+  const [fallbackId] = React11.useState(
     () => `canopy-search-form-${Math.random().toString(36).slice(2, 10)}`
   );
   const inputId = inputIdProp || autoId || fallbackId;
-  const inputRef = React9.useRef(null);
-  const [hasValue, setHasValue] = React9.useState(false);
-  const focusInput = React9.useCallback(() => {
+  const inputRef = React11.useRef(null);
+  const [hasValue, setHasValue] = React11.useState(false);
+  const focusInput = React11.useCallback(() => {
     const el = inputRef.current;
     if (!el) return;
     if (document.activeElement === el) return;
@@ -43325,7 +43511,7 @@ function SearchPanelForm(props = {}) {
       }
     }
   }, []);
-  const handlePointerDown = React9.useCallback(
+  const handlePointerDown = React11.useCallback(
     (event) => {
       const target = event.target;
       if (target && typeof target.closest === "function") {
@@ -43337,23 +43523,23 @@ function SearchPanelForm(props = {}) {
     },
     [focusInput]
   );
-  React9.useEffect(() => {
+  React11.useEffect(() => {
     const el = inputRef.current;
     if (!el) return;
     if (el.value && el.value.trim()) {
       setHasValue(true);
     }
   }, []);
-  const handleInputChange = React9.useCallback((event) => {
+  const handleInputChange = React11.useCallback((event) => {
     var _a2;
     const nextHasValue = Boolean(
       ((_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value) && event.target.value.trim()
     );
     setHasValue(nextHasValue);
   }, []);
-  const handleClear = React9.useCallback((event) => {
+  const handleClear = React11.useCallback((event) => {
   }, []);
-  const handleClearKey = React9.useCallback(
+  const handleClearKey = React11.useCallback(
     (event) => {
       if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
@@ -43362,7 +43548,7 @@ function SearchPanelForm(props = {}) {
     },
     [handleClear]
   );
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React11.createElement(
     "form",
     {
       action,
@@ -43374,7 +43560,7 @@ function SearchPanelForm(props = {}) {
       onPointerDown: handlePointerDown,
       "data-has-value": hasValue ? "1" : "0"
     },
-    /* @__PURE__ */ React9.createElement("label", { htmlFor: inputId, className: "canopy-search-form__label" }, /* @__PURE__ */ React9.createElement(MagnifyingGlassIcon, { className: "canopy-search-form__icon" }), /* @__PURE__ */ React9.createElement("span", { className: "sr-only" }, "Search"), /* @__PURE__ */ React9.createElement(
+    /* @__PURE__ */ React11.createElement("label", { htmlFor: inputId, className: "canopy-search-form__label" }, /* @__PURE__ */ React11.createElement(MagnifyingGlassIcon, { className: "canopy-search-form__icon" }), /* @__PURE__ */ React11.createElement("span", { className: "sr-only" }, searchLabel), /* @__PURE__ */ React11.createElement(
       "input",
       {
         id: inputId,
@@ -43382,14 +43568,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__ */ React9.createElement(
+    hasValue ? /* @__PURE__ */ React11.createElement(
       "button",
       {
         type: "button",
@@ -43397,12 +43583,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__ */ React9.createElement(
+    /* @__PURE__ */ React11.createElement(
       "button",
       {
         type: "submit",
@@ -43415,11 +43601,11 @@ function SearchPanelForm(props = {}) {
 }
 
 // ui/src/search/SearchPanelTeaserResults.jsx
-import React10 from "react";
+import React12 from "react";
 function SearchPanelTeaserResults(props = {}) {
   const { style, className } = props || {};
   const classes = ["canopy-search-teaser", "is-empty", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React12.createElement(
     "div",
     {
       "data-canopy-search-form-panel": true,
@@ -43427,65 +43613,49 @@ function SearchPanelTeaserResults(props = {}) {
       className: classes || void 0,
       style
     },
-    /* @__PURE__ */ React10.createElement("div", { id: "cplist", className: "canopy-search-teaser__list" })
+    /* @__PURE__ */ React12.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 } = useLocale();
+  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__ */ React11.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React11.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React11.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React11.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React11.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
-}
-
-// ui/src/layout/CanopyBrand.jsx
-import React13 from "react";
-
-// ui/src/layout/pageContext.js
-import React12 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 root2 = getSharedRoot();
-  if (root2 && root2[CONTEXT_KEY]) return root2[CONTEXT_KEY];
-  const ctx = React12.createContext({ navigation: null, page: null, site: null });
-  if (root2) root2[CONTEXT_KEY] = ctx;
-  return ctx;
+  return /* @__PURE__ */ React13.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React13.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React13.createElement(SearchPanelForm, { placeholder, buttonLabel: resolvedButtonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React13.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React13.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/layout/CanopyBrand.jsx
+import React14 from "react";
 var PageContext = getSafePageContext();
 function CanopyBrand(props = {}) {
   const { labelId, label: labelProp, href = "/", className, Logo } = props || {};
-  const context = React13.useContext(PageContext);
+  const context = React14.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__ */ React13.createElement("a", { href, className: classes }, typeof Logo === "function" ? /* @__PURE__ */ React13.createElement(Logo, null) : null, /* @__PURE__ */ React13.createElement("span", { ...spanProps }, resolvedLabel));
+  return /* @__PURE__ */ React14.createElement("a", { href, className: classes }, typeof Logo === "function" ? /* @__PURE__ */ React14.createElement(Logo, null) : null, /* @__PURE__ */ React14.createElement("span", { ...spanProps }, resolvedLabel));
 }
 
 // ui/src/layout/CanopyModal.jsx
-import React14 from "react";
+import React15 from "react";
 function CanopyModal(props = {}) {
   const {
     id,
@@ -43495,7 +43665,7 @@ function CanopyModal(props = {}) {
     label,
     logo: Logo,
     href = "/",
-    closeLabel = "Close",
+    closeLabel,
     closeDataAttr,
     onClose,
     onBackgroundClick,
@@ -43521,10 +43691,12 @@ function CanopyModal(props = {}) {
       if (event.target === event.currentTarget) onBackgroundClick(event);
     };
   }
+  const { getString } = useLocale();
+  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;
@@ -43536,7 +43708,7 @@ function CanopyModal(props = {}) {
   if (padded) bodyClasses.push("canopy-modal__body--padded");
   if (bodyClassName) bodyClasses.push(bodyClassName);
   const bodyClassNameValue = bodyClasses.join(" ");
-  return /* @__PURE__ */ React14.createElement("div", { ...modalProps }, /* @__PURE__ */ React14.createElement("div", { className: "canopy-modal__panel" }, /* @__PURE__ */ React14.createElement("button", { ...closeButtonProps }, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement("div", { ...modalProps }, /* @__PURE__ */ React15.createElement("div", { className: "canopy-modal__panel" }, /* @__PURE__ */ React15.createElement("button", { ...closeButtonProps }, /* @__PURE__ */ React15.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -43546,8 +43718,8 @@ function CanopyModal(props = {}) {
       strokeWidth: "1.5",
       className: "canopy-modal__close-icon"
     },
-    /* @__PURE__ */ React14.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l12 12M6 18L18 6" })
-  ), /* @__PURE__ */ React14.createElement("span", { className: "sr-only" }, closeLabel)), /* @__PURE__ */ React14.createElement("div", { className: bodyClassNameValue }, label ? /* @__PURE__ */ React14.createElement("div", { className: "canopy-modal__brand" }, /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l12 12M6 18L18 6" })
+  ), /* @__PURE__ */ React15.createElement("span", { className: "sr-only" }, resolvedCloseLabel)), /* @__PURE__ */ React15.createElement("div", { className: bodyClassNameValue }, label ? /* @__PURE__ */ React15.createElement("div", { className: "canopy-modal__brand" }, /* @__PURE__ */ React15.createElement(
     CanopyBrand,
     {
       labelId: resolvedLabelId,
@@ -43560,26 +43732,34 @@ function CanopyModal(props = {}) {
 }
 
 // ui/src/layout/NavigationTree.jsx
-import React15 from "react";
+import React16 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__ */ React15.createElement("ul", { className: listClasses.join(" "), role: "list" }, nodes.map((node, index) => /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement("ul", { className: listClasses.join(" "), role: "list" }, nodes.map((node, index) => /* @__PURE__ */ React16.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;
@@ -43592,8 +43772,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__ */ React15.createElement(
+  const toggleLabel = buildToggleLabel ? buildToggleLabel(node.title || node.slug) : `Toggle ${node.title || "section"} menu`;
+  return /* @__PURE__ */ React16.createElement(
     "li",
     {
       className: "canopy-nav-tree__item",
@@ -43602,7 +43782,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
       "data-expanded": allowToggle ? defaultExpanded ? "true" : "false" : void 0,
       "data-default-expanded": allowToggle && defaultExpanded ? "true" : void 0
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "canopy-nav-tree__row" }, /* @__PURE__ */ React15.createElement("div", { className: "canopy-nav-tree__link-wrapper" }, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement("div", { className: "canopy-nav-tree__row" }, /* @__PURE__ */ React16.createElement("div", { className: "canopy-nav-tree__link-wrapper" }, /* @__PURE__ */ React16.createElement(
       Tag,
       {
         className: classes.join(" "),
@@ -43611,7 +43791,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
         tabIndex: isInteractive ? void 0 : -1
       },
       node.title || node.slug
-    )), allowToggle ? /* @__PURE__ */ React15.createElement(
+    )), allowToggle ? /* @__PURE__ */ React16.createElement(
       "button",
       {
         type: "button",
@@ -43621,7 +43801,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
         "aria-label": toggleLabel,
         "data-canopy-nav-item-toggle": panelId || void 0
       },
-      /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -43631,7 +43811,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
           strokeWidth: "1.5",
           className: "canopy-nav-tree__toggle-icon"
         },
-        /* @__PURE__ */ React15.createElement(
+        /* @__PURE__ */ React16.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -43640,9 +43820,9 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
           }
         )
       ),
-      /* @__PURE__ */ React15.createElement("span", { className: "sr-only" }, toggleLabel)
+      /* @__PURE__ */ React16.createElement("span", { className: "sr-only" }, toggleLabel)
     ) : null),
-    hasChildren ? /* @__PURE__ */ React15.createElement(
+    hasChildren ? /* @__PURE__ */ React16.createElement(
       "div",
       {
         id: panelId || void 0,
@@ -43650,12 +43830,14 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
         "aria-hidden": allowToggle ? defaultExpanded ? "false" : "true" : "false",
         hidden: allowToggle ? !defaultExpanded : void 0
       },
-      /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(
         NavigationTreeList,
         {
           nodes: node.children,
           depth: depth + 1,
-          parentKey: nodeKey
+          parentKey: nodeKey,
+          buildToggleLabel,
+          buildNavLabel
         }
       )
     ) : null
@@ -43672,33 +43854,53 @@ function NavigationTree({
   ...rest
 }) {
   if (!root2) return null;
+  const { formatString, getString } = useLocale();
+  const navFallback = getString("common.nouns.navigation", "navigation");
+  const buildNavLabel = React16.useCallback(
+    (value) => formatString(
+      "common.phrases.nav_label",
+      "{content} navigation",
+      { content: value || navFallback }
+    ),
+    [formatString, navFallback]
+  );
+  const buildToggleLabel = React16.useCallback(
+    (value) => formatString(
+      "common.phrases.toggle_content",
+      "Toggle {content}",
+      { content: buildNavLabel(value) }
+    ),
+    [buildNavLabel, formatString]
+  );
   const nodes = includeRoot ? [root2] : root2.children;
   if (!Array.isArray(nodes) || !nodes.length) return null;
   const combinedClassName = ["canopy-nav-tree", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(
     Component,
     {
       className: combinedClassName,
       "data-canopy-nav-tree": "true",
       ...rest
     },
-    heading ? /* @__PURE__ */ React15.createElement("div", { className: headingClassName }, heading) : null,
-    /* @__PURE__ */ React15.createElement(
+    heading ? /* @__PURE__ */ React16.createElement("div", { className: headingClassName }, heading) : null,
+    /* @__PURE__ */ React16.createElement(
       NavigationTreeList,
       {
         nodes,
         depth: includeRoot ? -1 : 0,
-        parentKey
+        parentKey,
+        buildToggleLabel,
+        buildNavLabel
       }
     )
   );
 }
 
 // ui/src/layout/LanguageToggle.jsx
-import React17 from "react";
+import React18 from "react";
 
 // ui/src/layout/languageToggleShared.jsx
-import React16 from "react";
+import React17 from "react";
 function readBasePath2() {
   const normalize = (value) => {
     if (!value) return "";
@@ -43857,13 +44059,13 @@ function LanguageToggleControl({
   ].filter(Boolean).join(" ").trim();
   const ariaLabel = config.label || "Language";
   const resolvedControl = control === "list" ? "list" : "select";
-  const selectId = typeof React16.useId === "function" && resolvedControl === "select" ? React16.useId() : void 0;
+  const selectId = typeof React17.useId === "function" && resolvedControl === "select" ? React17.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 = React16.useCallback((href) => {
+  const navigate = React17.useCallback((href) => {
     if (!href) return;
     try {
       if (typeof window !== "undefined" && window.location) {
@@ -43883,7 +44085,7 @@ function LanguageToggleControl({
     } catch (_) {
     }
   }, []);
-  const handleSelectChange = React16.useCallback(
+  const handleSelectChange = React17.useCallback(
     (event) => {
       if (!event || !event.target) return;
       const nextHref = event.target.value;
@@ -43892,15 +44094,15 @@ function LanguageToggleControl({
     },
     [navigate, selectedHref]
   );
-  const labelElement = showLabel && config.label ? resolvedControl === "select" ? /* @__PURE__ */ React16.createElement(
+  const labelElement = showLabel && config.label ? resolvedControl === "select" ? /* @__PURE__ */ React17.createElement(
     "label",
     {
       className: "canopy-language-toggle__label",
       htmlFor: selectId
     },
     config.label
-  ) : /* @__PURE__ */ React16.createElement("span", { className: "canopy-language-toggle__label" }, config.label) : null;
-  return /* @__PURE__ */ React16.createElement("div", { className: classes || void 0 }, labelElement, resolvedControl === "select" ? /* @__PURE__ */ React16.createElement("div", { className: "canopy-language-toggle__select" }, /* @__PURE__ */ React16.createElement(
+  ) : /* @__PURE__ */ React17.createElement("span", { className: "canopy-language-toggle__label" }, config.label) : null;
+  return /* @__PURE__ */ React17.createElement("div", { className: classes || void 0 }, labelElement, resolvedControl === "select" ? /* @__PURE__ */ React17.createElement("div", { className: "canopy-language-toggle__select" }, /* @__PURE__ */ React17.createElement(
     "select",
     {
       id: selectId,
@@ -43910,7 +44112,7 @@ function LanguageToggleControl({
       "aria-label": ariaLabel,
       "data-canopy-language-select": "true"
     },
-    links.map((link) => /* @__PURE__ */ React16.createElement(
+    links.map((link) => /* @__PURE__ */ React17.createElement(
       "option",
       {
         key: link.lang,
@@ -43920,7 +44122,7 @@ function LanguageToggleControl({
       },
       link.label
     ))
-  )) : /* @__PURE__ */ React16.createElement("nav", { className: "canopy-language-toggle__nav", "aria-label": ariaLabel }, /* @__PURE__ */ React16.createElement("ul", { className: "canopy-language-toggle__list", role: "list" }, links.map((link) => /* @__PURE__ */ React16.createElement("li", { key: link.lang }, /* @__PURE__ */ React16.createElement(
+  )) : /* @__PURE__ */ React17.createElement("nav", { className: "canopy-language-toggle__nav", "aria-label": ariaLabel }, /* @__PURE__ */ React17.createElement("ul", { className: "canopy-language-toggle__list", role: "list" }, links.map((link) => /* @__PURE__ */ React17.createElement("li", { key: link.lang }, /* @__PURE__ */ React17.createElement(
     "button",
     {
       type: "button",
@@ -43932,7 +44134,7 @@ function LanguageToggleControl({
       onClick: () => navigate(link.href)
     },
     link.label
-  ))))), /* @__PURE__ */ React16.createElement(LanguageToggleRuntime, null));
+  ))))), /* @__PURE__ */ React17.createElement(LanguageToggleRuntime, null));
 }
 function LanguageToggleRuntime() {
   const code = `
@@ -43992,7 +44194,7 @@ function LanguageToggleRuntime() {
   }
 })();
   `;
-  return /* @__PURE__ */ React16.createElement("script", { dangerouslySetInnerHTML: { __html: code } });
+  return /* @__PURE__ */ React17.createElement("script", { dangerouslySetInnerHTML: { __html: code } });
 }
 
 // ui/src/layout/LanguageToggle.jsx
@@ -44007,7 +44209,7 @@ function LanguageToggle({
   ariaLabel
 }) {
   const PageContext3 = getSafePageContext();
-  const context = React17.useContext(PageContext3);
+  const context = React18.useContext(PageContext3);
   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;
@@ -44016,7 +44218,7 @@ function LanguageToggle({
     resolvedToggle && typeof resolvedToggle.control === "string" ? resolvedToggle.control : null
   );
   const resolvedControl = normalizeControl(typeof control === "string" ? control : null) || toggleControl || "select";
-  const config = React17.useMemo(() => {
+  const config = React18.useMemo(() => {
     if (!resolvedToggle) return null;
     const base = buildLanguageToggleConfig(resolvedToggle, pageData);
     if (!base) return null;
@@ -44027,7 +44229,7 @@ function LanguageToggle({
     };
   }, [resolvedToggle, pageData, label, ariaLabel]);
   if (!config) return null;
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(
     LanguageToggleControl,
     {
       config,
@@ -44329,7 +44531,7 @@ function HeaderScript() {
   });
 })();
   `;
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "script",
     {
       dangerouslySetInnerHTML: {
@@ -44397,16 +44599,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 PageContext3 = getSafePageContext();
-  const context = React18.useContext(PageContext3);
+  const context = React19.useContext(PageContext3);
+  const { getString, formatString } = useLocale();
   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;
@@ -44422,6 +44625,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;
@@ -44429,8 +44658,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) => {
@@ -44443,14 +44684,14 @@ function CanopyHeader(props = {}) {
     return !!(rootNode && Array.isArray(rootNode.children) && rootNode.children.length);
   };
   const hasIntegratedSectionNav = navLinks.some(shouldAttachSectionNav);
-  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
     "header",
     {
       className: "canopy-header",
       "data-mobile-nav": "closed",
       "data-mobile-search": "closed"
     },
-    /* @__PURE__ */ React18.createElement("div", { className: "canopy-header__brand" }, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "canopy-header__brand" }, /* @__PURE__ */ React19.createElement(
       CanopyBrand,
       {
         label: resolvedTitle,
@@ -44459,22 +44700,22 @@ function CanopyHeader(props = {}) {
         Logo: SiteLogo
       }
     )),
-    /* @__PURE__ */ React18.createElement("div", { className: "canopy-header__desktop-search" }, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "canopy-header__desktop-search" }, /* @__PURE__ */ React19.createElement(
       SearchPanel,
       {
-        label: searchLabel,
+        label: resolvedSearchLabel,
         hotkey: searchHotkey,
-        placeholder: searchPlaceholder,
+        placeholder: resolvedSearchPlaceholder,
         searchPath: normalizedSearchRoute
       }
     )),
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       "nav",
       {
         className: "canopy-nav-links canopy-header__desktop-nav",
-        "aria-label": "Primary navigation"
+        "aria-label": primaryNavigationLabel
       },
-      navLinks.map((link) => /* @__PURE__ */ React18.createElement(
+      navLinks.map((link) => /* @__PURE__ */ React19.createElement(
         "a",
         {
           key: link.href,
@@ -44484,7 +44725,7 @@ function CanopyHeader(props = {}) {
         link.label || link.href
       ))
     ),
-    /* @__PURE__ */ React18.createElement("div", { className: "canopy-header__actions" }, resolvedLanguageToggle ? /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "canopy-header__actions" }, resolvedLanguageToggle ? /* @__PURE__ */ React19.createElement(
       LanguageToggle,
       {
         languageToggle: resolvedLanguageToggle,
@@ -44492,17 +44733,17 @@ function CanopyHeader(props = {}) {
         variant: "desktop",
         className: "canopy-header__language-toggle canopy-header__language-toggle--desktop"
       }
-    ) : null, /* @__PURE__ */ React18.createElement(
+    ) : null, /* @__PURE__ */ React19.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__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -44512,7 +44753,7 @@ function CanopyHeader(props = {}) {
           strokeWidth: "1.5",
           className: "canopy-header__search-icon"
         },
-        /* @__PURE__ */ React18.createElement(
+        /* @__PURE__ */ React19.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -44521,17 +44762,17 @@ function CanopyHeader(props = {}) {
           }
         )
       )
-    ), /* @__PURE__ */ React18.createElement(
+    ), /* @__PURE__ */ React19.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__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -44541,7 +44782,7 @@ function CanopyHeader(props = {}) {
           stroke: "currentColor",
           className: "canopy-header__menu-icon"
         },
-        /* @__PURE__ */ React18.createElement(
+        /* @__PURE__ */ React19.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -44551,7 +44792,7 @@ function CanopyHeader(props = {}) {
         )
       )
     ))
-  ), /* @__PURE__ */ React18.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     CanopyModal,
     {
       id: "canopy-modal-nav",
@@ -44560,10 +44801,10 @@ function CanopyHeader(props = {}) {
       label: resolvedTitle,
       logo: SiteLogo,
       href: brandHref,
-      closeLabel: "Close navigation",
+      closeLabel: closeNavLabel,
       closeDataAttr: "nav"
     },
-    resolvedLanguageToggle ? /* @__PURE__ */ React18.createElement(
+    resolvedLanguageToggle ? /* @__PURE__ */ React19.createElement(
       LanguageToggle,
       {
         languageToggle: resolvedLanguageToggle,
@@ -44572,13 +44813,13 @@ function CanopyHeader(props = {}) {
         className: "canopy-header__language-toggle canopy-header__language-toggle--mobile"
       }
     ) : null,
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       "nav",
       {
         className: "canopy-nav-links canopy-modal__nav",
-        "aria-label": "Primary navigation"
+        "aria-label": primaryNavigationLabel
       },
-      /* @__PURE__ */ React18.createElement("ul", { className: "canopy-modal__nav-list", role: "list" }, navLinks.map((link, index) => {
+      /* @__PURE__ */ React19.createElement("ul", { className: "canopy-modal__nav-list", role: "list" }, navLinks.map((link, index) => {
         const navData = getLinkNavigationData(
           link,
           navigationRoots,
@@ -44587,9 +44828,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__ */ React18.createElement(
+        return /* @__PURE__ */ React19.createElement(
           "li",
           {
             className: "canopy-modal__nav-item",
@@ -44598,7 +44848,7 @@ function CanopyHeader(props = {}) {
             "data-expanded": defaultExpanded ? "true" : "false",
             "data-default-expanded": defaultExpanded ? "true" : void 0
           },
-          /* @__PURE__ */ React18.createElement("div", { className: "canopy-modal__nav-row" }, /* @__PURE__ */ React18.createElement("a", { href: link.href }, link.label || link.href), hasChildren ? /* @__PURE__ */ React18.createElement(
+          /* @__PURE__ */ React19.createElement("div", { className: "canopy-modal__nav-row" }, /* @__PURE__ */ React19.createElement("a", { href: link.href }, link.label || link.href), hasChildren ? /* @__PURE__ */ React19.createElement(
             "button",
             {
               type: "button",
@@ -44608,7 +44858,7 @@ function CanopyHeader(props = {}) {
               "aria-label": toggleLabel,
               "data-canopy-nav-item-toggle": nestedId || void 0
             },
-            /* @__PURE__ */ React18.createElement(
+            /* @__PURE__ */ React19.createElement(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -44618,7 +44868,7 @@ function CanopyHeader(props = {}) {
                 strokeWidth: "1.5",
                 className: "canopy-modal__nav-toggle-icon"
               },
-              /* @__PURE__ */ React18.createElement(
+              /* @__PURE__ */ React19.createElement(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -44627,16 +44877,20 @@ function CanopyHeader(props = {}) {
                 }
               )
             ),
-            /* @__PURE__ */ React18.createElement("span", { className: "sr-only" }, toggleLabel)
+            /* @__PURE__ */ React19.createElement("span", { className: "sr-only" }, toggleLabel)
           ) : null),
-          hasChildren ? /* @__PURE__ */ React18.createElement(
+          hasChildren ? /* @__PURE__ */ React19.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
@@ -44645,7 +44899,7 @@ function CanopyHeader(props = {}) {
         );
       }))
     ),
-    hasSectionNav && !hasIntegratedSectionNav ? /* @__PURE__ */ React18.createElement(
+    hasSectionNav && !hasIntegratedSectionNav ? /* @__PURE__ */ React19.createElement(
       NavigationTree,
       {
         root: sectionNavigation.root,
@@ -44655,7 +44909,7 @@ function CanopyHeader(props = {}) {
         parentKey: "fallback-nav"
       }
     ) : null
-  ), /* @__PURE__ */ React18.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     CanopyModal,
     {
       id: "canopy-modal-search",
@@ -44664,31 +44918,31 @@ function CanopyHeader(props = {}) {
       label: resolvedTitle,
       logo: SiteLogo,
       href: brandHref,
-      closeLabel: "Close search",
+      closeLabel: closeSearchLabel,
       closeDataAttr: "search",
       bodyClassName: "canopy-modal__body--search"
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       SearchPanel,
       {
-        label: searchLabel,
+        label: resolvedSearchLabel,
         hotkey: searchHotkey,
-        placeholder: searchPlaceholder,
+        placeholder: resolvedSearchPlaceholder,
         searchPath: normalizedSearchRoute
       }
     )
-  ), /* @__PURE__ */ React18.createElement(HeaderScript, null));
+  ), /* @__PURE__ */ React19.createElement(HeaderScript, null));
 }
 
 // ui/src/layout/CanopyFooter.jsx
-import React19 from "react";
+import React20 from "react";
 function CanopyFooter({ className = "", children }) {
   const footerClassName = ["canopy-footer", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React19.createElement("footer", { className: footerClassName }, /* @__PURE__ */ React19.createElement("div", { className: "canopy-footer__inner" }, children));
+  return /* @__PURE__ */ React20.createElement("footer", { className: footerClassName }, /* @__PURE__ */ React20.createElement("div", { className: "canopy-footer__inner" }, children));
 }
 
 // ui/src/layout/TeaserCard.jsx
-import React20 from "react";
+import React21 from "react";
 function TeaserCard({
   href = "",
   title = "",
@@ -44709,7 +44963,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__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     Tag,
     {
       className: classes,
@@ -44717,7 +44971,7 @@ function TeaserCard({
       "data-canopy-item": href ? "" : void 0,
       ...rest
     },
-    showThumb ? /* @__PURE__ */ React20.createElement("div", { className: "canopy-search-teaser__thumb" }, /* @__PURE__ */ React20.createElement(
+    showThumb ? /* @__PURE__ */ React21.createElement("div", { className: "canopy-search-teaser__thumb" }, /* @__PURE__ */ React21.createElement(
       "img",
       {
         src: thumbnail,
@@ -44727,12 +44981,12 @@ function TeaserCard({
         className: "canopy-search-teaser__thumb-img"
       }
     )) : null,
-    /* @__PURE__ */ React20.createElement("div", { className: "canopy-search-teaser__text" }, /* @__PURE__ */ React20.createElement("span", { className: "canopy-search-teaser__title" }, title || href || "Untitled"), metaLine ? /* @__PURE__ */ React20.createElement("span", { className: "canopy-search-teaser__meta" }, metaLine) : null)
+    /* @__PURE__ */ React21.createElement("div", { className: "canopy-search-teaser__text" }, /* @__PURE__ */ React21.createElement("span", { className: "canopy-search-teaser__title" }, title || href || "Untitled"), metaLine ? /* @__PURE__ */ React21.createElement("span", { className: "canopy-search-teaser__meta" }, metaLine) : null)
   );
 }
 
 // ui/src/layout/GoogleAnalytics.jsx
-import React21 from "react";
+import React22 from "react";
 var GA_HOST = "https://www.googletagmanager.com/gtag/js";
 function GoogleAnalytics({ id }) {
   if (!id) return null;
@@ -44742,11 +44996,11 @@ function GoogleAnalytics({ id }) {
     gtag('js', new Date());
     gtag('config', '${id}');
   `;
-  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("script", { async: true, src: `${GA_HOST}?id=${encodeURIComponent(id)}` }), /* @__PURE__ */ React21.createElement("script", { dangerouslySetInnerHTML: { __html: inlineConfig } }));
+  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("script", { async: true, src: `${GA_HOST}?id=${encodeURIComponent(id)}` }), /* @__PURE__ */ React22.createElement("script", { dangerouslySetInnerHTML: { __html: inlineConfig } }));
 }
 
 // ui/src/iiif/Viewer.jsx
-import React22, { useEffect as useEffect2, useState as useState2 } from "react";
+import React23, { useEffect as useEffect2, useState as useState2 } from "react";
 var DEFAULT_VIEWER_OPTIONS = {
   showDownload: false,
   showIIIFBadge: false,
@@ -44802,7 +45056,7 @@ var Viewer = (props) => {
     } catch (_) {
       json = "{}";
     }
-    return /* @__PURE__ */ React22.createElement("div", { "data-canopy-viewer": "1", className: "not-prose" }, /* @__PURE__ */ React22.createElement(
+    return /* @__PURE__ */ React23.createElement("div", { "data-canopy-viewer": "1", className: "not-prose" }, /* @__PURE__ */ React23.createElement(
       "script",
       {
         type: "application/json",
@@ -44810,11 +45064,11 @@ var Viewer = (props) => {
       }
     ));
   }
-  return /* @__PURE__ */ React22.createElement(CloverViewer, { ...props, options: mergedOptions });
+  return /* @__PURE__ */ React23.createElement(CloverViewer, { ...props, options: mergedOptions });
 };
 
 // ui/src/iiif/Slider.jsx
-import React23, { useEffect as useEffect3, useState as useState3 } from "react";
+import React24, { useEffect as useEffect3, useState as useState3 } from "react";
 
 // ui/src/iiif/sliderOptions.js
 var UNIT_TOKEN = "__canopySliderUnit";
@@ -44961,7 +45215,7 @@ var Slider = (props = {}) => {
     } catch (_) {
       json = "{}";
     }
-    return /* @__PURE__ */ React23.createElement("div", { className: sliderClassName, "data-canopy-slider": "1" }, /* @__PURE__ */ React23.createElement(
+    return /* @__PURE__ */ React24.createElement("div", { className: sliderClassName, "data-canopy-slider": "1" }, /* @__PURE__ */ React24.createElement(
       "script",
       {
         type: "application/json",
@@ -44969,11 +45223,11 @@ var Slider = (props = {}) => {
       }
     ));
   }
-  return /* @__PURE__ */ React23.createElement(CloverSlider, { ...resolvedProps });
+  return /* @__PURE__ */ React24.createElement(CloverSlider, { ...resolvedProps });
 };
 
 // ui/src/iiif/Scroll.jsx
-import React24, { useEffect as useEffect4, useState as useState4 } from "react";
+import React25, { useEffect as useEffect4, useState as useState4 } from "react";
 var Scroll = (props) => {
   const [CloverScroll, setCloverScroll] = useState4(null);
   useEffect4(() => {
@@ -44998,7 +45252,7 @@ var Scroll = (props) => {
     } catch (_) {
       json = "{}";
     }
-    return /* @__PURE__ */ React24.createElement("div", { "data-canopy-scroll": "1", className: "not-prose" }, /* @__PURE__ */ React24.createElement(
+    return /* @__PURE__ */ React25.createElement("div", { "data-canopy-scroll": "1", className: "not-prose" }, /* @__PURE__ */ React25.createElement(
       "script",
       {
         type: "application/json",
@@ -45006,11 +45260,11 @@ var Scroll = (props) => {
       }
     ));
   }
-  return /* @__PURE__ */ React24.createElement(CloverScroll, { ...props });
+  return /* @__PURE__ */ React25.createElement(CloverScroll, { ...props });
 };
 
 // ui/src/iiif/Image.jsx
-import React25, { useEffect as useEffect5, useState as useState5 } from "react";
+import React26, { useEffect as useEffect5, useState as useState5 } from "react";
 var Image = (props = {}) => {
   const [CloverImage, setCloverImage] = useState5(null);
   const baseClass = "canopy-iiif-image";
@@ -45043,7 +45297,7 @@ var Image = (props = {}) => {
     } catch (_) {
       json = "{}";
     }
-    return /* @__PURE__ */ React25.createElement("figure", { className: rootClassName }, /* @__PURE__ */ React25.createElement(
+    return /* @__PURE__ */ React26.createElement("figure", { className: rootClassName }, /* @__PURE__ */ React26.createElement(
       "div",
       {
         className: `${baseClass}__placeholder`,
@@ -45053,20 +45307,20 @@ var Image = (props = {}) => {
           "--canopy-iiif-image-bg": backgroundColor
         }
       },
-      /* @__PURE__ */ React25.createElement(
+      /* @__PURE__ */ React26.createElement(
         "script",
         {
           type: "application/json",
           dangerouslySetInnerHTML: { __html: json }
         }
       )
-    ), caption && /* @__PURE__ */ React25.createElement("figcaption", { className: `${baseClass}__caption` }, caption));
+    ), caption && /* @__PURE__ */ React26.createElement("figcaption", { className: `${baseClass}__caption` }, caption));
   }
-  return /* @__PURE__ */ React25.createElement(CloverImage, { ...props, className: rootClassName });
+  return /* @__PURE__ */ React26.createElement(CloverImage, { ...props, className: rootClassName });
 };
 
 // ui/src/iiif/ImageStory.jsx
-import React26, { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef2 } from "react";
+import React27, { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef2 } from "react";
 
 // ui/src/iiif/imageStoryRuntime.js
 var STORIIIES_STYLE_URL = "https://unpkg.com/@cogapp/storiiies-viewer@latest/dist/storiiies-viewer.css";
@@ -45292,7 +45546,7 @@ var ImageStory = (props = {}) => {
       }
     };
   }, [iiifContent, disablePanAndZoom, pointOfInterestSvgUrl, viewerOptions]);
-  return /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React27.createElement(
     "div",
     {
       ref: containerRef,
@@ -45305,7 +45559,7 @@ var ImageStory = (props = {}) => {
       },
       ...rest
     },
-    /* @__PURE__ */ React26.createElement(
+    /* @__PURE__ */ React27.createElement(
       "script",
       {
         type: "application/json",
@@ -45316,13 +45570,13 @@ var ImageStory = (props = {}) => {
 };
 
 // ui/src/iiif/Properties/Id.jsx
-import React27 from "react";
+import React28 from "react";
 function Id({ title = "IIIF Manifest", id, ...props }) {
-  return /* @__PURE__ */ React27.createElement("dl", null, /* @__PURE__ */ React27.createElement("dt", null, title), /* @__PURE__ */ React27.createElement("dd", null, /* @__PURE__ */ React27.createElement("a", { href: id }, id)));
+  return /* @__PURE__ */ React28.createElement("dl", null, /* @__PURE__ */ React28.createElement("dt", null, title), /* @__PURE__ */ React28.createElement("dd", null, /* @__PURE__ */ React28.createElement("a", { href: id }, id)));
 }
 
 // ui/src/iiif/MdxRelatedItems.jsx
-import React28 from "react";
+import React29 from "react";
 function MdxRelatedItems(props) {
   let json = "{}";
   try {
@@ -45330,7 +45584,7 @@ function MdxRelatedItems(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React28.createElement("div", { "data-canopy-related-items": "1" }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement("div", { "data-canopy-related-items": "1" }, /* @__PURE__ */ React29.createElement(
     "script",
     {
       type: "application/json",
@@ -45340,7 +45594,7 @@ function MdxRelatedItems(props) {
 }
 
 // ui/src/search/MdxSearchResults.jsx
-import React29 from "react";
+import React30 from "react";
 function MdxSearchResults(props) {
   let json = "{}";
   try {
@@ -45348,11 +45602,11 @@ function MdxSearchResults(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React29.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React29.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React30.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React30.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/SearchSummary.jsx
-import React30 from "react";
+import React31 from "react";
 function SearchSummary(props) {
   let json = "{}";
   try {
@@ -45360,11 +45614,11 @@ function SearchSummary(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React30.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React30.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React31.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React31.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearchTabs.jsx
-import React31 from "react";
+import React32 from "react";
 function MdxSearchTabs(props) {
   let json = "{}";
   try {
@@ -45372,11 +45626,11 @@ function MdxSearchTabs(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React31.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React31.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React32.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React32.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearch.jsx
-import React32 from "react";
+import React33 from "react";
 function MdxSearch(props = {}) {
   const {
     layout,
@@ -45394,15 +45648,15 @@ function MdxSearch(props = {}) {
     resultsPayload.layout = layout;
   }
   const classes = ["canopy-search", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React32.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React32.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React32.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React32.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
+  return /* @__PURE__ */ React33.createElement("section", { className: classes, "data-canopy-search": "1" }, showTabs ? /* @__PURE__ */ React33.createElement(MdxSearchTabs, { ...tabsProps }) : null, showSummary ? /* @__PURE__ */ React33.createElement(SearchSummary, { ...summaryProps }) : null, showResults ? /* @__PURE__ */ React33.createElement(MdxSearchResults, { ...resultsPayload }) : null, children || null);
 }
 
 // ui/src/search/SearchResults.jsx
-import React33 from "react";
+import React34 from "react";
 function DefaultArticleTemplate({ record, query }) {
   if (!record) return null;
   const metadata = Array.isArray(record.metadata) ? record.metadata : [];
-  return /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React34.createElement(
     ArticleCard,
     {
       href: record.href,
@@ -45420,7 +45674,7 @@ function DefaultFigureTemplate({ record, thumbnailAspectRatio }) {
   if (!record) return null;
   const hasDims = Number.isFinite(Number(record.thumbnailWidth)) && Number(record.thumbnailWidth) > 0 && Number.isFinite(Number(record.thumbnailHeight)) && Number(record.thumbnailHeight) > 0;
   const aspect = Number.isFinite(Number(thumbnailAspectRatio)) && Number(thumbnailAspectRatio) > 0 ? Number(thumbnailAspectRatio) : hasDims ? Number(record.thumbnailWidth) / Number(record.thumbnailHeight) : void 0;
-  return /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React34.createElement(
     Card,
     {
       href: record.href,
@@ -45440,8 +45694,17 @@ function SearchResults({
   templates = {},
   variant = "auto"
 }) {
+  const { getString } = useLocale();
+  const resultsRegionLabel = getString(
+    "common.phrases.results_label",
+    "Search results"
+  );
+  const noResultsLabel = getString(
+    "common.statuses.no_matches",
+    "No matches found."
+  );
   if (!results.length) {
-    return /* @__PURE__ */ React33.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React33.createElement("em", null, "No results"));
+    return /* @__PURE__ */ React34.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React34.createElement("em", null, noResultsLabel));
   }
   const normalizedType = String(type || "all").toLowerCase();
   const normalizedVariant = variant === "figure" || variant === "article" ? variant : "auto";
@@ -45449,9 +45712,9 @@ function SearchResults({
   const FigureTemplate = templates && templates.figure ? templates.figure : DefaultFigureTemplate;
   const ArticleTemplate = templates && templates.article ? templates.article : DefaultArticleTemplate;
   if (isAnnotationView) {
-    return /* @__PURE__ */ React33.createElement("div", { id: "search-results", className: "space-y-4", role: "region", "aria-label": "Search results" }, results.map((r, i) => {
+    return /* @__PURE__ */ React34.createElement("div", { id: "search-results", className: "space-y-4", role: "region", "aria-label": resultsRegionLabel }, results.map((r, i) => {
       if (!r) return null;
-      return /* @__PURE__ */ React33.createElement(
+      return /* @__PURE__ */ React34.createElement(
         ArticleTemplate,
         {
           key: r.id || i,
@@ -45469,20 +45732,20 @@ function SearchResults({
     return !isWorkRecord(record) || normalizedType !== "work";
   };
   if (layout === "list") {
-    return /* @__PURE__ */ React33.createElement("div", { id: "search-results", className: "space-y-6", role: "region", "aria-label": "Search results" }, results.map((r, i) => {
+    return /* @__PURE__ */ React34.createElement("div", { id: "search-results", className: "space-y-6", role: "region", "aria-label": resultsRegionLabel }, results.map((r, i) => {
       if (shouldRenderAsArticle(r)) {
-        return /* @__PURE__ */ React33.createElement("div", { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React33.createElement(ArticleTemplate, { record: r, query, layout }));
+        return /* @__PURE__ */ React34.createElement("div", { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React34.createElement(ArticleTemplate, { record: r, query, layout }));
       }
       const hasDims = Number.isFinite(Number(r.thumbnailWidth)) && Number(r.thumbnailWidth) > 0 && Number.isFinite(Number(r.thumbnailHeight)) && Number(r.thumbnailHeight) > 0;
       const aspect = hasDims ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight) : void 0;
-      return /* @__PURE__ */ React33.createElement(
+      return /* @__PURE__ */ React34.createElement(
         "div",
         {
           key: i,
           className: `search-result ${r.type}`,
           "data-thumbnail-aspect-ratio": aspect
         },
-        /* @__PURE__ */ React33.createElement(
+        /* @__PURE__ */ React34.createElement(
           FigureTemplate,
           {
             record: r,
@@ -45494,20 +45757,20 @@ function SearchResults({
       );
     }));
   }
-  return /* @__PURE__ */ React33.createElement("div", { id: "search-results", role: "region", "aria-label": "Search results" }, /* @__PURE__ */ React33.createElement(Grid, null, results.map((r, i) => {
+  return /* @__PURE__ */ React34.createElement("div", { id: "search-results", role: "region", "aria-label": resultsRegionLabel }, /* @__PURE__ */ React34.createElement(Grid, null, results.map((r, i) => {
     if (shouldRenderAsArticle(r)) {
-      return /* @__PURE__ */ React33.createElement(GridItem, { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React33.createElement(ArticleTemplate, { record: r, query, layout }));
+      return /* @__PURE__ */ React34.createElement(GridItem, { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React34.createElement(ArticleTemplate, { record: r, query, layout }));
     }
     const hasDims = Number.isFinite(Number(r.thumbnailWidth)) && Number(r.thumbnailWidth) > 0 && Number.isFinite(Number(r.thumbnailHeight)) && Number(r.thumbnailHeight) > 0;
     const aspect = hasDims ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight) : void 0;
-    return /* @__PURE__ */ React33.createElement(
+    return /* @__PURE__ */ React34.createElement(
       GridItem,
       {
         key: i,
         className: `search-result ${r.type}`,
         "data-thumbnail-aspect-ratio": aspect
       },
-      /* @__PURE__ */ React33.createElement(
+      /* @__PURE__ */ React34.createElement(
         FigureTemplate,
         {
           record: r,
@@ -45521,7 +45784,7 @@ function SearchResults({
 }
 
 // ui/src/search/SearchTabs.jsx
-import React34, { useRef as useRef3, useState as useState6, useEffect as useEffect7 } from "react";
+import React35, { useRef as useRef3, useState as useState6, useEffect as useEffect7 } from "react";
 function SearchTabs({
   type = "all",
   onTypeChange,
@@ -45532,10 +45795,34 @@ function SearchTabs({
   filtersLabel = "Filters",
   filtersOpen = false
 }) {
+  const { getString, formatString } = useLocale();
+  const typeLabels = React35.useMemo(
+    () => ({
+      work: getString("common.types.work", "Works"),
+      page: getString("common.types.page", "Pages"),
+      docs: getString("common.types.docs", "Docs")
+    }),
+    [getString]
+  );
+  const allTypesLabel = getString("common.nouns.items", "items");
   const orderedTypes = Array.isArray(types) ? types : [];
-  const toLabel = (t) => t && t.length ? t.charAt(0).toUpperCase() + t.slice(1) : "";
+  const toLabel = (t) => {
+    const key = String(t || "").toLowerCase();
+    if (!key) return "";
+    if (key === "all") {
+      return allTypesLabel ? String(allTypesLabel) : "All";
+    }
+    if (typeLabels[key]) return typeLabels[key];
+    return key.charAt(0).toUpperCase() + key.slice(1);
+  };
   const hasFilters = typeof onOpenFilters === "function";
-  const filterBadge = activeFilterCount > 0 ? /* @__PURE__ */ React34.createElement("span", { className: "canopy-search-tabs__filters-count" }, "(", activeFilterCount, ")") : null;
+  const resolvedFiltersLabel = typeof filtersLabel === "string" && filtersLabel.trim() ? filtersLabel : getString("common.nouns.filters", "Filters");
+  const filterBadge = activeFilterCount > 0 ? /* @__PURE__ */ React35.createElement("span", { className: "canopy-search-tabs__filters-count" }, "(", activeFilterCount, ")") : null;
+  const searchTypesLabel = formatString(
+    "common.phrases.search_content",
+    "Search types",
+    { content: getString("common.nouns.types", "types") }
+  );
   const [itemBoundingBox, setItemBoundingBox] = useState6(null);
   const [wrapperBoundingBox, setWrapperBoundingBox] = useState6(null);
   const [highlightedTab, setHighlightedTab] = useState6(null);
@@ -45575,16 +45862,16 @@ function SearchTabs({
       width: `${itemBoundingBox.width}px`
     };
   }
-  return /* @__PURE__ */ React34.createElement("div", { className: "canopy-search-tabs-wrapper" }, /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement("div", { className: "canopy-search-tabs-wrapper" }, /* @__PURE__ */ React35.createElement(
     "div",
     {
       role: "tablist",
-      "aria-label": "Search types",
+      "aria-label": searchTypesLabel || "Search types",
       className: "canopy-search-tabs",
       ref: wrapperRef,
       onMouseLeave: resetHighlight
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React35.createElement(
       "div",
       {
         ref: highlightRef,
@@ -45596,7 +45883,7 @@ function SearchTabs({
       const active = String(type).toLowerCase() === String(t).toLowerCase();
       const cRaw = counts && Object.prototype.hasOwnProperty.call(counts, t) ? counts[t] : void 0;
       const c = Number.isFinite(Number(cRaw)) ? Number(cRaw) : 0;
-      return /* @__PURE__ */ React34.createElement(
+      return /* @__PURE__ */ React35.createElement(
         "button",
         {
           key: t,
@@ -45614,7 +45901,7 @@ function SearchTabs({
         ")"
       );
     })
-  ), hasFilters ? /* @__PURE__ */ React34.createElement(
+  ), hasFilters ? /* @__PURE__ */ React35.createElement(
     Button,
     {
       as: "button",
@@ -45624,13 +45911,13 @@ function SearchTabs({
       "aria-expanded": filtersOpen ? "true" : "false",
       className: "canopy-search-tabs__filters-button"
     },
-    /* @__PURE__ */ React34.createElement("span", null, filtersLabel),
+    /* @__PURE__ */ React35.createElement("span", null, resolvedFiltersLabel),
     filterBadge
   ) : null);
 }
 
 // ui/src/search/SearchFiltersDialog.jsx
-import React35 from "react";
+import React36 from "react";
 var PageContext2 = getSafePageContext();
 function toArray(input) {
   if (!input) return [];
@@ -45664,49 +45951,59 @@ function facetMatches(values = [], query) {
   });
   return [...starts, ...contains2].slice(0, 10);
 }
-function FacetSection({ facet, selected, onToggle }) {
+function FacetSection({
+  facet,
+  selected,
+  onToggle,
+  searchPlaceholder,
+  filterLabelBuilder,
+  clearButtonLabel,
+  clearAriaBuilder,
+  noMatchesLabel,
+  emptyValuesLabel
+}) {
   if (!facet || !facet.label || !Array.isArray(facet.values)) return null;
   const { label, slug, values } = facet;
   const selectedValues = selected.get(String(slug)) || /* @__PURE__ */ new Set();
   const checkboxId = (valueSlug) => `filter-${slug}-${valueSlug}`;
   const hasSelection = selectedValues.size > 0;
-  const [quickQuery, setQuickQuery] = React35.useState("");
+  const [quickQuery, setQuickQuery] = React36.useState("");
   const hasQuery = quickQuery.trim().length > 0;
-  const filteredValues = React35.useMemo(
+  const filteredValues = React36.useMemo(
     () => facetMatches(values, quickQuery),
     [values, quickQuery]
   );
-  return /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React36.createElement(
     "details",
     {
       className: "canopy-search-filters__facet",
       open: hasSelection
     },
-    /* @__PURE__ */ React35.createElement("summary", { className: "canopy-search-filters__facet-summary" }, /* @__PURE__ */ React35.createElement("span", null, label), /* @__PURE__ */ React35.createElement("span", { className: "canopy-search-filters__facet-count" }, values.length)),
-    /* @__PURE__ */ React35.createElement("div", { className: "canopy-search-filters__facet-content" }, /* @__PURE__ */ React35.createElement("div", { className: "canopy-search-filters__quick" }, /* @__PURE__ */ React35.createElement(
+    /* @__PURE__ */ React36.createElement("summary", { className: "canopy-search-filters__facet-summary" }, /* @__PURE__ */ React36.createElement("span", null, label), /* @__PURE__ */ React36.createElement("span", { className: "canopy-search-filters__facet-count" }, values.length)),
+    /* @__PURE__ */ React36.createElement("div", { className: "canopy-search-filters__facet-content" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-search-filters__quick" }, /* @__PURE__ */ React36.createElement(
       "input",
       {
         type: "search",
         value: quickQuery,
         onChange: (event) => setQuickQuery(event.target.value),
-        placeholder: "Search values",
+        placeholder: searchPlaceholder,
         className: "canopy-search-filters__quick-input",
-        "aria-label": `Filter ${label} values`
+        "aria-label": filterLabelBuilder ? filterLabelBuilder(label) : `Filter ${label} values`
       }
-    ), quickQuery ? /* @__PURE__ */ React35.createElement(
+    ), quickQuery ? /* @__PURE__ */ React36.createElement(
       "button",
       {
         type: "button",
         onClick: () => setQuickQuery(""),
         className: "canopy-search-filters__quick-clear",
-        "aria-label": `Clear ${label} filter search`
+        "aria-label": clearAriaBuilder ? clearAriaBuilder(label) : `Clear ${label} filter search`
       },
-      "Clear"
-    ) : null), hasQuery && !filteredValues.length ? /* @__PURE__ */ React35.createElement("p", { className: "canopy-search-filters__facet-notice" }, "No matches found.") : null, /* @__PURE__ */ React35.createElement("ul", { className: "canopy-search-filters__facet-list" }, filteredValues.map((entry) => {
+      clearButtonLabel || "Clear"
+    ) : null), hasQuery && !filteredValues.length ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-search-filters__facet-notice" }, noMatchesLabel) : null, /* @__PURE__ */ React36.createElement("ul", { className: "canopy-search-filters__facet-list" }, filteredValues.map((entry) => {
       const valueSlug = String(entry.slug || entry.value || "");
       const isChecked = selectedValues.has(valueSlug);
       const inputId = checkboxId(valueSlug);
-      return /* @__PURE__ */ React35.createElement("li", { key: valueSlug, className: "canopy-search-filters__facet-item" }, /* @__PURE__ */ React35.createElement(
+      return /* @__PURE__ */ React36.createElement("li", { key: valueSlug, className: "canopy-search-filters__facet-item" }, /* @__PURE__ */ React36.createElement(
         "input",
         {
           id: inputId,
@@ -45718,15 +46015,15 @@ function FacetSection({ facet, selected, onToggle }) {
             if (onToggle) onToggle(slug, valueSlug, nextChecked);
           }
         }
-      ), /* @__PURE__ */ React35.createElement(
+      ), /* @__PURE__ */ React36.createElement(
         "label",
         {
           htmlFor: inputId,
           className: "canopy-search-filters__facet-label"
         },
-        /* @__PURE__ */ React35.createElement("span", null, entry.value, " ", Number.isFinite(entry.doc_count) ? /* @__PURE__ */ React35.createElement("span", { className: "canopy-search-filters__facet-count" }, "(", entry.doc_count, ")") : null)
+        /* @__PURE__ */ React36.createElement("span", null, entry.value, " ", Number.isFinite(entry.doc_count) ? /* @__PURE__ */ React36.createElement("span", { className: "canopy-search-filters__facet-count" }, "(", entry.doc_count, ")") : null)
       ));
-    }), !filteredValues.length && !hasQuery ? /* @__PURE__ */ React35.createElement("li", { className: "canopy-search-filters__facet-empty" }, "No values available.") : null))
+    }), !filteredValues.length && !hasQuery ? /* @__PURE__ */ React36.createElement("li", { className: "canopy-search-filters__facet-empty" }, emptyValuesLabel) : null))
   );
 }
 function SearchFiltersDialog(props = {}) {
@@ -45738,17 +46035,50 @@ function SearchFiltersDialog(props = {}) {
     onToggle,
     onClear,
     title,
-    subtitle = "Refine results by metadata",
+    subtitle,
     brandLabel: brandLabelProp,
     brandHref = "/",
     logo: SiteLogo
   } = props;
+  const { getString, formatString } = useLocale();
+  const filtersLabel = getString("common.nouns.filters", "filters");
+  const valuesLabel = getString("common.nouns.values", "values");
+  const metadataLabel = getString("common.nouns.metadata", "metadata");
+  const searchValuesPlaceholder = formatString(
+    "common.phrases.search_content",
+    "Search values",
+    { content: valuesLabel }
+  );
+  const filterValuesLabel = (content) => formatString(
+    "common.phrases.filter_values",
+    "Filter {content} values",
+    { content: content || valuesLabel }
+  );
+  const clearSearchLabel = (content) => formatString(
+    "common.phrases.clear_content_search",
+    "Clear {content} search",
+    { content: content || filtersLabel }
+  );
+  const emptyValuesLabel = formatString(
+    "common.statuses.empty_detail",
+    "No {content} available.",
+    { content: valuesLabel }
+  );
+  const noMatchesLabel = getString(
+    "common.statuses.no_matches",
+    "No matches found."
+  );
+  const subtitleText = subtitle != null ? subtitle : formatString(
+    "common.phrases.filter_values",
+    "Filter {content} values",
+    { content: metadataLabel }
+  );
   const selectedMap = normalizeSelected(selected);
   const activeCount = Array.from(selectedMap.values()).reduce(
     (total, set) => total + set.size,
     0
   );
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     if (!open) return void 0;
     if (typeof document === "undefined") return void 0;
     const body = document.body;
@@ -45762,13 +46092,35 @@ function SearchFiltersDialog(props = {}) {
       if (root2) root2.style.overflow = prevRoot;
     };
   }, [open]);
-  const context = React35.useContext(PageContext2);
+  const context = React36.useContext(PageContext2);
   const contextSiteTitle = context && context.site && typeof context.site.title === "string" ? context.site.title.trim() : "";
   const resolvedBrandLabel = typeof brandLabelProp === "string" && brandLabelProp.trim() ? brandLabelProp : contextSiteTitle || "Site title";
   if (!open) return null;
   const brandId = "canopy-modal-filters-label";
-  const subtitleText = subtitle != null ? subtitle : title;
-  return /* @__PURE__ */ React35.createElement(
+  const resolvedSubtitle = subtitleText || title;
+  const modalCloseLabel = formatString(
+    "common.phrases.close_content",
+    "Close {content}",
+    { content: filtersLabel }
+  );
+  const filterUnavailableLabel = formatString(
+    "common.statuses.unavailable_detail",
+    "{content} is unavailable.",
+    { content: filtersLabel }
+  );
+  const noneAppliedLabel = formatString(
+    "common.phrases.none_applied",
+    "No {content} applied",
+    { content: filtersLabel }
+  );
+  const appliedCountLabel = activeCount ? formatString(
+    "common.phrases.applied_count",
+    "{count} {content} applied",
+    { count: activeCount, content: filtersLabel }
+  ) : noneAppliedLabel;
+  const clearAllLabel = getString("common.actions.clear_all", "Clear all");
+  const doneLabel = getString("common.actions.done", "Done");
+  return /* @__PURE__ */ React36.createElement(
     CanopyModal,
     {
       id: "canopy-modal-filters",
@@ -45778,22 +46130,28 @@ function SearchFiltersDialog(props = {}) {
       label: resolvedBrandLabel,
       logo: SiteLogo,
       href: brandHref,
-      closeLabel: "Close filters",
+      closeLabel: modalCloseLabel || "Close",
       onClose: () => onOpenChange && onOpenChange(false),
       onBackgroundClick: () => onOpenChange && onOpenChange(false),
       bodyClassName: "canopy-modal__body--filters"
     },
-    subtitleText ? /* @__PURE__ */ React35.createElement("p", { className: "canopy-search-filters__subtitle" }, subtitleText) : null,
-    /* @__PURE__ */ React35.createElement("div", { className: "canopy-search-filters__body" }, Array.isArray(facets) && facets.length ? /* @__PURE__ */ React35.createElement("div", { className: "canopy-search-filters__facets" }, facets.map((facet) => /* @__PURE__ */ React35.createElement(
+    resolvedSubtitle ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-search-filters__subtitle" }, resolvedSubtitle) : null,
+    /* @__PURE__ */ React36.createElement("div", { className: "canopy-search-filters__body" }, Array.isArray(facets) && facets.length ? /* @__PURE__ */ React36.createElement("div", { className: "canopy-search-filters__facets" }, facets.map((facet) => /* @__PURE__ */ React36.createElement(
       FacetSection,
       {
         key: facet.slug || facet.label,
         facet,
         selected: selectedMap,
-        onToggle
-      }
-    ))) : /* @__PURE__ */ React35.createElement("p", { className: "canopy-search-filters__empty" }, "No filters are available for this collection.")),
-    /* @__PURE__ */ React35.createElement("footer", { className: "canopy-search-filters__footer" }, /* @__PURE__ */ React35.createElement("div", null, activeCount ? `${activeCount} filter${activeCount === 1 ? "" : "s"} applied` : "No filters applied"), /* @__PURE__ */ React35.createElement("div", { className: "canopy-search-filters__footer-actions" }, /* @__PURE__ */ React35.createElement(
+        onToggle,
+        searchPlaceholder: searchValuesPlaceholder,
+        filterLabelBuilder: filterValuesLabel,
+        clearButtonLabel: getString("common.actions.clear", "Clear"),
+        clearAriaBuilder: clearSearchLabel,
+        noMatchesLabel,
+        emptyValuesLabel
+      }
+    ))) : /* @__PURE__ */ React36.createElement("p", { className: "canopy-search-filters__empty" }, filterUnavailableLabel)),
+    /* @__PURE__ */ React36.createElement("footer", { className: "canopy-search-filters__footer" }, /* @__PURE__ */ React36.createElement("div", null, appliedCountLabel), /* @__PURE__ */ React36.createElement("div", { className: "canopy-search-filters__footer-actions" }, /* @__PURE__ */ React36.createElement(
       "button",
       {
         type: "button",
@@ -45803,54 +46161,57 @@ function SearchFiltersDialog(props = {}) {
         disabled: !activeCount,
         className: "canopy-search-filters__button canopy-search-filters__button--secondary"
       },
-      "Clear all"
-    ), /* @__PURE__ */ React35.createElement(
+      clearAllLabel
+    ), /* @__PURE__ */ React36.createElement(
       "button",
       {
         type: "button",
         onClick: () => onOpenChange && onOpenChange(false),
         className: "canopy-search-filters__button canopy-search-filters__button--primary"
       },
-      "Done"
+      doneLabel
     )))
   );
 }
 
 // ui/src/search-form/MdxSearchFormModal.jsx
-import React36 from "react";
+import React37 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 } = useLocale();
+  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__ */ React36.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React36.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React36.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React36.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React36.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  return /* @__PURE__ */ React37.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React37.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React37.createElement(SearchPanelForm, { placeholder, buttonLabel: resolvedButtonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React37.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React37.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/docs/MarkdownTable.jsx
-import React37 from "react";
+import React38 from "react";
 function MarkdownTable({ className = "", ...rest }) {
   const merged = ["markdown-table", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React37.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React37.createElement("table", { className: merged, ...rest }));
+  return /* @__PURE__ */ React38.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React38.createElement("table", { className: merged, ...rest }));
 }
 
 // ui/src/docs/Diagram.jsx
-import React38 from "react";
+import React39 from "react";
 function CanopyDiagram() {
-  return /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React38.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React38.createElement("h3", null, "IIIF Providers"), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 45 manifests while 5 manifests are directly retrieved as-is via IIIF endpoints."), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Collection A"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "30 Manifests"), /* @__PURE__ */ React38.createElement("li", null, /* @__PURE__ */ React38.createElement("em", null, "Manuscripts")))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Collection B"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "15 Manifests"), /* @__PURE__ */ React38.createElement("li", null, /* @__PURE__ */ React38.createElement("em", null, "Portraits")))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Manifests (direct)"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "5 Manifests"), /* @__PURE__ */ React38.createElement("li", null, /* @__PURE__ */ React38.createElement("em", null, "Scrapbooks")))))), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React38.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React38.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy retrieves collections and syncs all manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Automated content"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "50 manifests \u2192 50 work pages"), /* @__PURE__ */ React38.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React38.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React38.createElement("li", null, "Author narratives"), /* @__PURE__ */ React38.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Search index"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React38.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React38.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React38.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React38.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React38.createElement("span", { className: "canopy-diagram__section-summary" }, "The output is a lightweight bundle of HTML, CSS, JS, and JSON assets that can deploy anywhere."), /* @__PURE__ */ React38.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Work pages"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "50 generated HTML pages"), /* @__PURE__ */ React38.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React38.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React38.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React38.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React38.createElement("article", null, /* @__PURE__ */ React38.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React38.createElement("ul", null, /* @__PURE__ */ React38.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React38.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React38.createElement("li", null, "Optional annotation dataset"))))));
+  return /* @__PURE__ */ React39.createElement("div", { className: "canopy-diagram" }, /* @__PURE__ */ React39.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--collections" }, /* @__PURE__ */ React39.createElement("h3", null, "IIIF Providers"), /* @__PURE__ */ React39.createElement("span", { className: "canopy-diagram__section-summary" }, "Source collections contribute 45 manifests while 5 manifests are directly retrieved as-is via IIIF endpoints."), /* @__PURE__ */ React39.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React39.createElement("article", null, /* @__PURE__ */ React39.createElement("h4", null, "Collection A"), /* @__PURE__ */ React39.createElement("ul", null, /* @__PURE__ */ React39.createElement("li", null, "30 Manifests"), /* @__PURE__ */ React39.createElement("li", null, /* @__PURE__ */ React39.createElement("em", null, "Manuscripts")))), /* @__PURE__ */ React39.createElement("article", null, /* @__PURE__ */ React39.createElement("h4", null, "Collection B"), /* @__PURE__ */ React39.createElement("ul", null, /* @__PURE__ */ React39.createElement("li", null, "15 Manifests"), /* @__PURE__ */ React39.createElement("li", null, /* @__PURE__ */ React39.createElement("em", null, "Portraits")))), /* @__PURE__ */ React39.createElement("article", null, /* @__PURE__ */ React39.createElement("h4", null, "Manifests (direct)"), /* @__PURE__ */ React39.createElement("ul", null, /* @__PURE__ */ React39.createElement("li", null, "5 Manifests"), /* @__PURE__ */ React39.createElement("li", null, /* @__PURE__ */ React39.createElement("em", null, "Scrapbooks")))))), /* @__PURE__ */ React39.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React39.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React39.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React39.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--build" }, /* @__PURE__ */ React39.createElement("h3", null, "Canopy Build Process"), /* @__PURE__ */ React39.createElement("span", { className: "canopy-diagram__section-summary" }, "Canopy retrieves collections and syncs all manifests, page content, and annotations before bundling the site."), /* @__PURE__ */ React39.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React39.createElement("article", null, /* @__PURE__ */ React39.createElement("h4", null, "Automated content"), /* @__PURE__ */ React39.createElement("ul", null, /* @__PURE__ */ React39.createElement("li", null, "50 manifests \u2192 50 work pages"), /* @__PURE__ */ React39.createElement("li", null, "One page per manifest"), /* @__PURE__ */ React39.createElement("li", null, "Customize page layout"))), /* @__PURE__ */ React39.createElement("article", null, /* @__PURE__ */ React39.createElement("h4", null, "Contextual content"), /* @__PURE__ */ React39.createElement("ul", null, /* @__PURE__ */ React39.createElement("li", null, "Markdown & MDX pages"), /* @__PURE__ */ React39.createElement("li", null, "Author narratives"), /* @__PURE__ */ React39.createElement("li", null, "Reference manifests inline"))), /* @__PURE__ */ React39.createElement("article", null, /* @__PURE__ */ React39.createElement("h4", null, "Search index"), /* @__PURE__ */ React39.createElement("ul", null, /* @__PURE__ */ React39.createElement("li", null, "Combines works + pages"), /* @__PURE__ */ React39.createElement("li", null, "Customize result layout"), /* @__PURE__ */ React39.createElement("li", null, "Optional annotations"))))), /* @__PURE__ */ React39.createElement("div", { className: "canopy-diagram__arrow", "aria-hidden": "true" }, /* @__PURE__ */ React39.createElement("span", { className: "canopy-diagram__arrow-line" }), /* @__PURE__ */ React39.createElement("span", { className: "canopy-diagram__arrow-head" })), /* @__PURE__ */ React39.createElement("section", { className: "canopy-diagram__section canopy-diagram__section--output" }, /* @__PURE__ */ React39.createElement("h3", null, "Static Digital Project"), /* @__PURE__ */ React39.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__ */ React39.createElement("div", { className: "canopy-diagram__grid" }, /* @__PURE__ */ React39.createElement("article", null, /* @__PURE__ */ React39.createElement("h4", null, "Work pages"), /* @__PURE__ */ React39.createElement("ul", null, /* @__PURE__ */ React39.createElement("li", null, "50 generated HTML pages"), /* @__PURE__ */ React39.createElement("li", null, "Each links back to source manifests"), /* @__PURE__ */ React39.createElement("li", null, "Styled with Canopy components"))), /* @__PURE__ */ React39.createElement("article", null, /* @__PURE__ */ React39.createElement("h4", null, "Custom pages"), /* @__PURE__ */ React39.createElement("ul", null, /* @__PURE__ */ React39.createElement("li", null, "Markdown & MDX-authored content"), /* @__PURE__ */ React39.createElement("li", null, "Reusable layouts for narratives"), /* @__PURE__ */ React39.createElement("li", null, "Embed IIIF media & interstitials"))), /* @__PURE__ */ React39.createElement("article", null, /* @__PURE__ */ React39.createElement("h4", null, "Search bundle"), /* @__PURE__ */ React39.createElement("ul", null, /* @__PURE__ */ React39.createElement("li", null, "Static FlexSearch index"), /* @__PURE__ */ React39.createElement("li", null, "Works + pages share records"), /* @__PURE__ */ React39.createElement("li", null, "Optional annotation dataset"))))));
 }
 
 // ui/src/content/timeline/Timeline.jsx
-import React40 from "react";
+import React41 from "react";
 
 // ui/src/content/timeline/date-utils.js
 var FALLBACK_LOCALE = (() => {
@@ -46003,7 +46364,7 @@ function clampProgress(value) {
 }
 
 // ui/src/layout/ReferencedManifestCard.jsx
-import React39 from "react";
+import React40 from "react";
 function normalizeMetadata(metadata, summary) {
   if (Array.isArray(metadata) && metadata.length) {
     return metadata.filter(Boolean);
@@ -46037,7 +46398,7 @@ function ReferencedManifestCard({
     "canopy-referenced-manifest-card",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(
     TeaserCard,
     {
       href: resolvedHref || void 0,
@@ -46219,14 +46580,14 @@ function TimelineConnector({ side, isActive, highlight }) {
     "canopy-timeline__connector-dot",
     highlight || isActive ? "is-active" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React40.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React40.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement("span", { className: dotClasses }), /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__connector-line" })));
+  return /* @__PURE__ */ React41.createElement("span", { className: connectorClasses, "aria-hidden": "true" }, side === "left" ? /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__connector-line" }), /* @__PURE__ */ React41.createElement("span", { className: dotClasses })) : /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement("span", { className: dotClasses }), /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__connector-line" })));
 }
 function renderResourceSection(point2) {
   if (!point2) return null;
   const manifestCards = Array.isArray(point2.manifests) ? point2.manifests.filter(Boolean) : [];
   const legacyResources = Array.isArray(point2.resources) ? point2.resources.filter(Boolean) : [];
   if (!manifestCards.length && !legacyResources.length) return null;
-  return /* @__PURE__ */ React40.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React40.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React40.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React40.createElement(ReferencedManifestCard, { manifest }))), legacyResources.map((resource, idx) => /* @__PURE__ */ React40.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement("div", { className: "canopy-timeline__resources" }, /* @__PURE__ */ React41.createElement("div", { className: "canopy-timeline__resources-list" }, manifestCards.map((manifest) => /* @__PURE__ */ React41.createElement("div", { key: manifest.id || manifest.href }, /* @__PURE__ */ React41.createElement(ReferencedManifestCard, { manifest }))), legacyResources.map((resource, idx) => /* @__PURE__ */ React41.createElement("div", { key: resource.id || resource.href || `legacy-${idx}` }, /* @__PURE__ */ React41.createElement(
     TeaserCard,
     {
       href: resource.href,
@@ -46251,26 +46612,26 @@ function Timeline({
   ...rest
 }) {
   const payloadPoints = payload && Array.isArray(payload.points) ? payload.points : null;
-  const rawPoints = React40.useMemo(() => {
+  const rawPoints = React41.useMemo(() => {
     if (Array.isArray(pointsProp) && pointsProp.length) return pointsProp;
     if (payloadPoints && payloadPoints.length) return payloadPoints;
     return [];
   }, [pointsProp, payloadPoints]);
-  const sanitizedPoints = React40.useMemo(
+  const sanitizedPoints = React41.useMemo(
     () => sanitizePoints(rawPoints),
     [rawPoints]
   );
   const localeValue = payload && payload.locale ? payload.locale : localeProp;
-  const baseLocale = React40.useMemo(
+  const baseLocale = React41.useMemo(
     () => createLocale(localeValue),
     [localeValue]
   );
   const rangeInput = payload && payload.range ? payload.range : rangeProp || {};
-  const rangeOverrides = React40.useMemo(
+  const rangeOverrides = React41.useMemo(
     () => deriveRangeOverrides(sanitizedPoints, rangeInput),
     [sanitizedPoints, rangeInput]
   );
-  const effectiveRange = React40.useMemo(
+  const effectiveRange = React41.useMemo(
     () => normalizeRange({
       ...rangeOverrides,
       locale: baseLocale
@@ -46279,7 +46640,7 @@ function Timeline({
   );
   const spanStart = effectiveRange.startDate.getTime();
   const span = effectiveRange.span;
-  const pointsWithPosition = React40.useMemo(() => {
+  const pointsWithPosition = React41.useMemo(() => {
     if (!sanitizedPoints.length) return [];
     return sanitizedPoints.map((point2, index) => {
       const timestamp = point2.meta.timestamp;
@@ -46293,29 +46654,29 @@ function Timeline({
       };
     });
   }, [sanitizedPoints, spanStart, span]);
-  const [activeId, setActiveId] = React40.useState(
+  const [activeId, setActiveId] = React41.useState(
     () => getActivePointId(pointsWithPosition)
   );
-  React40.useEffect(() => {
+  React41.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 = React40.useMemo(
+  const thresholdMs = React41.useMemo(
     () => getThresholdMs(thresholdValue, effectiveRange.granularity),
     [thresholdValue, effectiveRange.granularity]
   );
-  const groupedEntries = React40.useMemo(
+  const groupedEntries = React41.useMemo(
     () => buildGroupedEntries(pointsWithPosition, thresholdMs, {
       granularity: effectiveRange.granularity,
       locale: baseLocale
     }),
     [pointsWithPosition, thresholdMs, effectiveRange.granularity, baseLocale]
   );
-  const [expandedGroupIds, setExpandedGroupIds] = React40.useState(
+  const [expandedGroupIds, setExpandedGroupIds] = React41.useState(
     () => /* @__PURE__ */ new Set()
   );
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     setExpandedGroupIds((prev) => {
       if (!prev || prev.size === 0) return prev;
       const validIds = new Set(
@@ -46330,7 +46691,7 @@ function Timeline({
       return changed ? next : prev;
     });
   }, [groupedEntries]);
-  const toggleGroup = React40.useCallback((groupId) => {
+  const toggleGroup = React41.useCallback((groupId) => {
     setExpandedGroupIds((prev) => {
       const next = new Set(prev || []);
       if (next.has(groupId)) next.delete(groupId);
@@ -46353,7 +46714,7 @@ function Timeline({
       point2.id === activeId ? "is-active" : "",
       point2.highlight ? "is-highlighted" : ""
     ].filter(Boolean).join(" ");
-    const connector = /* @__PURE__ */ React40.createElement(
+    const connector = /* @__PURE__ */ React41.createElement(
       TimelineConnector,
       {
         side: point2.side,
@@ -46361,9 +46722,9 @@ function Timeline({
         highlight: point2.highlight
       }
     );
-    const body = /* @__PURE__ */ React40.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__point-date" }, point2.meta.label), /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__point-title" }, point2.title), point2.summary ? /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__point-summary" }, point2.summary) : null);
+    const body = /* @__PURE__ */ React41.createElement("div", { className: "canopy-timeline__point-body" }, /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__point-date" }, point2.meta.label), /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__point-title" }, point2.title), point2.summary ? /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__point-summary" }, point2.summary) : null);
     const resourceSection = renderResourceSection(point2);
-    return /* @__PURE__ */ React40.createElement(
+    return /* @__PURE__ */ React41.createElement(
       "div",
       {
         key: point2.id,
@@ -46371,7 +46732,7 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      point2.side === "left" ? /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React40.createElement(React40.Fragment, null, connector, /* @__PURE__ */ React40.createElement("div", { className: cardClasses }, body, resourceSection))
+      point2.side === "left" ? /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement("div", { className: cardClasses }, body, resourceSection), connector) : /* @__PURE__ */ React41.createElement(React41.Fragment, null, connector, /* @__PURE__ */ React41.createElement("div", { className: cardClasses }, body, resourceSection))
     );
   }
   function renderGroupEntry(entry) {
@@ -46382,7 +46743,7 @@ function Timeline({
     const wrapperStyle = { top: `${entry.progress * 100}%` };
     const isExpanded = expandedGroupIds.has(entry.id);
     const hasActivePoint = entry.points.some((point2) => point2.id === activeId);
-    const connector = /* @__PURE__ */ React40.createElement(
+    const connector = /* @__PURE__ */ React41.createElement(
       TimelineConnector,
       {
         side: entry.side,
@@ -46396,7 +46757,7 @@ function Timeline({
       hasActivePoint ? "is-active" : ""
     ].filter(Boolean).join(" ");
     const countLabel = `${entry.count} event${entry.count > 1 ? "s" : ""}`;
-    const header = /* @__PURE__ */ React40.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React40.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React40.createElement(
+    const header = /* @__PURE__ */ React41.createElement("div", { className: "canopy-timeline__group-header" }, /* @__PURE__ */ React41.createElement("div", { className: "canopy-timeline__group-summary" }, /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__point-date" }, entry.label), /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__group-count" }, countLabel)), /* @__PURE__ */ React41.createElement(
       "button",
       {
         type: "button",
@@ -46406,7 +46767,7 @@ function Timeline({
       },
       isExpanded ? "Hide details" : "Show details"
     ));
-    const groupPoints = isExpanded ? /* @__PURE__ */ React40.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point2) => /* @__PURE__ */ React40.createElement(
+    const groupPoints = isExpanded ? /* @__PURE__ */ React41.createElement("div", { className: "canopy-timeline__group-points" }, entry.points.map((point2) => /* @__PURE__ */ React41.createElement(
       "button",
       {
         key: point2.id,
@@ -46417,11 +46778,11 @@ function Timeline({
         ].filter(Boolean).join(" "),
         onClick: () => setActiveId(point2.id)
       },
-      /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__point-date" }, point2.meta.label),
-      /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__group-point-title" }, point2.title)
+      /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__point-date" }, point2.meta.label),
+      /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__group-point-title" }, point2.title)
     ))) : null;
-    const groupCard = /* @__PURE__ */ React40.createElement("div", { className: groupClasses }, header, groupPoints);
-    return /* @__PURE__ */ React40.createElement(
+    const groupCard = /* @__PURE__ */ React41.createElement("div", { className: groupClasses }, header, groupPoints);
+    return /* @__PURE__ */ React41.createElement(
       "div",
       {
         key: entry.id,
@@ -46429,17 +46790,17 @@ function Timeline({
         style: wrapperStyle,
         role: "listitem"
       },
-      entry.side === "left" ? /* @__PURE__ */ React40.createElement(React40.Fragment, null, groupCard, connector) : /* @__PURE__ */ React40.createElement(React40.Fragment, null, connector, groupCard)
+      entry.side === "left" ? /* @__PURE__ */ React41.createElement(React41.Fragment, null, groupCard, connector) : /* @__PURE__ */ React41.createElement(React41.Fragment, null, connector, groupCard)
     );
   }
-  return /* @__PURE__ */ React40.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React40.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React40.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React40.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React40.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement("section", { className: containerClasses, ...rest }, title ? /* @__PURE__ */ React41.createElement("h2", { className: "canopy-timeline__title" }, title) : null, description ? /* @__PURE__ */ React41.createElement("p", { className: "canopy-timeline__description" }, description) : null, rangeLabel ? /* @__PURE__ */ React41.createElement("p", { className: "canopy-timeline__range", "aria-live": "polite" }, rangeLabel) : null, /* @__PURE__ */ React41.createElement("div", { className: "canopy-timeline__body" }, /* @__PURE__ */ React41.createElement(
     "div",
     {
       className: "canopy-timeline__list",
       role: "list",
       style: { minHeight: trackHeight }
     },
-    /* @__PURE__ */ React40.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
+    /* @__PURE__ */ React41.createElement("div", { className: "canopy-timeline__spine", "aria-hidden": "true" }),
     renderSteps(stepsValue, effectiveRange),
     groupedEntries.map((entry) => {
       if (entry.type === "group") return renderGroupEntry(entry);
@@ -46454,7 +46815,7 @@ function renderSteps(stepSize, range) {
   const markers = [];
   if (startYear < endYear) {
     markers.push(
-      /* @__PURE__ */ React40.createElement(
+      /* @__PURE__ */ React41.createElement(
         "span",
         {
           key: "timeline-step-start",
@@ -46462,12 +46823,12 @@ function renderSteps(stepSize, range) {
           style: { top: "0%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
+        /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__step-label" }, startYear)
       )
     );
     markers.push(
-      /* @__PURE__ */ React40.createElement(
+      /* @__PURE__ */ React41.createElement(
         "span",
         {
           key: "timeline-step-end",
@@ -46475,8 +46836,8 @@ function renderSteps(stepSize, range) {
           style: { top: "100%" },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
+        /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__step-label" }, endYear)
       )
     );
   }
@@ -46486,7 +46847,7 @@ function renderSteps(stepSize, range) {
     const progress = (timestamp - range.startDate.getTime()) / range.span;
     if (progress <= 0 || progress >= 1) continue;
     markers.push(
-      /* @__PURE__ */ React40.createElement(
+      /* @__PURE__ */ React41.createElement(
         "span",
         {
           key: `timeline-step-${year}`,
@@ -46494,8 +46855,8 @@ function renderSteps(stepSize, range) {
           style: { top: `calc(${progress * 100}% - 0.5px)` },
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__step-line" }),
-        /* @__PURE__ */ React40.createElement("span", { className: "canopy-timeline__step-label" }, year)
+        /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__step-line" }),
+        /* @__PURE__ */ React41.createElement("span", { className: "canopy-timeline__step-label" }, year)
       )
     );
   }
@@ -46509,7 +46870,7 @@ function TimelinePoint() {
 TimelinePoint.displayName = "TimelinePoint";
 
 // ui/src/content/map/Map.jsx
-import React41 from "react";
+import React42 from "react";
 import { createRoot } from "react-dom/client";
 var DEFAULT_TILE_LAYERS = [
   {
@@ -46941,7 +47302,7 @@ function MapPopupContent({ marker }) {
     ...manifest,
     href: manifest.href ? withBasePath3(manifest.href) : manifest.href || ""
   }));
-  return /* @__PURE__ */ React41.createElement("div", { className: "canopy-map__popup" }, thumbnail ? /* @__PURE__ */ React41.createElement("div", { className: "canopy-map__popup-media" }, /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React42.createElement("div", { className: "canopy-map__popup" }, thumbnail ? /* @__PURE__ */ React42.createElement("div", { className: "canopy-map__popup-media" }, /* @__PURE__ */ React42.createElement(
     "img",
     {
       src: thumbnail,
@@ -46950,19 +47311,19 @@ function MapPopupContent({ marker }) {
       width: typeof thumbWidth === "number" && thumbWidth > 0 ? thumbWidth : void 0,
       height: typeof thumbHeight === "number" && thumbHeight > 0 ? thumbHeight : void 0
     }
-  )) : null, /* @__PURE__ */ React41.createElement("div", { className: "canopy-map__popup-body" }, title ? href ? /* @__PURE__ */ React41.createElement("a", { href, className: "canopy-map__popup-title" }, title) : /* @__PURE__ */ React41.createElement("span", { className: "canopy-map__popup-title" }, title) : null, summary ? /* @__PURE__ */ React41.createElement("p", { className: "canopy-map__popup-summary" }, summary) : null, marker.detailsHtml ? /* @__PURE__ */ React41.createElement(
+  )) : null, /* @__PURE__ */ React42.createElement("div", { className: "canopy-map__popup-body" }, title ? href ? /* @__PURE__ */ React42.createElement("a", { href, className: "canopy-map__popup-title" }, title) : /* @__PURE__ */ React42.createElement("span", { className: "canopy-map__popup-title" }, title) : null, summary ? /* @__PURE__ */ React42.createElement("p", { className: "canopy-map__popup-summary" }, summary) : null, marker.detailsHtml ? /* @__PURE__ */ React42.createElement(
     "div",
     {
       className: "canopy-map__popup-details",
       dangerouslySetInnerHTML: { __html: marker.detailsHtml }
     }
-  ) : null, !summary && !marker.detailsHtml && href && !title ? /* @__PURE__ */ React41.createElement("a", { href, className: "canopy-map__popup-link" }, "View item") : null, normalizedManifests.length ? /* @__PURE__ */ React41.createElement("div", { className: "canopy-map__popup-manifests" }, /* @__PURE__ */ React41.createElement("div", { className: "canopy-map__popup-manifests-list" }, normalizedManifests.map((manifest, index) => /* @__PURE__ */ React41.createElement(
+  ) : null, !summary && !marker.detailsHtml && href && !title ? /* @__PURE__ */ React42.createElement("a", { href, className: "canopy-map__popup-link" }, "View item") : null, normalizedManifests.length ? /* @__PURE__ */ React42.createElement("div", { className: "canopy-map__popup-manifests" }, /* @__PURE__ */ React42.createElement("div", { className: "canopy-map__popup-manifests-list" }, normalizedManifests.map((manifest, index) => /* @__PURE__ */ React42.createElement(
     "div",
     {
       key: manifest.id || manifest.href || `manifest-${index}`,
       className: "canopy-map__popup-manifests-item"
     },
-    /* @__PURE__ */ React41.createElement(ReferencedManifestCard, { manifest })
+    /* @__PURE__ */ React42.createElement(ReferencedManifestCard, { manifest })
   )))) : null));
 }
 function renderPopup(marker) {
@@ -46974,7 +47335,7 @@ function renderPopup(marker) {
     if (hadError) return;
     try {
       if (!root2) root2 = createRoot(container);
-      root2.render(/* @__PURE__ */ React41.createElement(MapPopupContent, { marker }));
+      root2.render(/* @__PURE__ */ React42.createElement(MapPopupContent, { marker }));
     } catch (error) {
       hadError = true;
       if (root2) {
@@ -47156,26 +47517,26 @@ function Map3({
   defaultCenter = null,
   defaultZoom = null
 } = {}) {
-  const containerRef = React41.useRef(null);
-  const mapRef = React41.useRef(null);
-  const layerRef = React41.useRef(null);
-  const [leafletLib, setLeafletLib] = React41.useState(() => resolveGlobalLeaflet());
-  const [leafletError, setLeafletError] = React41.useState(null);
+  const containerRef = React42.useRef(null);
+  const mapRef = React42.useRef(null);
+  const layerRef = React42.useRef(null);
+  const [leafletLib, setLeafletLib] = React42.useState(() => resolveGlobalLeaflet());
+  const [leafletError, setLeafletError] = React42.useState(null);
   const datasetInfo = navDataset && typeof navDataset === "object" ? navDataset : null;
   const datasetHref = datasetInfo && datasetInfo.href || "/api/navplace.json";
   const datasetVersion = datasetInfo && datasetInfo.version;
   const datasetHasFeatures = !!(datasetInfo && datasetInfo.hasFeatures);
-  const [navState, setNavState] = React41.useState(() => ({
+  const [navState, setNavState] = React42.useState(() => ({
     loading: false,
     error: null,
     markers: []
   }));
-  const [iiifTargets, setIiifTargets] = React41.useState(() => ({
+  const [iiifTargets, setIiifTargets] = React42.useState(() => ({
     loading: false,
     error: null,
     keys: []
   }));
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!iiifContent) {
       setIiifTargets({ loading: false, error: null, keys: [] });
       return;
@@ -47223,7 +47584,7 @@ function Map3({
   const navTargets = iiifTargets.keys || [];
   const navTargetsKey = navTargets.join("|");
   const shouldFetchNav = datasetHasFeatures && navTargets.length > 0;
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!shouldFetchNav) {
       setNavState({ loading: false, error: null, markers: [] });
       return void 0;
@@ -47255,7 +47616,7 @@ function Map3({
       cancelled = true;
     };
   }, [datasetHref, datasetVersion, navTargetsKey, shouldFetchNav]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (leafletLib) return;
     let cancelled = false;
     waitForLeaflet().then((lib) => {
@@ -47267,7 +47628,7 @@ function Map3({
       cancelled = true;
     };
   }, [leafletLib]);
-  const navMatchMap = React41.useMemo(() => {
+  const navMatchMap = React42.useMemo(() => {
     const matchMap = createMarkerMap();
     (navState.markers || []).forEach((marker) => {
       if (!marker || !Array.isArray(marker.matchKeys)) return;
@@ -47278,7 +47639,7 @@ function Map3({
     });
     return matchMap;
   }, [navState.markers]);
-  const normalizedCustom = React41.useMemo(() => {
+  const normalizedCustom = React42.useMemo(() => {
     return normalizeCustomMarkers(customPoints).map((point2) => {
       if (!point2 || point2.thumbnail || !point2.href) return point2;
       const match2 = navMatchMap.get(normalizeKey(point2.href));
@@ -47293,20 +47654,20 @@ function Map3({
       };
     });
   }, [customPoints, navMatchMap]);
-  const allMarkers = React41.useMemo(() => {
+  const allMarkers = React42.useMemo(() => {
     return [...navState.markers || [], ...normalizedCustom];
   }, [navState.markers, normalizedCustom]);
-  const normalizedGeoReferences = React41.useMemo(
+  const normalizedGeoReferences = React42.useMemo(
     () => normalizeGeoReferences(geoReferences),
     [geoReferences]
   );
-  const resolvedKeyInput = React41.useMemo(() => {
+  const resolvedKeyInput = React42.useMemo(() => {
     if (Array.isArray(keyConfig) && keyConfig.length) return keyConfig;
     if (Array.isArray(mapKey) && mapKey.length) return mapKey;
     if (Array.isArray(legend) && legend.length) return legend;
     return [];
   }, [keyConfig, mapKey, legend]);
-  const normalizedLegendConfig = React41.useMemo(() => {
+  const normalizedLegendConfig = React42.useMemo(() => {
     if (!Array.isArray(resolvedKeyInput) || !resolvedKeyInput.length) return [];
     return resolvedKeyInput.map((entry) => {
       if (!entry) return null;
@@ -47322,7 +47683,7 @@ function Map3({
       };
     }).filter(Boolean);
   }, [resolvedKeyInput]);
-  const markerKeyData = React41.useMemo(() => {
+  const markerKeyData = React42.useMemo(() => {
     if (!normalizedLegendConfig.length) return { groups: [], metaMap: null };
     const metaMap = createMarkerMap();
     const palette = generateLegendColors(normalizedLegendConfig.length);
@@ -47343,11 +47704,11 @@ function Map3({
   }, [normalizedLegendConfig]);
   const markerKeyGroups = markerKeyData.groups;
   const markerKeyMetaMap = markerKeyData.metaMap;
-  const clusterOptions = React41.useMemo(
+  const clusterOptions = React42.useMemo(
     () => buildClusterOptions(leafletLib, typeof maxClusterRadius === "number" ? maxClusterRadius : null),
     [leafletLib, maxClusterRadius]
   );
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!containerRef.current || mapRef.current || !leafletLib) return void 0;
     const map = leafletLib.map(containerRef.current, {
       zoomControl: true,
@@ -47385,7 +47746,7 @@ function Map3({
       layerRef.current = null;
     };
   }, [tileLayers, disableTileLayers, scrollWheelZoom, cluster, clusterOptions, leafletLib]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     const map = mapRef.current;
     if (!map || !leafletLib) return void 0;
     if (!normalizedGeoReferences.length) return void 0;
@@ -47424,7 +47785,7 @@ function Map3({
       });
     };
   }, [leafletLib, normalizedGeoReferences]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     const map = mapRef.current;
     const layer = layerRef.current;
     if (!map || !layer || !leafletLib) return;
@@ -47562,16 +47923,16 @@ function Map3({
   ].filter(Boolean).join(" ");
   const statusLabel = leafletError ? leafletError.message || "Failed to load map library" : !leafletLib ? "Loading map\u2026" : iiifTargets.error ? iiifTargets.error : datasetUnavailable ? "Map data is unavailable for this site." : navState.error ? navState.error : isLoadingMarkers ? "Loading map data\u2026" : !iiifContent && !hasCustomPoints && !hasGeoReferences ? "Add iiifContent or MapPoint markers to populate this map." : !hasMarkers && !hasGeoReferences ? "No map locations available." : "";
   const showStatus = Boolean(statusLabel);
-  const mapElement = /* @__PURE__ */ React41.createElement("div", { className: rootClass, id: id || void 0, style: style || void 0 }, /* @__PURE__ */ React41.createElement(
+  const mapElement = /* @__PURE__ */ React42.createElement("div", { className: rootClass, id: id || void 0, style: style || void 0 }, /* @__PURE__ */ React42.createElement(
     "div",
     {
       ref: containerRef,
       className: "canopy-map__canvas",
       style: { height: height || "600px" }
     }
-  ), showStatus ? /* @__PURE__ */ React41.createElement("div", { className: "canopy-map__overlays" }, /* @__PURE__ */ React41.createElement("div", { className: "canopy-map__status", "aria-live": "polite" }, statusLabel)) : null);
+  ), showStatus ? /* @__PURE__ */ React42.createElement("div", { className: "canopy-map__overlays" }, /* @__PURE__ */ React42.createElement("div", { className: "canopy-map__status", "aria-live": "polite" }, statusLabel)) : null);
   if (!hasKey) return mapElement;
-  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, mapElement, /* @__PURE__ */ React41.createElement("div", { className: "canopy-map__key", "aria-label": "Map key" }, /* @__PURE__ */ React41.createElement("ul", { className: "canopy-map__key-list" }, markerKeyGroups.map((group) => /* @__PURE__ */ React41.createElement("li", { key: group.label, className: "canopy-map__key-item" }, /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, mapElement, /* @__PURE__ */ React42.createElement("div", { className: "canopy-map__key", "aria-label": "Map key" }, /* @__PURE__ */ React42.createElement("ul", { className: "canopy-map__key-list" }, markerKeyGroups.map((group) => /* @__PURE__ */ React42.createElement("li", { key: group.label, className: "canopy-map__key-item" }, /* @__PURE__ */ React42.createElement(
     "span",
     {
       className: [
@@ -47581,7 +47942,7 @@ function Map3({
       "aria-hidden": "true",
       style: { backgroundColor: group.color || void 0 }
     }
-  ), /* @__PURE__ */ React41.createElement("span", { className: "canopy-map__key-label" }, group.label))))));
+  ), /* @__PURE__ */ React42.createElement("span", { className: "canopy-map__key-label" }, group.label))))));
 }
 
 // ui/src/content/map/MapPoint.jsx
@@ -47591,10 +47952,10 @@ function MapPoint() {
 MapPoint.displayName = "MapPoint";
 
 // ui/src/content/gallery/Gallery.jsx
-import React43 from "react";
+import React44 from "react";
 
 // ui/src/utils/manifestReferences.js
-import React42 from "react";
+import React43 from "react";
 var CONTEXT_KEY2 = typeof Symbol === "function" ? Symbol.for("__CANOPY_PAGE_CONTEXT__") : "__CANOPY_PAGE_CONTEXT__";
 function getGlobalRoot() {
   if (typeof globalThis !== "undefined") return globalThis;
@@ -47605,7 +47966,7 @@ function getGlobalRoot() {
 function getPageContext() {
   const root2 = getGlobalRoot();
   if (root2 && root2[CONTEXT_KEY2]) return root2[CONTEXT_KEY2];
-  const ctx = React42.createContext({
+  const ctx = React43.createContext({
     navigation: null,
     page: null,
     site: null,
@@ -47629,7 +47990,7 @@ function normalizeManifestId(raw) {
     return String(raw || "").trim();
   }
 }
-var PageContextFallback = React42.createContext(null);
+var PageContextFallback = React43.createContext(null);
 var referencedModule = null;
 var REFERENCED_SPEC = "@canopy-iiif/app/lib/components/referenced.js";
 function getReferencedModule() {
@@ -47655,9 +48016,9 @@ function getReferencedModule() {
 }
 function useReferencedManifestMap() {
   const PageContext3 = getPageContext() || PageContextFallback;
-  const pageContext = React42.useContext(PageContext3);
+  const pageContext = React43.useContext(PageContext3);
   const referencedItems = pageContext && pageContext.page && Array.isArray(pageContext.page.referencedItems) ? pageContext.page.referencedItems : [];
-  return React42.useMemo(() => {
+  return React43.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     referencedItems.forEach((item) => {
       if (!item) return;
@@ -48263,7 +48624,7 @@ function shuffleItems(list) {
 function renderMetaList(meta, className) {
   const entries = ensureArray4(meta).filter((entry) => entry || entry === 0);
   if (!entries.length) return null;
-  return /* @__PURE__ */ React43.createElement("ul", { className, role: "list" }, entries.map((entry, index) => /* @__PURE__ */ React43.createElement("li", { key: `meta-${index}` }, entry)));
+  return /* @__PURE__ */ React44.createElement("ul", { className, role: "list" }, entries.map((entry, index) => /* @__PURE__ */ React44.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;
@@ -48271,7 +48632,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__ */ React43.createElement(
+    return /* @__PURE__ */ React44.createElement(
       "img",
       {
         src: source,
@@ -48282,7 +48643,7 @@ function renderPreview(props = {}) {
       }
     );
   }
-  return /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__placeholder", "aria-hidden": "true" });
+  return /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__placeholder", "aria-hidden": "true" });
 }
 function renderFlexibleContent(content, options = {}) {
   var _a2, _b;
@@ -48295,25 +48656,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__ */ React43.createElement(InlineTag, { className, id }, content);
+    return /* @__PURE__ */ React44.createElement(InlineTag, { className, id }, content);
   }
-  if (React43.isValidElement(content)) {
-    if (content.type === React43.Fragment) {
-      return /* @__PURE__ */ React43.createElement(BlockTag, { className, id }, content);
+  if (React44.isValidElement(content)) {
+    if (content.type === React44.Fragment) {
+      return /* @__PURE__ */ React44.createElement(BlockTag, { className, id }, content);
     }
     const mergedClassName = [(_a2 = content.props) == null ? void 0 : _a2.className, className].filter(Boolean).join(" ");
-    return React43.cloneElement(content, {
+    return React44.cloneElement(content, {
       ...content.props,
       className: mergedClassName || void 0,
       id: ((_b = content.props) == null ? void 0 : _b.id) || id
     });
   }
   const FallbackTag = BlockTag;
-  return /* @__PURE__ */ React43.createElement(FallbackTag, { className, id }, content);
+  return /* @__PURE__ */ React44.createElement(FallbackTag, { className, id }, content);
 }
 function normalizeItem(child, index, galleryId, manifestMap) {
   var _a2;
-  if (!React43.isValidElement(child)) return null;
+  if (!React44.isValidElement(child)) return null;
   if (child.type !== GalleryItem && ((_a2 = child.type) == null ? void 0 : _a2.displayName) !== "GalleryItem")
     return null;
   const props = child.props || {};
@@ -48388,7 +48749,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__ */ React43.createElement(React43.Fragment, null, kicker ? /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__kicker" }, kicker) : null, itemProps.title ? /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__title-text" }, itemProps.title) : null, renderFlexibleContent(summary, {
+  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, kicker ? /* @__PURE__ */ React44.createElement("span", { className: "canopy-gallery__kicker" }, kicker) : null, itemProps.title ? /* @__PURE__ */ React44.createElement("span", { className: "canopy-gallery__title-text" }, itemProps.title) : null, renderFlexibleContent(summary, {
     inlineTag: "span",
     blockTag: "div",
     className: "canopy-gallery__summary"
@@ -48410,7 +48771,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__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(
     "div",
     {
       id: modalId,
@@ -48423,14 +48784,14 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
       "data-canopy-gallery-modal": "true",
       "data-canopy-gallery-close": closeTargetId
     },
-    /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React43.createElement(
+    /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React44.createElement(
       GalleryThumbnailNav,
       {
         items: navItems,
         activeModalId: modalId,
         groupName: `${navGroupName || "canopy-gallery"}-${modalId}`
       }
-    ), /* @__PURE__ */ React43.createElement(
+    ), /* @__PURE__ */ React44.createElement(
       "a",
       {
         className: "canopy-gallery__modal-close",
@@ -48438,7 +48799,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         "aria-label": `Close popup for ${modalTitle}`
       },
       "X"
-    )), /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React43.createElement(
+    )), /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React44.createElement(
       "button",
       {
         type: "button",
@@ -48446,7 +48807,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         "aria-label": "Scroll left through gallery thumbnails",
         "data-canopy-gallery-nav-prev": "true"
       },
-      /* @__PURE__ */ React43.createElement(
+      /* @__PURE__ */ React44.createElement(
         "span",
         {
           className: "canopy-gallery__nav-button-icon",
@@ -48455,8 +48816,8 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         },
         "<"
       ),
-      /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
-    ), /* @__PURE__ */ React43.createElement(
+      /* @__PURE__ */ React44.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
+    ), /* @__PURE__ */ React44.createElement(
       "button",
       {
         type: "button",
@@ -48464,7 +48825,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         "aria-label": "Scroll right through gallery thumbnails",
         "data-canopy-gallery-nav-next": "true"
       },
-      /* @__PURE__ */ React43.createElement(
+      /* @__PURE__ */ React44.createElement(
         "span",
         {
           className: "canopy-gallery__nav-button-icon",
@@ -48473,8 +48834,8 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         },
         ">"
       ),
-      /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
-    ), /* @__PURE__ */ React43.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React43.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React43.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), renderFlexibleContent(summary, {
+      /* @__PURE__ */ React44.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
+    ), /* @__PURE__ */ React44.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React44.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React44.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), renderFlexibleContent(summary, {
       inlineTag: "p",
       blockTag: "div",
       className: "canopy-gallery__modal-summary",
@@ -48482,20 +48843,20 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
     }), renderMetaList(
       props.meta,
       "canopy-gallery__meta canopy-gallery__meta--modal"
-    ), manifests && manifests.length ? manifests.map((manifest) => /* @__PURE__ */ React43.createElement("a", { key: manifest.id || manifest.href, href: manifest.href }, manifest.title || manifest.href)) : null)), /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__modal-body" }, props.children)))
+    ), manifests && manifests.length ? manifests.map((manifest) => /* @__PURE__ */ React44.createElement("a", { key: manifest.id || manifest.href, href: manifest.href }, manifest.title || manifest.href)) : null)), /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__modal-body" }, props.children)))
   );
 }
 function GalleryFigure({ item }) {
   const { props, modalId, triggerLabel } = item;
-  return /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(
     "figure",
     {
       className: "canopy-gallery__item",
       "data-gallery-item-index": item.index
     },
-    /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__media" }, renderPreview(props)),
-    /* @__PURE__ */ React43.createElement("figcaption", { className: "canopy-gallery__caption" }, buildCaptionContent(props)),
-    /* @__PURE__ */ React43.createElement(
+    /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__media" }, renderPreview(props)),
+    /* @__PURE__ */ React44.createElement("figcaption", { className: "canopy-gallery__caption" }, buildCaptionContent(props)),
+    /* @__PURE__ */ React44.createElement(
       "a",
       {
         className: "canopy-gallery__trigger",
@@ -48505,27 +48866,27 @@ function GalleryFigure({ item }) {
         "aria-label": triggerLabel,
         "data-canopy-gallery-trigger": modalId
       },
-      /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__trigger-label" }, triggerLabel)
+      /* @__PURE__ */ React44.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__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(
     "nav",
     {
       className: "canopy-gallery__nav",
       "aria-label": "Gallery navigation",
       "data-canopy-gallery-nav": "true"
     },
-    /* @__PURE__ */ React43.createElement(
+    /* @__PURE__ */ React44.createElement(
       "div",
       {
         className: "canopy-gallery__nav-viewport",
         "data-canopy-gallery-nav-viewport": "true"
       },
-      /* @__PURE__ */ React43.createElement(
+      /* @__PURE__ */ React44.createElement(
         "ul",
         {
           className: "canopy-gallery__nav-list",
@@ -48535,7 +48896,7 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
         items.map((item, index) => {
           const optionId = `${radioGroup}-${item.modalId || index}`;
           const isActive = item.modalId === activeModalId;
-          return /* @__PURE__ */ React43.createElement(
+          return /* @__PURE__ */ React44.createElement(
             "li",
             {
               key: `${item.key}-nav`,
@@ -48543,7 +48904,7 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
               "data-canopy-gallery-nav-item": "true",
               "data-canopy-gallery-nav-selected": isActive ? "1" : void 0
             },
-            /* @__PURE__ */ React43.createElement(
+            /* @__PURE__ */ React44.createElement(
               "input",
               {
                 type: "radio",
@@ -48559,15 +48920,15 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
                 "data-canopy-gallery-nav-selected": isActive ? "1" : void 0
               }
             ),
-            /* @__PURE__ */ React43.createElement(
+            /* @__PURE__ */ React44.createElement(
               "label",
               {
                 className: "canopy-gallery__nav-link",
                 htmlFor: optionId,
                 "data-canopy-gallery-nav-active": isActive ? "1" : void 0
               },
-              /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__nav-thumb" }, renderPreview(item.props)),
-              /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__nav-label" }, item.props.title || `Item ${item.index + 1}`)
+              /* @__PURE__ */ React44.createElement("span", { className: "canopy-gallery__nav-thumb" }, renderPreview(item.props)),
+              /* @__PURE__ */ React44.createElement("span", { className: "canopy-gallery__nav-label" }, item.props.title || `Item ${item.index + 1}`)
             )
           );
         })
@@ -48580,7 +48941,7 @@ function GalleryContent({ children, flex = false }) {
     "canopy-gallery-item__content",
     flex ? "canopy-gallery-item__content_flex" : null
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React43.createElement("div", { className: contentClassName }, children);
+  return /* @__PURE__ */ React44.createElement("div", { className: contentClassName }, children);
 }
 function GalleryItem() {
   return null;
@@ -48604,7 +48965,7 @@ function Gallery({
   const galleryId = id ? String(id) : nextGalleryInstanceId();
   const HeadingTag = "h3";
   const closeTargetId = `${galleryId}-close`;
-  const childArray = React43.Children.toArray(children);
+  const childArray = React44.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);
@@ -48616,7 +48977,7 @@ function Gallery({
     className
   ].filter(Boolean).join(" ");
   const navGroupName = `${galleryId}-nav`;
-  return /* @__PURE__ */ React43.createElement("section", { className: rootClassName, style, "data-canopy-gallery": "true" }, /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement("section", { className: rootClassName, style, "data-canopy-gallery": "true" }, /* @__PURE__ */ React44.createElement(
     "div",
     {
       id: closeTargetId,
@@ -48624,7 +48985,7 @@ function Gallery({
       "aria-hidden": "true",
       tabIndex: -1
     }
-  ), (title || description) && /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__header" }, title ? /* @__PURE__ */ React43.createElement(HeadingTag, { className: "canopy-gallery__heading" }, title) : null, description ? /* @__PURE__ */ React43.createElement("p", { className: "canopy-gallery__description" }, description) : null), /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__grid" }, orderedItems.map((item) => /* @__PURE__ */ React43.createElement(GalleryFigure, { key: item.key, item }))), /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__modals" }, orderedItems.map((item) => /* @__PURE__ */ React43.createElement(
+  ), (title || description) && /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__header" }, title ? /* @__PURE__ */ React44.createElement(HeadingTag, { className: "canopy-gallery__heading" }, title) : null, description ? /* @__PURE__ */ React44.createElement("p", { className: "canopy-gallery__description" }, description) : null), /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__grid" }, orderedItems.map((item) => /* @__PURE__ */ React44.createElement(GalleryFigure, { key: item.key, item }))), /* @__PURE__ */ React44.createElement("div", { className: "canopy-gallery__modals" }, orderedItems.map((item) => /* @__PURE__ */ React44.createElement(
     GalleryModal,
     {
       key: `${item.modalId}-modal`,
@@ -48633,7 +48994,7 @@ function Gallery({
       navItems: orderedItems,
       navGroupName
     }
-  ))), /* @__PURE__ */ React43.createElement(
+  ))), /* @__PURE__ */ React44.createElement(
     "script",
     {
       "data-canopy-gallery-script": "true",