@canopy-iiif/app 0.7.9 → 0.7.11

package/ui/dist/server.mjs

@@ -1,3 +1,41 @@
+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 __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) {
+    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/Fallback.jsx
 import React from "react";
 function Fallback({ name, ...props }) {
@@ -136,16 +174,75 @@ 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/search/MdxSearchForm.jsx
+// ui/src/iiif/Hero.jsx
+var import_hero_utils = __toESM(require_hero_utils());
 import React6 from "react";
-function MdxSearchForm(props) {
-  let json = "{}";
-  try {
-    json = JSON.stringify(props || {});
-  } catch (_) {
-    json = "{}";
+import helpers from "/home/runner/work/app/app/packages/app/lib/components/featured.js";
+function Hero({
+  height = 360,
+  item,
+  index,
+  random,
+  className = "",
+  style = {},
+  ...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));
+    }
+    resolved = list[idx] || list[0] || null;
   }
-  return /* @__PURE__ */ React6.createElement("div", { "data-canopy-search-form": "1" }, /* @__PURE__ */ React6.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  const hStyle = (0, import_hero_utils.computeHeroHeightStyle)(height);
+  const title = resolved && resolved.title || "";
+  const href = resolved && resolved.href || "#";
+  const thumbnail = resolved && resolved.thumbnail || "";
+  const baseStyles = {
+    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"
+  };
+  return /* @__PURE__ */ React6.createElement(
+    "figure",
+    {
+      className: ["canopy-hero", className].filter(Boolean).join(" "),
+      style: { ...baseStyles, ...style },
+      ...(() => {
+        const r = { ...rest };
+        try {
+          delete r.random;
+          delete r.index;
+        } catch (_) {
+        }
+        return r;
+      })()
+    },
+    thumbnail ? /* @__PURE__ */ React6.createElement("img", { src: thumbnail, alt: "", "aria-hidden": "true", style: imgStyles }) : null,
+    /* @__PURE__ */ React6.createElement("h3", null, /* @__PURE__ */ React6.createElement(
+      "a",
+      {
+        href,
+        style: { color: "inherit", textDecoration: "none" },
+        className: "canopy-hero-link"
+      },
+      title
+    ))
+  );
 }
 
 // ui/src/search/MdxSearchResults.jsx
@@ -172,20 +269,92 @@ function SearchSummary(props) {
   return /* @__PURE__ */ React8.createElement("div", { "data-canopy-search-summary": "1" }, /* @__PURE__ */ React8.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
-// ui/src/search/SearchTotal.jsx
+// ui/src/search/MdxSearchTabs.jsx
 import React9 from "react";
-function SearchTotal(props) {
+function MdxSearchTabs(props) {
   let json = "{}";
   try {
     json = JSON.stringify(props || {});
   } catch (_) {
     json = "{}";
   }
-  return /* @__PURE__ */ React9.createElement("div", { "data-canopy-search-total": "1" }, /* @__PURE__ */ React9.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
+  return /* @__PURE__ */ React9.createElement("div", { "data-canopy-search-tabs": "1" }, /* @__PURE__ */ React9.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: json } }));
 }
 
 // ui/src/command/MdxCommandPalette.jsx
+import React13 from "react";
+
+// ui/src/Icons.jsx
 import React10 from "react";
+var MagnifyingGlassIcon = (props) => /* @__PURE__ */ React10.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props }, /* @__PURE__ */ React10.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";
+function SearchPanelForm(props = {}) {
+  const {
+    placeholder = "Search\u2026",
+    buttonLabel = "Search",
+    label,
+    searchPath = "/search"
+  } = props || {};
+  const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
+  return /* @__PURE__ */ React11.createElement(
+    "form",
+    {
+      action: searchPath,
+      method: "get",
+      role: "search",
+      autoComplete: "off",
+      spellCheck: "false",
+      className: "group flex items-center gap-2 px-2 py-1.5 rounded-lg border border-slate-300 bg-white/95 backdrop-blur text-slate-700 shadow-sm hover:shadow transition w-full focus-within:ring-2 focus-within:ring-brand-500"
+    },
+    /* @__PURE__ */ React11.createElement(MagnifyingGlassIcon, { className: "w-5 h-5 text-slate-400 group-focus-within:text-brand-500" }),
+    /* @__PURE__ */ React11.createElement(
+      "input",
+      {
+        type: "search",
+        name: "q",
+        inputMode: "search",
+        "data-canopy-command-input": true,
+        placeholder,
+        className: "flex-1 bg-transparent outline-none placeholder:text-slate-400 py-0.5 min-w-0",
+        "aria-label": "Search"
+      }
+    ),
+    /* @__PURE__ */ React11.createElement(
+      "button",
+      {
+        type: "submit",
+        "data-canopy-command-link": true,
+        className: "inline-flex items-center gap-1 px-2 py-1 rounded-md border border-slate-200 bg-slate-50 hover:bg-slate-100 text-slate-700"
+      },
+      /* @__PURE__ */ React11.createElement("span", null, text)
+    )
+  );
+}
+
+// ui/src/search/SearchPanelTeaserResults.jsx
+import React12 from "react";
+function SearchPanelTeaserResults(props = {}) {
+  const { style } = props || {};
+  const baseStyle = {
+    display: "none",
+    position: "absolute",
+    left: 0,
+    right: 0,
+    top: "calc(100% + 4px)",
+    background: "#fff",
+    border: "1px solid #e5e7eb",
+    borderRadius: 8,
+    boxShadow: "0 10px 25px rgba(0,0,0,0.12)",
+    zIndex: 1e3,
+    overflow: "auto",
+    maxHeight: "60vh"
+  };
+  return /* @__PURE__ */ React12.createElement("div", { "data-canopy-command-panel": true, style: { ...baseStyle, ...style || {} } }, /* @__PURE__ */ React12.createElement("div", { id: "cplist" }));
+}
+
+// ui/src/command/MdxCommandPalette.jsx
 function MdxCommandPalette(props = {}) {
   const {
     placeholder = "Search\u2026",
@@ -193,30 +362,47 @@ function MdxCommandPalette(props = {}) {
     maxResults = 8,
     groupOrder = ["work", "page"],
     button = true,
-    buttonLabel = "Search"
+    // kept for backward compat; ignored by teaser form
+    buttonLabel = "Search",
+    label,
+    searchPath = "/search"
   } = props || {};
-  const data = { placeholder, hotkey, maxResults, groupOrder };
-  return /* @__PURE__ */ React10.createElement("div", { "data-canopy-command": true }, button && /* @__PURE__ */ React10.createElement(
-    "button",
-    {
-      type: "button",
-      "data-canopy-command-trigger": true,
-      className: "inline-flex items-center gap-1 px-2 py-1 rounded border border-slate-300 text-slate-700 hover:bg-slate-50",
-      "aria-label": "Open search"
-    },
-    /* @__PURE__ */ React10.createElement("span", { "aria-hidden": true }, "\u2318K"),
-    /* @__PURE__ */ React10.createElement("span", { className: "sr-only" }, buttonLabel)
-  ), /* @__PURE__ */ React10.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
+  const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath };
+  return /* @__PURE__ */ React13.createElement("div", { "data-canopy-command": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React13.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React13.createElement("style", null, `.relative[data-canopy-panel-auto='1']:focus-within [data-canopy-command-panel]{display:block}`), /* @__PURE__ */ React13.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath }), /* @__PURE__ */ React13.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React13.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+}
+
+// ui/src/search/SearchPanel.jsx
+import React14 from "react";
+function SearchPanel(props = {}) {
+  const {
+    placeholder = "Search\u2026",
+    hotkey = "mod+k",
+    maxResults = 8,
+    groupOrder = ["work", "page"],
+    // Kept for backward compat; form always renders submit
+    button = true,
+    // eslint-disable-line no-unused-vars
+    buttonLabel = "Search",
+    label,
+    searchPath = "/search"
+  } = props || {};
+  const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
+  const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath };
+  return /* @__PURE__ */ React14.createElement("div", { "data-canopy-command": true, className: "flex-1 min-w-0" }, /* @__PURE__ */ React14.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React14.createElement("style", null, `.relative[data-canopy-panel-auto='1']:focus-within [data-canopy-command-panel]{display:block}`), /* @__PURE__ */ React14.createElement(SearchPanelForm, { placeholder, buttonLabel, label, searchPath }), /* @__PURE__ */ React14.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React14.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 export {
   MdxCommandPalette as CommandPalette,
   Fallback,
   HelloWorld,
+  Hero,
   MdxRelatedItems as RelatedItems,
-  MdxSearchForm as SearchForm,
+  SearchPanel,
+  SearchPanelForm,
+  SearchPanelTeaserResults,
   MdxSearchResults as SearchResults,
   SearchSummary,
-  SearchTotal,
+  MdxSearchTabs as SearchTabs,
   Slider,
   Viewer
 };

package/ui/dist/server.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/Fallback.jsx", "../src/HelloWorld.jsx", "../src/iiif/Viewer.jsx", "../src/iiif/Slider.jsx", "../src/iiif/MdxRelatedItems.jsx", "../src/search/MdxSearchForm.jsx", "../src/search/MdxSearchResults.jsx", "../src/search/SearchSummary.jsx", "../src/search/SearchTotal.jsx", "../src/command/MdxCommandPalette.jsx"],
-  "sourcesContent": ["import React from 'react';\n\nexport function Fallback({ name, ...props }) {\n  const style = {\n    padding: '0.75rem 1rem',\n    border: '1px dashed #d1d5db',\n    color: '#6b7280',\n    borderRadius: 6,\n    background: '#f9fafb',\n    fontSize: 14,\n  };\n  return (\n    <div style={style} data-fallback-component={name || 'Unknown'}>\n      <strong>{name || 'Unknown component'}</strong> not available in UI.\n    </div>\n  );\n}\n\n", "import React from \"react\";\n\nexport const HelloWorld = () => {\n  return <div>Hello, World!</div>;\n};\n", "import React, { useEffect, useState } from \"react\";\n\n// SSR-safe wrapper around Clover's viewer. Clover touches the DOM at import time,\n// so we dynamically import it only in the browser.\n\n// Default Clover viewer options; can be overridden per-usage via props.options\nconst DEFAULT_VIEWER_OPTIONS = {\n  showDownload: false,\n  showIIIFBadge: false,\n  showTitle: false,\n  informationPanel: {\n    open: false,\n    renderAbout: false,\n    renderToggle: false,\n  },\n};\n\nfunction isPlainObject(val) {\n  return val && typeof val === \"object\" && !Array.isArray(val);\n}\n\nfunction deepMerge(base, override) {\n  if (!isPlainObject(base)) return override;\n  const out = { ...base };\n  if (!isPlainObject(override)) return out;\n  for (const key of Object.keys(override)) {\n    const a = base[key];\n    const b = override[key];\n    if (isPlainObject(a) && isPlainObject(b)) out[key] = deepMerge(a, b);\n    else out[key] = b;\n  }\n  return out;\n}\n\nexport const Viewer = (props) => {\n  const [CloverViewer, setCloverViewer] = useState(null);\n  const mergedOptions = deepMerge(\n    DEFAULT_VIEWER_OPTIONS,\n    props && props.options\n  );\n\n  useEffect(() => {\n    let mounted = true;\n    const canUseDom =\n      typeof window !== \"undefined\" && typeof document !== \"undefined\";\n    if (canUseDom) {\n      import(\"@samvera/clover-iiif/viewer\")\n        .then((mod) => {\n          if (!mounted) return;\n          // Loaded Clover viewer dynamically in the browser\n          const Comp = mod && (mod.default || mod.Viewer || mod);\n          setCloverViewer(() => Comp);\n        })\n        .catch(() => {\n          // Silently ignore load errors on the server or if Clover is unavailable\n        });\n    }\n    return () => {\n      mounted = false;\n    };\n  }, []);\n\n  if (!CloverViewer) {\n    // SSR placeholder for client hydration; props provided as JSON\n    let json = \"{}\";\n    try {\n      const p = { ...(props || {}) };\n      if (mergedOptions) p.options = mergedOptions;\n      json = JSON.stringify(p);\n    } catch (_) {\n      json = \"{}\";\n    }\n    return (\n      <div data-canopy-viewer=\"1\" className=\"not-prose\">\n        <script\n          type=\"application/json\"\n          dangerouslySetInnerHTML={{ __html: json }}\n        />\n      </div>\n    );\n  }\n  return <CloverViewer {...props} options={mergedOptions} />;\n};\n", "import React, { useEffect, useState } from \"react\";\n\n// SSR-safe wrapper around Clover's slider. Clover touches the DOM at import time,\n// so we dynamically import it only in the browser.\nexport const Slider = (props) => {\n  const [CloverSlider, setCloverSlider] = useState(null);\n\n  useEffect(() => {\n    let mounted = true;\n    const canUseDom =\n      typeof window !== \"undefined\" && typeof document !== \"undefined\";\n    if (canUseDom) {\n      import(\"@samvera/clover-iiif/slider\")\n        .then((mod) => {\n          if (!mounted) return;\n          console.log(mod);\n          const Comp = mod && (mod.default || mod.Slider || mod);\n          setCloverSlider(() => Comp);\n        })\n        .catch(() => {\n          // Silently ignore load errors on the server or if Clover is unavailable\n        });\n    }\n    return () => {\n      mounted = false;\n    };\n  }, []);\n\n  if (!CloverSlider) {\n    // SSR placeholder for client hydration; props provided as JSON\n    let json = \"{}\";\n    try {\n      json = JSON.stringify(props || {});\n    } catch (_) {\n      json = \"{}\";\n    }\n    return (\n      <div data-canopy-slider=\"1\" className=\"not-prose\">\n        <script\n          type=\"application/json\"\n          dangerouslySetInnerHTML={{ __html: json }}\n        />\n      </div>\n    );\n  }\n  return <CloverSlider {...props} />;\n};\n", "import React from 'react';\n\n// SSR-safe placeholder for RelatedItems. Hydrated by canopy-related-items.js + canopy-slider.js\nexport default function MdxRelatedItems(props) {\n  let json = '{}';\n  try {\n    json = JSON.stringify(props || {});\n  } catch (_) {\n    json = '{}';\n  }\n  return (\n    <div data-canopy-related-items=\"1\" className=\"not-prose\">\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: json }} />\n    </div>\n  );\n}\n", "import React from 'react';\n\nexport default function MdxSearchForm(props) {\n  let json = '{}';\n  try { json = JSON.stringify(props || {}); } catch (_) { json = '{}'; }\n  return (\n    <div data-canopy-search-form=\"1\">\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: json }} />\n    </div>\n  );\n}\n\n", "import React from 'react';\n\nexport default function MdxSearchResults(props) {\n  let json = '{}';\n  try { json = JSON.stringify(props || {}); } catch (_) { json = '{}'; }\n  return (\n    <div data-canopy-search-results=\"1\">\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: json }} />\n    </div>\n  );\n}\n\n", "import React from 'react';\n\nexport default function SearchSummary(props) {\n  let json = '{}';\n  try { json = JSON.stringify(props || {}); } catch (_) { json = '{}'; }\n  return (\n    <div data-canopy-search-summary=\"1\">\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: json }} />\n    </div>\n  );\n}\n\n", "import React from 'react';\n\nexport default function SearchTotal(props) {\n  let json = '{}';\n  try { json = JSON.stringify(props || {}); } catch (_) { json = '{}'; }\n  return (\n    <div data-canopy-search-total=\"1\">\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: json }} />\n    </div>\n  );\n}\n\n", "import React from 'react';\n\n// SSR-safe placeholder for the command palette. The real UI mounts client-side.\nexport default function MdxCommandPalette(props = {}) {\n  const {\n    placeholder = 'Search\u2026',\n    hotkey = 'mod+k',\n    maxResults = 8,\n    groupOrder = ['work', 'page'],\n    button = true,\n    buttonLabel = 'Search',\n  } = props || {};\n\n  const data = { placeholder, hotkey, maxResults, groupOrder };\n  return (\n    <div data-canopy-command>\n      {/* Optional trigger button shown in the header layout */}\n      {button && (\n        <button\n          type=\"button\"\n          data-canopy-command-trigger\n          className=\"inline-flex items-center gap-1 px-2 py-1 rounded border border-slate-300 text-slate-700 hover:bg-slate-50\"\n          aria-label=\"Open search\"\n        >\n          <span aria-hidden>\u2318K</span>\n          <span className=\"sr-only\">{buttonLabel}</span>\n        </button>\n      )}\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }} />\n    </div>\n  );\n}\n\n"],
-  "mappings": "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",
-  "names": ["React", "React", "React", "useEffect", "useState", "React", "React", "React", "React", "React", "React"]
+  "sources": ["../src/iiif/hero-utils.js", "../src/Fallback.jsx", "../src/HelloWorld.jsx", "../src/iiif/Viewer.jsx", "../src/iiif/Slider.jsx", "../src/iiif/MdxRelatedItems.jsx", "../src/iiif/Hero.jsx", "../src/search/MdxSearchResults.jsx", "../src/search/SearchSummary.jsx", "../src/search/MdxSearchTabs.jsx", "../src/command/MdxCommandPalette.jsx", "../src/Icons.jsx", "../src/search/SearchPanelForm.jsx", "../src/search/SearchPanelTeaserResults.jsx", "../src/search/SearchPanel.jsx"],
+  "sourcesContent": ["function computeHeroHeightStyle(height) {\n  const h = typeof height === 'number' ? `${height}px` : String(height || '').trim();\n  const val = h || '360px';\n  return { width: '100%', height: val };\n}\n\nmodule.exports = { computeHeroHeightStyle };\n\n", "import React from 'react';\n\nexport function Fallback({ name, ...props }) {\n  const style = {\n    padding: '0.75rem 1rem',\n    border: '1px dashed #d1d5db',\n    color: '#6b7280',\n    borderRadius: 6,\n    background: '#f9fafb',\n    fontSize: 14,\n  };\n  return (\n    <div style={style} data-fallback-component={name || 'Unknown'}>\n      <strong>{name || 'Unknown component'}</strong> not available in UI.\n    </div>\n  );\n}\n\n", "import React from \"react\";\n\nexport const HelloWorld = () => {\n  return <div>Hello, World!</div>;\n};\n", "import React, { useEffect, useState } from \"react\";\n\n// SSR-safe wrapper around Clover's viewer. Clover touches the DOM at import time,\n// so we dynamically import it only in the browser.\n\n// Default Clover viewer options; can be overridden per-usage via props.options\nconst DEFAULT_VIEWER_OPTIONS = {\n  showDownload: false,\n  showIIIFBadge: false,\n  showTitle: false,\n  informationPanel: {\n    open: false,\n    renderAbout: false,\n    renderToggle: false,\n  },\n};\n\nfunction isPlainObject(val) {\n  return val && typeof val === \"object\" && !Array.isArray(val);\n}\n\nfunction deepMerge(base, override) {\n  if (!isPlainObject(base)) return override;\n  const out = { ...base };\n  if (!isPlainObject(override)) return out;\n  for (const key of Object.keys(override)) {\n    const a = base[key];\n    const b = override[key];\n    if (isPlainObject(a) && isPlainObject(b)) out[key] = deepMerge(a, b);\n    else out[key] = b;\n  }\n  return out;\n}\n\nexport const Viewer = (props) => {\n  const [CloverViewer, setCloverViewer] = useState(null);\n  const mergedOptions = deepMerge(\n    DEFAULT_VIEWER_OPTIONS,\n    props && props.options\n  );\n\n  useEffect(() => {\n    let mounted = true;\n    const canUseDom =\n      typeof window !== \"undefined\" && typeof document !== \"undefined\";\n    if (canUseDom) {\n      import(\"@samvera/clover-iiif/viewer\")\n        .then((mod) => {\n          if (!mounted) return;\n          // Loaded Clover viewer dynamically in the browser\n          const Comp = mod && (mod.default || mod.Viewer || mod);\n          setCloverViewer(() => Comp);\n        })\n        .catch(() => {\n          // Silently ignore load errors on the server or if Clover is unavailable\n        });\n    }\n    return () => {\n      mounted = false;\n    };\n  }, []);\n\n  if (!CloverViewer) {\n    // SSR placeholder for client hydration; props provided as JSON\n    let json = \"{}\";\n    try {\n      const p = { ...(props || {}) };\n      if (mergedOptions) p.options = mergedOptions;\n      json = JSON.stringify(p);\n    } catch (_) {\n      json = \"{}\";\n    }\n    return (\n      <div data-canopy-viewer=\"1\" className=\"not-prose\">\n        <script\n          type=\"application/json\"\n          dangerouslySetInnerHTML={{ __html: json }}\n        />\n      </div>\n    );\n  }\n  return <CloverViewer {...props} options={mergedOptions} />;\n};\n", "import React, { useEffect, useState } from \"react\";\n\n// SSR-safe wrapper around Clover's slider. Clover touches the DOM at import time,\n// so we dynamically import it only in the browser.\nexport const Slider = (props) => {\n  const [CloverSlider, setCloverSlider] = useState(null);\n\n  useEffect(() => {\n    let mounted = true;\n    const canUseDom =\n      typeof window !== \"undefined\" && typeof document !== \"undefined\";\n    if (canUseDom) {\n      import(\"@samvera/clover-iiif/slider\")\n        .then((mod) => {\n          if (!mounted) return;\n          console.log(mod);\n          const Comp = mod && (mod.default || mod.Slider || mod);\n          setCloverSlider(() => Comp);\n        })\n        .catch(() => {\n          // Silently ignore load errors on the server or if Clover is unavailable\n        });\n    }\n    return () => {\n      mounted = false;\n    };\n  }, []);\n\n  if (!CloverSlider) {\n    // SSR placeholder for client hydration; props provided as JSON\n    let json = \"{}\";\n    try {\n      json = JSON.stringify(props || {});\n    } catch (_) {\n      json = \"{}\";\n    }\n    return (\n      <div data-canopy-slider=\"1\" className=\"not-prose\">\n        <script\n          type=\"application/json\"\n          dangerouslySetInnerHTML={{ __html: json }}\n        />\n      </div>\n    );\n  }\n  return <CloverSlider {...props} />;\n};\n", "import React from 'react';\n\n// SSR-safe placeholder for RelatedItems. Hydrated by canopy-related-items.js + canopy-slider.js\nexport default function MdxRelatedItems(props) {\n  let json = '{}';\n  try {\n    json = JSON.stringify(props || {});\n  } catch (_) {\n    json = '{}';\n  }\n  return (\n    <div data-canopy-related-items=\"1\" className=\"not-prose\">\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: json }} />\n    </div>\n  );\n}\n", "import React from \"react\";\n// SSR-only: pulls featured helpers from the library (Node APIs inside)\nimport helpers from \"../../../lib/components/featured.js\";\nimport { computeHeroHeightStyle } from './hero-utils.js';\n\n/**\n * Hero\n *\n * Full-width visual banner for a featured item.\n * - Fluid width (100% of container)\n * - Fixed height from `height` prop (no aspect ratio lock)\n * - Renders a background image from `item.thumbnail` with cover fit\n * - Title overlays with link to item.href\n *\n * Props:\n * - height: number | string \u2014 required; e.g., 360 or '420px'\n * - item: { title, href, thumbnail } \u2014 required\n * - className, style \u2014 optional container overrides\n */\nexport default function Hero({\n  height = 360,\n  item,\n  index,\n  random,\n  className = \"\",\n  style = {},\n  ...rest\n}) {\n  // Resolve item: prefer explicit prop, else pick from featured list.\n  let resolved = item;\n  if (!resolved) {\n    const list =\n      helpers && helpers.readFeaturedFromCacheSync\n        ? helpers.readFeaturedFromCacheSync()\n        : [];\n    let idx = 0;\n    if (typeof index === \"number\") {\n      idx = Math.max(0, Math.min(list.length - 1, Math.floor(index)));\n    } else if (random === true || random === \"true\") {\n      idx = Math.floor(Math.random() * Math.max(1, list.length));\n    }\n    resolved = list[idx] || list[0] || null;\n  }\n\n  const hStyle = computeHeroHeightStyle(height);\n  const title = (resolved && resolved.title) || \"\";\n  const href = (resolved && resolved.href) || \"#\";\n  const thumbnail = (resolved && resolved.thumbnail) || \"\";\n\n  const baseStyles = {\n    position: \"relative\",\n    ...hStyle,\n    overflow: \"hidden\",\n    backgroundColor: \"var(--color-gray-muted)\",\n  };\n\n  const imgStyles = {\n    position: \"absolute\",\n    inset: 0,\n    width: \"100%\",\n    height: \"100%\",\n    objectFit: \"cover\",\n    objectPosition: \"center\",\n    filter: \"none\",\n  };\n\n  return (\n    <figure\n      className={[\"canopy-hero\", className].filter(Boolean).join(\" \")}\n      style={{ ...baseStyles, ...style }}\n      {...(() => { const r = { ...rest }; try { delete r.random; delete r.index; } catch (_) {} return r; })()}\n    >\n      {thumbnail ? (\n        <img src={thumbnail} alt=\"\" aria-hidden=\"true\" style={imgStyles} />\n      ) : null}\n      <h3>\n        <a\n          href={href}\n          style={{ color: \"inherit\", textDecoration: \"none\" }}\n          className=\"canopy-hero-link\"\n        >\n          {title}\n        </a>\n      </h3>\n    </figure>\n  );\n}\n", "import React from 'react';\n\nexport default function MdxSearchResults(props) {\n  let json = '{}';\n  try { json = JSON.stringify(props || {}); } catch (_) { json = '{}'; }\n  return (\n    <div data-canopy-search-results=\"1\">\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: json }} />\n    </div>\n  );\n}\n\n", "import React from 'react';\n\nexport default function SearchSummary(props) {\n  let json = '{}';\n  try { json = JSON.stringify(props || {}); } catch (_) { json = '{}'; }\n  return (\n    <div data-canopy-search-summary=\"1\">\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: json }} />\n    </div>\n  );\n}\n\n", "import React from 'react';\n\nexport default function MdxSearchTabs(props) {\n  let json = '{}';\n  try { json = JSON.stringify(props || {}); } catch (_) { json = '{}'; }\n  return (\n    <div data-canopy-search-tabs=\"1\">\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: json }} />\n    </div>\n  );\n}\n\n", "import React from 'react';\nimport SearchPanelForm from '../search/SearchPanelForm.jsx';\nimport SearchPanelTeaserResults from '../search/SearchPanelTeaserResults.jsx';\n\n// SSR-safe placeholder for the command palette, composed from SearchPanel parts.\n// This ensures a single JSX source of truth for form/panel markup.\nexport default function MdxCommandPalette(props = {}) {\n  const {\n    placeholder = 'Search\u2026',\n    hotkey = 'mod+k',\n    maxResults = 8,\n    groupOrder = ['work', 'page'],\n    button = true, // kept for backward compat; ignored by teaser form\n    buttonLabel = 'Search',\n    label,\n    searchPath = '/search',\n  } = props || {};\n\n  const text = typeof label === 'string' && label.trim() ? label.trim() : buttonLabel;\n  const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath };\n  return (\n    <div data-canopy-command className=\"flex-1 min-w-0\">\n      <div className=\"relative w-full\">\n        <style>{`.relative[data-canopy-panel-auto='1']:focus-within [data-canopy-command-panel]{display:block}`}</style>\n        <SearchPanelForm placeholder={placeholder} buttonLabel={buttonLabel} label={label} searchPath={searchPath} />\n        <SearchPanelTeaserResults />\n      </div>\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }} />\n    </div>\n  );\n}\n", "import React from \"react\";\n\nexport const MagnifyingGlassIcon = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" {...props}>\n    <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\" />\n  </svg>\n);\n", "import { MagnifyingGlassIcon } from \"../Icons\";\nimport React from \"react\";\n\nexport default function SearchPanelForm(props = {}) {\n  const {\n    placeholder = \"Search\u2026\",\n    buttonLabel = \"Search\",\n    label,\n    searchPath = \"/search\",\n  } = props || {};\n\n  const text =\n    typeof label === \"string\" && label.trim() ? label.trim() : buttonLabel;\n\n  return (\n    <form\n      action={searchPath}\n      method=\"get\"\n      role=\"search\"\n      autoComplete=\"off\"\n      spellCheck=\"false\"\n      className=\"group flex items-center gap-2 px-2 py-1.5 rounded-lg border border-slate-300 bg-white/95 backdrop-blur text-slate-700 shadow-sm hover:shadow transition w-full focus-within:ring-2 focus-within:ring-brand-500\"\n    >\n      <MagnifyingGlassIcon className=\"w-5 h-5 text-slate-400 group-focus-within:text-brand-500\" />\n      <input\n        type=\"search\"\n        name=\"q\"\n        inputMode=\"search\"\n        data-canopy-command-input\n        placeholder={placeholder}\n        className=\"flex-1 bg-transparent outline-none placeholder:text-slate-400 py-0.5 min-w-0\"\n        aria-label=\"Search\"\n      />\n      <button\n        type=\"submit\"\n        data-canopy-command-link\n        className=\"inline-flex items-center gap-1 px-2 py-1 rounded-md border border-slate-200 bg-slate-50 hover:bg-slate-100 text-slate-700\"\n      >\n        <span>{text}</span>\n      </button>\n    </form>\n  );\n}\n", "import React from \"react\";\n\n// SSR placeholder for teaser results panel; the runtime controls visibility and content.\nexport default function SearchPanelTeaserResults(props = {}) {\n  const { style } = props || {};\n  const baseStyle = {\n    display: \"none\",\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    top: \"calc(100% + 4px)\",\n    background: \"#fff\",\n    border: \"1px solid #e5e7eb\",\n    borderRadius: 8,\n    boxShadow: \"0 10px 25px rgba(0,0,0,0.12)\",\n    zIndex: 1000,\n    overflow: \"auto\",\n    maxHeight: \"60vh\",\n  };\n  return (\n    <div data-canopy-command-panel style={{ ...baseStyle, ...(style || {}) }}>\n      <div id=\"cplist\" />\n    </div>\n  );\n}\n", "import React from 'react';\nimport SearchPanelForm from './SearchPanelForm.jsx';\nimport SearchPanelTeaserResults from './SearchPanelTeaserResults.jsx';\n\n// High-level SearchPanel composed of a teaser form and teaser results panel.\n// Encodes configuration as JSON for the client runtime.\nexport default function SearchPanel(props = {}) {\n  const {\n    placeholder = 'Search\u2026',\n    hotkey = 'mod+k',\n    maxResults = 8,\n    groupOrder = ['work', 'page'],\n    // Kept for backward compat; form always renders submit\n    button = true, // eslint-disable-line no-unused-vars\n    buttonLabel = 'Search',\n    label,\n    searchPath = '/search',\n  } = props || {};\n\n  const text = typeof label === 'string' && label.trim() ? label.trim() : buttonLabel;\n  const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath };\n\n  return (\n    <div data-canopy-command className=\"flex-1 min-w-0\">\n      <div className=\"relative w-full\">\n        <style>{`.relative[data-canopy-panel-auto='1']:focus-within [data-canopy-command-panel]{display:block}`}</style>\n        <SearchPanelForm placeholder={placeholder} buttonLabel={buttonLabel} label={label} searchPath={searchPath} />\n        <SearchPanelTeaserResults />\n      </div>\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }} />\n    </div>\n  );\n}\n\n"],
+  "mappings": "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",
+  "names": ["computeHeroHeightStyle", "React", "React", "React", "useEffect", "useState", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React"]
 }