@canopy-iiif/app 0.8.6 → 0.9.0

package/ui/dist/server.mjs

@@ -1,41 +1,8 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-// ui/src/iiif/hero-utils.js
-var require_hero_utils = __commonJS({
-  "ui/src/iiif/hero-utils.js"(exports, module) {
-    "use strict";
-    function computeHeroHeightStyle2(height) {
-      const h = typeof height === "number" ? `${height}px` : String(height || "").trim();
-      const val = h || "360px";
-      return { width: "100%", height: val };
-    }
-    module.exports = { computeHeroHeightStyle: computeHeroHeightStyle2 };
-  }
-});
 
 // ui/src/HelloWorld.jsx
 import React from "react";
@@ -198,10 +165,25 @@ function MdxRelatedItems(props) {
   return /* @__PURE__ */ React5.createElement("div", { "data-canopy-related-items": "1", className: "not-prose" }, /* @__PURE__ */ React5.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
-// ui/src/iiif/Hero.jsx
-var import_hero_utils = __toESM(require_hero_utils());
+// ui/src/interstitials/index.js
+var interstitials_exports = {};
+__export(interstitials_exports, {
+  Hero: () => Hero,
+  computeHeroHeightStyle: () => computeHeroHeightStyle
+});
+
+// ui/src/interstitials/Hero.jsx
 import React6 from "react";
 import helpers from "@canopy-iiif/app/lib/components/featured.js";
+
+// ui/src/interstitials/hero-utils.js
+function computeHeroHeightStyle(height) {
+  const h = typeof height === "number" ? `${height}px` : String(height || "").trim();
+  const val = h || "360px";
+  return { width: "100%", height: val };
+}
+
+// ui/src/interstitials/Hero.jsx
 var basePath = (() => {
   try {
     const raw = typeof process !== "undefined" && process && process.env ? String(process.env.CANOPY_BASE_PATH || "") : "";
@@ -221,68 +203,196 @@ function applyBasePath(href) {
   }
   return href;
 }
+function resolveFeaturedItem({ item, index, random }) {
+  if (item) return item;
+  const list = helpers && helpers.readFeaturedFromCacheSync ? helpers.readFeaturedFromCacheSync() : [];
+  if (!list.length) return null;
+  if (typeof index === "number") {
+    const idx = Math.max(0, Math.min(list.length - 1, Math.floor(index)));
+    return list[idx];
+  }
+  if (random === true || random === "true") {
+    const idx = Math.floor(Math.random() * Math.max(1, list.length));
+    return list[idx];
+  }
+  return list[0];
+}
+function normalizeLinks(links) {
+  if (!Array.isArray(links)) return [];
+  return links.map((link) => {
+    if (!link) return null;
+    const href = applyBasePath(link.href || "");
+    const title = link.title ? String(link.title) : "";
+    if (!href || !title) return null;
+    const type = link.type === "secondary" ? "secondary" : "primary";
+    return { href, title, type };
+  }).filter(Boolean);
+}
+function sanitizeRest(rest) {
+  const clone = { ...rest };
+  try {
+    delete clone.random;
+    delete clone.index;
+    delete clone.item;
+    delete clone.links;
+    delete clone.overlay;
+    delete clone.variant;
+    delete clone.background;
+  } catch (_) {
+  }
+  return clone;
+}
+function normalizeBackground(value) {
+  try {
+    const allowed = /* @__PURE__ */ new Set(["theme", "transparent"]);
+    const raw = value == null ? "" : String(value);
+    const normalized = raw.trim().toLowerCase();
+    return allowed.has(normalized) ? normalized : "theme";
+  } catch (_) {
+    return "theme";
+  }
+}
 function Hero({
-  height = 360,
+  height = 520,
   item,
   index,
-  random,
+  random = true,
+  headline,
+  description,
+  links = [],
   className = "",
   style = {},
+  background = "theme",
   ...rest
 }) {
-  let resolved = item;
-  if (!resolved) {
-    const list = helpers && helpers.readFeaturedFromCacheSync ? helpers.readFeaturedFromCacheSync() : [];
-    let idx = 0;
-    if (typeof index === "number") {
-      idx = Math.max(0, Math.min(list.length - 1, Math.floor(index)));
-    } else if (random === true || random === "true") {
-      idx = Math.floor(Math.random() * Math.max(1, list.length));
+  const resolved = resolveFeaturedItem({ item, index, random });
+  const helpersList = helpers && helpers.readFeaturedFromCacheSync ? helpers.readFeaturedFromCacheSync() : [];
+  const slides = [];
+  const pushUnique = (entry) => {
+    if (!entry) return;
+    const key = String(entry.href || entry.id || entry.title || "");
+    const hasKey = slides.some(
+      (item2) => String(item2 && (item2.href || item2.id || item2.title || "")) === key
+    );
+    if (!hasKey) {
+      slides.push(entry);
     }
-    resolved = list[idx] || list[0] || null;
-  }
-  const hStyle = (0, import_hero_utils.computeHeroHeightStyle)(height);
-  const title = resolved && resolved.title || "";
-  const href = resolved && resolved.href || "#";
-  const thumbnail = resolved && resolved.thumbnail || "";
-  const mediaStyles = {
-    position: "relative",
-    ...hStyle,
-    overflow: "hidden",
-    backgroundColor: "var(--color-gray-muted)"
   };
-  const imgStyles = {
-    position: "absolute",
-    inset: 0,
-    width: "100%",
-    height: "100%",
-    objectFit: "cover",
-    objectPosition: "center",
-    filter: "none"
+  if (resolved) pushUnique(resolved);
+  helpersList.forEach(pushUnique);
+  if (!slides.length) return null;
+  let orderedSlides = slides.slice();
+  if (typeof index === "number" && orderedSlides.length > 1) {
+    const clamp = Math.max(
+      0,
+      Math.min(orderedSlides.length - 1, Math.floor(index))
+    );
+    if (clamp > 0) {
+      orderedSlides = orderedSlides.slice(clamp).concat(orderedSlides.slice(0, clamp));
+    }
+  } else if (random === true || random === "true") {
+    const rand = Math.floor(Math.random() * orderedSlides.length);
+    if (rand > 0) {
+      orderedSlides = orderedSlides.slice(rand).concat(orderedSlides.slice(0, rand));
+    }
+  }
+  const heroHeight = computeHeroHeightStyle(height);
+  const heroStyles = { ...style || {} };
+  if (heroHeight && heroHeight.height) {
+    heroStyles["--hero-height"] = heroHeight.height;
+  }
+  const derivedDescription = description ? String(description) : "";
+  const normalizedLinks = normalizeLinks(links);
+  const primarySlide = orderedSlides[0] || null;
+  const overlayTitle = headline || primarySlide && primarySlide.title || "";
+  const defaultLinkHref = applyBasePath(
+    primarySlide && primarySlide.href ? primarySlide.href : "#"
+  );
+  const overlayLinks = normalizedLinks.length ? normalizedLinks : [
+    {
+      href: defaultLinkHref,
+      title: "View work",
+      type: "primary"
+    }
+  ];
+  const normalizedBackground = normalizeBackground(background);
+  const backgroundClassName = normalizedBackground === "transparent" ? "canopy-interstitial--bg-transparent" : "";
+  const containerClassName = [
+    "canopy-interstitial",
+    "canopy-interstitial--hero",
+    backgroundClassName,
+    className
+  ].filter(Boolean).join(" ");
+  const renderSlide = (slide, idx, { showVeil = true, captionVariant = "overlay" } = {}) => {
+    const safeHref = applyBasePath(slide.href || "#");
+    const isStaticCaption = captionVariant === "static";
+    const paneClassName = [
+      "canopy-interstitial__pane",
+      showVeil ? "" : "canopy-interstitial__pane--flat",
+      isStaticCaption ? "canopy-interstitial__pane--static" : ""
+    ].filter(Boolean).join(" ");
+    if (isStaticCaption) {
+      return /* @__PURE__ */ React6.createElement("div", { className: "swiper-slide", key: safeHref || idx }, /* @__PURE__ */ React6.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__media-frame" }, /* @__PURE__ */ React6.createElement(
+        "img",
+        {
+          src: slide.thumbnail,
+          alt: "",
+          "aria-hidden": "true",
+          className: "canopy-interstitial__media canopy-interstitial__media--static",
+          loading: idx === 0 ? "eager" : "lazy"
+        }
+      )) : null, slide.title ? /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__caption canopy-interstitial__caption--static" }, /* @__PURE__ */ React6.createElement("a", { href: safeHref, className: "canopy-interstitial__caption-link" }, slide.title)) : null));
+    }
+    return /* @__PURE__ */ React6.createElement("div", { className: "swiper-slide", key: safeHref || idx }, /* @__PURE__ */ React6.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React6.createElement(
+      "img",
+      {
+        src: slide.thumbnail,
+        alt: "",
+        "aria-hidden": "true",
+        className: "canopy-interstitial__media",
+        loading: idx === 0 ? "eager" : "lazy"
+      }
+    ) : null, showVeil ? /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__veil", "aria-hidden": "true" }) : null, slide.title ? /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__caption" }, /* @__PURE__ */ React6.createElement("a", { href: safeHref, className: "canopy-interstitial__caption-link" }, slide.title)) : null));
   };
-  const sanitizedRest = (() => {
-    const r = { ...rest };
-    try {
-      delete r.random;
-      delete r.index;
-    } catch (_) {
+  const renderSlider = (options = {}) => /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__slider swiper" }, /* @__PURE__ */ React6.createElement("div", { className: "swiper-wrapper" }, orderedSlides.map((slide, idx) => renderSlide(slide, idx, options))), /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__nav" }, /* @__PURE__ */ React6.createElement(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Previous slide",
+      className: "canopy-interstitial__nav-btn canopy-interstitial__nav-btn--prev swiper-button-prev"
     }
-    return r;
-  })();
-  const figureClassName = ["canopy-hero", className].filter(Boolean).join(" ");
-  const figureStyles = { margin: 0, padding: 0, ...style };
-  const safeHref = applyBasePath(href);
-  return /* @__PURE__ */ React6.createElement("a", { href: safeHref, className: "canopy-hero-link" }, /* @__PURE__ */ React6.createElement("figure", { className: figureClassName, style: figureStyles, ...sanitizedRest }, /* @__PURE__ */ React6.createElement("div", { className: "canopy-hero__media", style: mediaStyles }, thumbnail ? /* @__PURE__ */ React6.createElement("img", { src: thumbnail, alt: "", "aria-hidden": "true", style: imgStyles }) : null), title ? /* @__PURE__ */ React6.createElement("figcaption", null, title) : null));
-}
-
-// ui/src/iiif/FeaturedHero.jsx
-import React7 from "react";
-function FeaturedHero(props = {}) {
-  return /* @__PURE__ */ React7.createElement(Hero, { ...props });
+  ), /* @__PURE__ */ React6.createElement(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Next slide",
+      className: "canopy-interstitial__nav-btn canopy-interstitial__nav-btn--next swiper-button-next"
+    }
+  )), /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__pagination swiper-pagination" }));
+  const overlayContent = /* @__PURE__ */ React6.createElement(React6.Fragment, null, overlayTitle ? /* @__PURE__ */ React6.createElement("h1", { className: "canopy-interstitial__headline" }, overlayTitle) : null, derivedDescription ? /* @__PURE__ */ React6.createElement("p", { className: "canopy-interstitial__description" }, derivedDescription) : null, overlayLinks.length ? /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__actions" }, overlayLinks.map((link) => /* @__PURE__ */ React6.createElement(
+    "a",
+    {
+      key: `${link.href}-${link.title}`,
+      href: link.href,
+      className: link.type === "secondary" ? "canopy-button canopy-button--secondary" : "canopy-button canopy-button--primary"
+    },
+    link.title
+  ))) : null);
+  const cleanedProps = sanitizeRest(rest);
+  return /* @__PURE__ */ React6.createElement(
+    "section",
+    {
+      className: containerClassName,
+      "data-canopy-hero-slider": "1",
+      style: heroStyles,
+      ...cleanedProps
+    },
+    /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__layout" }, /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__panel" }, /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__body" }, overlayContent)), /* @__PURE__ */ React6.createElement("div", { className: "canopy-interstitial__media-group" }, renderSlider({ showVeil: false, captionVariant: "static" })))
+  );
 }
 
 // ui/src/layout/SubNavigation.jsx
-import React8 from "react";
+import React7 from "react";
 import navigationHelpers from "@canopy-iiif/app/lib/components/navigation.js";
 function resolveRelativeCandidate(page, current) {
   if (page && typeof page.relativePath === "string" && page.relativePath) return page.relativePath;
@@ -307,14 +417,14 @@ function renderNodes(nodes, parentKey = "node") {
     if (node.isActive) classes.push("is-active");
     const linkClass = classes.join(" ");
     const Tag = node.href ? "a" : "span";
-    return /* @__PURE__ */ React8.createElement(
+    return /* @__PURE__ */ React7.createElement(
       "li",
       {
         key,
         className: "canopy-sub-navigation__item",
         "data-depth": depth
       },
-      /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React7.createElement(
         Tag,
         {
           className: linkClass,
@@ -323,7 +433,7 @@ function renderNodes(nodes, parentKey = "node") {
         },
         node.title || node.slug
       ),
-      showChildren ? /* @__PURE__ */ React8.createElement("ul", { className: "canopy-sub-navigation__list canopy-sub-navigation__list--nested", role: "list" }, renderNodes(node.children, key)) : null
+      showChildren ? /* @__PURE__ */ React7.createElement("ul", { className: "canopy-sub-navigation__list canopy-sub-navigation__list--nested", role: "list" }, renderNodes(node.children, key)) : null
     );
   });
 }
@@ -337,12 +447,12 @@ function SubNavigation({
   ariaLabel
 }) {
   const PageContext = navigationHelpers && navigationHelpers.getPageContext ? navigationHelpers.getPageContext() : null;
-  const context = PageContext ? React8.useContext(PageContext) : null;
+  const context = PageContext ? React7.useContext(PageContext) : null;
   const contextNavigation = context && context.navigation ? context.navigation : null;
   const contextPage = context && context.page ? context.page : null;
   const effectiveNavigation = navigationProp || contextNavigation;
   const effectivePage = page || contextPage;
-  const resolvedNavigation = React8.useMemo(() => {
+  const resolvedNavigation = React7.useMemo(() => {
     if (effectiveNavigation && effectiveNavigation.root) return effectiveNavigation;
     const candidate = resolveRelativeCandidate(effectivePage, current);
     if (!candidate) return effectiveNavigation || null;
@@ -366,11 +476,11 @@ function SubNavigation({
   if (!Object.prototype.hasOwnProperty.call(inlineStyle, "--sub-nav-indent")) {
     inlineStyle["--sub-nav-indent"] = "0.85rem";
   }
-  return /* @__PURE__ */ React8.createElement("nav", { className: combinedClassName, style: inlineStyle, "aria-label": navLabel }, finalHeading ? /* @__PURE__ */ React8.createElement("div", { className: "canopy-sub-navigation__heading" }, finalHeading) : null, /* @__PURE__ */ React8.createElement("ul", { className: "canopy-sub-navigation__list", role: "list" }, renderNodes([rootNode], rootNode.slug || "root")));
+  return /* @__PURE__ */ React7.createElement("nav", { className: combinedClassName, style: inlineStyle, "aria-label": navLabel }, finalHeading ? /* @__PURE__ */ React7.createElement("div", { className: "canopy-sub-navigation__heading" }, finalHeading) : null, /* @__PURE__ */ React7.createElement("ul", { className: "canopy-sub-navigation__list", role: "list" }, renderNodes([rootNode], rootNode.slug || "root")));
 }
 
 // ui/src/search/MdxSearchResults.jsx
-import React9 from "react";
+import React8 from "react";
 function MdxSearchResults(props) {
   let json = "{}";
   try {
@@ -378,11 +488,11 @@ function MdxSearchResults(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React9.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React9.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React8.createElement("div", { "data-canopy-search-results": "1" }, /* @__PURE__ */ React8.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/SearchSummary.jsx
-import React10 from "react";
+import React9 from "react";
 function SearchSummary(props) {
   let json = "{}";
   try {
@@ -390,11 +500,11 @@ function SearchSummary(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React10.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React10.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React9.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React9.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search/MdxSearchTabs.jsx
-import React11 from "react";
+import React10 from "react";
 function MdxSearchTabs(props) {
   let json = "{}";
   try {
@@ -402,18 +512,18 @@ function MdxSearchTabs(props) {
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React11.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React11.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React10.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React10.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/search-form/MdxSearchFormModal.jsx
-import React15 from "react";
+import React14 from "react";
 
 // ui/src/Icons.jsx
-import React12 from "react";
-var MagnifyingGlassIcon = (props) => /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props }, /* @__PURE__ */ React12.createElement("path", { d: "M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z" }));
+import React11 from "react";
+var MagnifyingGlassIcon = (props) => /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props }, /* @__PURE__ */ React11.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 React13 from "react";
+import React12 from "react";
 function readBasePath() {
   const normalize = (val) => {
     const raw = typeof val === "string" ? val.trim() : "";
@@ -476,18 +586,18 @@ function SearchPanelForm(props = {}) {
     clearLabel = "Clear search"
   } = props || {};
   const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
-  const action = React13.useMemo(
+  const action = React12.useMemo(
     () => resolveSearchPath(searchPath),
     [searchPath]
   );
-  const autoId = typeof React13.useId === "function" ? React13.useId() : void 0;
-  const [fallbackId] = React13.useState(
+  const autoId = typeof React12.useId === "function" ? React12.useId() : void 0;
+  const [fallbackId] = React12.useState(
     () => `canopy-search-form-${Math.random().toString(36).slice(2, 10)}`
   );
   const inputId = inputIdProp || autoId || fallbackId;
-  const inputRef = React13.useRef(null);
-  const [hasValue, setHasValue] = React13.useState(false);
-  const focusInput = React13.useCallback(() => {
+  const inputRef = React12.useRef(null);
+  const [hasValue, setHasValue] = React12.useState(false);
+  const focusInput = React12.useCallback(() => {
     const el = inputRef.current;
     if (!el) return;
     if (document.activeElement === el) return;
@@ -500,7 +610,7 @@ function SearchPanelForm(props = {}) {
       }
     }
   }, []);
-  const handlePointerDown = React13.useCallback(
+  const handlePointerDown = React12.useCallback(
     (event) => {
       const target = event.target;
       if (target && typeof target.closest === "function") {
@@ -512,23 +622,23 @@ function SearchPanelForm(props = {}) {
     },
     [focusInput]
   );
-  React13.useEffect(() => {
+  React12.useEffect(() => {
     const el = inputRef.current;
     if (!el) return;
     if (el.value && el.value.trim()) {
       setHasValue(true);
     }
   }, []);
-  const handleInputChange = React13.useCallback((event) => {
+  const handleInputChange = React12.useCallback((event) => {
     var _a;
     const nextHasValue = Boolean(
       ((_a = event == null ? void 0 : event.target) == null ? void 0 : _a.value) && event.target.value.trim()
     );
     setHasValue(nextHasValue);
   }, []);
-  const handleClear = React13.useCallback((event) => {
+  const handleClear = React12.useCallback((event) => {
   }, []);
-  const handleClearKey = React13.useCallback(
+  const handleClearKey = React12.useCallback(
     (event) => {
       if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
@@ -537,7 +647,7 @@ function SearchPanelForm(props = {}) {
     },
     [handleClear]
   );
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React12.createElement(
     "form",
     {
       action,
@@ -549,7 +659,7 @@ function SearchPanelForm(props = {}) {
       onPointerDown: handlePointerDown,
       "data-has-value": hasValue ? "1" : "0"
     },
-    /* @__PURE__ */ React13.createElement("label", { htmlFor: inputId, className: "canopy-search-form__label" }, /* @__PURE__ */ React13.createElement(MagnifyingGlassIcon, { className: "canopy-search-form__icon" }), /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React12.createElement("label", { htmlFor: inputId, className: "canopy-search-form__label" }, /* @__PURE__ */ React12.createElement(MagnifyingGlassIcon, { className: "canopy-search-form__icon" }), /* @__PURE__ */ React12.createElement(
       "input",
       {
         id: inputId,
@@ -565,7 +675,7 @@ function SearchPanelForm(props = {}) {
         onInput: handleInputChange
       }
     )),
-    hasValue ? /* @__PURE__ */ React13.createElement(
+    hasValue ? /* @__PURE__ */ React12.createElement(
       "button",
       {
         type: "button",
@@ -578,32 +688,32 @@ function SearchPanelForm(props = {}) {
       },
       "\xD7"
     ) : null,
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React12.createElement(
       "button",
       {
         type: "submit",
         "data-canopy-search-form-trigger": "submit",
         className: "canopy-search-form__submit"
       },
-      /* @__PURE__ */ React13.createElement("span", null, text),
-      /* @__PURE__ */ React13.createElement("span", { "aria-hidden": true, className: "canopy-search-form__shortcut" }, /* @__PURE__ */ React13.createElement("span", null, "\u2318"), /* @__PURE__ */ React13.createElement("span", null, "K"))
+      /* @__PURE__ */ React12.createElement("span", null, text),
+      /* @__PURE__ */ React12.createElement("span", { "aria-hidden": true, className: "canopy-search-form__shortcut" }, /* @__PURE__ */ React12.createElement("span", null, "\u2318"), /* @__PURE__ */ React12.createElement("span", null, "K"))
     )
   );
 }
 
 // ui/src/search/SearchPanelTeaserResults.jsx
-import React14 from "react";
+import React13 from "react";
 function SearchPanelTeaserResults(props = {}) {
   const { style, className } = props || {};
   const classes = ["canopy-search-teaser", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React13.createElement(
     "div",
     {
       "data-canopy-search-form-panel": true,
       className: classes || void 0,
       style
     },
-    /* @__PURE__ */ React14.createElement("div", { id: "cplist" })
+    /* @__PURE__ */ React13.createElement("div", { id: "cplist" })
   );
 }
 
@@ -623,11 +733,11 @@ function MdxSearchFormModal(props = {}) {
   const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
   const resolvedSearchPath = resolveSearchPath(searchPath);
   const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };
-  return /* @__PURE__ */ React15.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React15.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React15.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React15.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React15.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  return /* @__PURE__ */ React14.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React14.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React14.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React14.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React14.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/search/SearchPanel.jsx
-import React16 from "react";
+import React15 from "react";
 function SearchPanel(props = {}) {
   const {
     placeholder = "Search\u2026",
@@ -644,11 +754,11 @@ function SearchPanel(props = {}) {
   const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
   const resolvedSearchPath = resolveSearchPath(searchPath);
   const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };
-  return /* @__PURE__ */ React16.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React16.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React16.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React16.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React16.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  return /* @__PURE__ */ React15.createElement("div", { "data-canopy-search-form": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React15.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React15.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React15.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React15.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/iiif/ManifestPrimitives.jsx
-import React17 from "react";
+import React16 from "react";
 import {
   Label as CloverLabel,
   Metadata as CloverMetadata,
@@ -673,29 +783,28 @@ function ensureMetadata(items) {
 function Label({ manifest, label, ...rest }) {
   const intl = label || manifest && manifest.label;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React17.createElement(CloverLabel, { label: intl, ...rest });
+  return /* @__PURE__ */ React16.createElement(CloverLabel, { label: intl, ...rest });
 }
 function Summary({ manifest, summary, ...rest }) {
   const intl = summary || manifest && manifest.summary;
   if (!hasInternationalValue(intl)) return null;
-  return /* @__PURE__ */ React17.createElement(CloverSummary, { summary: intl, ...rest });
+  return /* @__PURE__ */ React16.createElement(CloverSummary, { summary: intl, ...rest });
 }
 function Metadata({ manifest, metadata, ...rest }) {
   const items = ensureMetadata(metadata || manifest && manifest.metadata);
   if (!items.length) return null;
-  return /* @__PURE__ */ React17.createElement(CloverMetadata, { metadata: items, ...rest });
+  return /* @__PURE__ */ React16.createElement(CloverMetadata, { metadata: items, ...rest });
 }
 function RequiredStatement({ manifest, requiredStatement, ...rest }) {
   const stmt = requiredStatement || manifest && manifest.requiredStatement;
   if (!stmt || !hasInternationalValue(stmt.label) || !hasInternationalValue(stmt.value)) {
     return null;
   }
-  return /* @__PURE__ */ React17.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
+  return /* @__PURE__ */ React16.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
 }
 export {
-  FeaturedHero,
   HelloWorld,
-  Hero,
+  interstitials_exports as Interstitials,
   Label,
   Metadata,
   MdxRelatedItems as RelatedItems,