@canopy-iiif/app 0.8.2 → 0.8.3

package/ui/dist/server.mjs

@@ -280,7 +280,7 @@ function MdxSearchTabs(props) {
   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
+// ui/src/search-form/MdxSearchFormModal.jsx
 import React13 from "react";
 
 // ui/src/Icons.jsx
@@ -356,10 +356,11 @@ function SearchPanelForm(props = {}) {
   );
   const autoId = typeof React11.useId === "function" ? React11.useId() : void 0;
   const [fallbackId] = React11.useState(
-    () => `canopy-cmdk-${Math.random().toString(36).slice(2, 10)}`
+    () => `canopy-search-form-${Math.random().toString(36).slice(2, 10)}`
   );
   const inputId = inputIdProp || autoId || fallbackId;
   const inputRef = React11.useRef(null);
+  const [hasValue, setHasValue] = React11.useState(false);
   const focusInput = React11.useCallback(() => {
     const el = inputRef.current;
     if (!el) return;
@@ -373,14 +374,29 @@ function SearchPanelForm(props = {}) {
       }
     }
   }, []);
-  const handlePointerDown = React11.useCallback((event) => {
-    const target = event.target;
-    if (target && typeof target.closest === "function") {
-      if (target.closest("[data-canopy-command-trigger]")) return;
+  const handlePointerDown = React11.useCallback(
+    (event) => {
+      const target = event.target;
+      if (target && typeof target.closest === "function") {
+        if (target.closest("[data-canopy-search-form-trigger]")) return;
+      }
+      event.preventDefault();
+      focusInput();
+    },
+    [focusInput]
+  );
+  React11.useEffect(() => {
+    const el = inputRef.current;
+    if (!el) return;
+    if (el.value && el.value.trim()) {
+      setHasValue(true);
     }
-    event.preventDefault();
-    focusInput();
-  }, [focusInput]);
+  }, []);
+  const handleInputChange = React11.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);
+  }, []);
   return /* @__PURE__ */ React11.createElement(
     "form",
     {
@@ -389,17 +405,18 @@ function SearchPanelForm(props = {}) {
       role: "search",
       autoComplete: "off",
       spellCheck: "false",
-      className: "group flex items-center gap-2 rounded-lg border border-slate-300 text-slate-700 shadow-sm transition focus-within:ring-2 focus-within:ring-brand-500 canopy-cmdk-form",
+      className: "canopy-search-form canopy-search-form-shell",
       onPointerDown: handlePointerDown,
-      "data-placeholder": placeholder || ""
+      "data-placeholder": placeholder || "",
+      "data-has-value": hasValue ? "1" : "0"
     },
     /* @__PURE__ */ React11.createElement(
       "label",
       {
         htmlFor: inputId,
-        className: "flex items-center gap-2 flex-1 min-w-0 cursor-text canopy-cmdk-label"
+        className: "canopy-search-form__label"
       },
-      /* @__PURE__ */ React11.createElement(MagnifyingGlassIcon, { className: "w-5 h-5 text-slate-400 group-focus-within:text-brand-500 pointer-events-none" }),
+      /* @__PURE__ */ React11.createElement(MagnifyingGlassIcon, { className: "canopy-search-form__icon" }),
       /* @__PURE__ */ React11.createElement(
         "input",
         {
@@ -407,11 +424,13 @@ function SearchPanelForm(props = {}) {
           type: "search",
           name: "q",
           inputMode: "search",
-          "data-canopy-command-input": true,
+          "data-canopy-search-form-input": true,
           placeholder,
-          className: "flex-1 bg-transparent outline-none placeholder:text-slate-400 py-1 min-w-0",
+          className: "canopy-search-form__input",
           "aria-label": "Search",
-          ref: inputRef
+          ref: inputRef,
+          onChange: handleInputChange,
+          onInput: handleInputChange
         }
       )
     ),
@@ -419,11 +438,11 @@ function SearchPanelForm(props = {}) {
       "button",
       {
         type: "submit",
-        "data-canopy-command-trigger": "submit",
-        className: "inline-flex items-center gap-2 rounded-md border border-transparent bg-brand px-2 py-1 text-sm font-medium text-white shadow-sm transition hover:bg-brand-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2"
+        "data-canopy-search-form-trigger": "submit",
+        className: "canopy-search-form__submit"
       },
       /* @__PURE__ */ React11.createElement("span", null, text),
-      /* @__PURE__ */ React11.createElement("span", { "aria-hidden": true, className: "hidden sm:inline-flex items-center gap-1 text-xs font-semibold canopy-cmdk-shortcut" }, /* @__PURE__ */ React11.createElement("span", null, "\u2318"), /* @__PURE__ */ React11.createElement("span", null, "K"))
+      /* @__PURE__ */ React11.createElement("span", { "aria-hidden": true, className: "canopy-search-form__shortcut" }, /* @__PURE__ */ React11.createElement("span", null, "\u2318"), /* @__PURE__ */ React11.createElement("span", null, "K"))
     )
   );
 }
@@ -431,26 +450,21 @@ function SearchPanelForm(props = {}) {
 // 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" }));
+  const { style, className } = props || {};
+  const classes = ["canopy-search-teaser", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React12.createElement(
+    "div",
+    {
+      "data-canopy-search-form-panel": true,
+      className: classes || void 0,
+      style
+    },
+    /* @__PURE__ */ React12.createElement("div", { id: "cplist" })
+  );
 }
 
-// ui/src/command/MdxCommandPalette.jsx
-function MdxCommandPalette(props = {}) {
+// ui/src/search-form/MdxSearchFormModal.jsx
+function MdxSearchFormModal(props = {}) {
   const {
     placeholder = "Search\u2026",
     hotkey = "mod+k",
@@ -465,7 +479,7 @@ function MdxCommandPalette(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__ */ 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: resolvedSearchPath }), /* @__PURE__ */ React13.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React13.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
+  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, label, searchPath: resolvedSearchPath }), /* @__PURE__ */ React13.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React13.createElement("script", { type: "application/json", dangerouslySetInnerHTML: { __html: JSON.stringify(data) } }));
 }
 
 // ui/src/search/SearchPanel.jsx
@@ -486,7 +500,7 @@ 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__ */ 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: resolvedSearchPath }), /* @__PURE__ */ React14.createElement(SearchPanelTeaserResults, null)), /* @__PURE__ */ React14.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/iiif/ManifestPrimitives.jsx
@@ -535,7 +549,6 @@ function RequiredStatement({ manifest, requiredStatement, ...rest }) {
   return /* @__PURE__ */ React15.createElement(CloverRequiredStatement, { requiredStatement: stmt, ...rest });
 }
 export {
-  MdxCommandPalette as CommandPalette,
   FeaturedHero,
   HelloWorld,
   Hero,
@@ -543,6 +556,7 @@ export {
   Metadata,
   MdxRelatedItems as RelatedItems,
   RequiredStatement,
+  MdxSearchFormModal as SearchFormModal,
   SearchPanel,
   SearchPanelForm,
   SearchPanelTeaserResults,

package/ui/dist/server.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/iiif/hero-utils.js", "../src/HelloWorld.jsx", "../src/iiif/Viewer.jsx", "../src/iiif/Slider.jsx", "../src/iiif/MdxRelatedItems.jsx", "../src/iiif/Hero.jsx", "../src/iiif/FeaturedHero.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", "../src/iiif/ManifestPrimitives.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 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\nconst basePath = (() => {\n  try {\n    const raw =\n      typeof process !== \"undefined\" && process && process.env\n        ? String(process.env.CANOPY_BASE_PATH || \"\")\n        : \"\";\n    return raw.replace(/\\/$/, \"\");\n  } catch (_) {\n    return \"\";\n  }\n})();\n\nfunction applyBasePath(href) {\n  try {\n    if (!href) return href;\n    if (!basePath) return href;\n    if (typeof href === \"string\" && href.startsWith(\"/\")) {\n      return `${basePath}${href}`;\n    }\n  } catch (_) {}\n  return href;\n}\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 rendered as caption beneath the hero and linked 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 mediaStyles = {\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  const sanitizedRest = (() => {\n    const r = { ...rest };\n    try {\n      delete r.random;\n      delete r.index;\n    } catch (_) {}\n    return r;\n  })();\n\n  const figureClassName = [\"canopy-hero\", className].filter(Boolean).join(\" \");\n  const figureStyles = { margin: 0, padding: 0, ...style };\n  const safeHref = applyBasePath(href);\n\n  return (\n    <a href={safeHref} className=\"canopy-hero-link\">\n      <figure className={figureClassName} style={figureStyles} {...sanitizedRest}>\n        <div className=\"canopy-hero__media\" style={mediaStyles}>\n          {thumbnail ? (\n            <img src={thumbnail} alt=\"\" aria-hidden=\"true\" style={imgStyles} />\n          ) : null}\n        </div>\n        {title ? <figcaption>{title}</figcaption> : null}\n      </figure>\n    </a>\n  );\n}\n", "import React from \"react\";\nimport Hero from \"./Hero.jsx\";\n\n/**\n * FeaturedHero\n *\n * Thin wrapper around <Hero /> kept for backward compatibility and clarity in MDX.\n * Delegates selection logic to Hero (which reads the featured cache when no item is provided).\n */\nexport default function FeaturedHero(props = {}) {\n  return <Hero {...props} />;\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, { resolveSearchPath } 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 resolvedSearchPath = resolveSearchPath(searchPath);\n  const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };\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={resolvedSearchPath} />\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\nfunction readBasePath() {\n  const normalize = (val) => {\n    const raw = typeof val === \"string\" ? val.trim() : \"\";\n    if (!raw) return \"\";\n    return raw.replace(/\\/+$/, \"\");\n  };\n  try {\n    if (typeof window !== \"undefined\" && window.CANOPY_BASE_PATH != null) {\n      const fromWindow = normalize(window.CANOPY_BASE_PATH);\n      if (fromWindow) return fromWindow;\n    }\n  } catch (_) {}\n  try {\n    if (typeof globalThis !== \"undefined\" && globalThis.CANOPY_BASE_PATH != null) {\n      const fromGlobal = normalize(globalThis.CANOPY_BASE_PATH);\n      if (fromGlobal) return fromGlobal;\n    }\n  } catch (_) {}\n  try {\n    if (typeof process !== \"undefined\" && process.env && process.env.CANOPY_BASE_PATH) {\n      const fromEnv = normalize(process.env.CANOPY_BASE_PATH);\n      if (fromEnv) return fromEnv;\n    }\n  } catch (_) {}\n  return \"\";\n}\n\nfunction isAbsoluteUrl(href) {\n  try {\n    return /^https?:/i.test(String(href || \"\"));\n  } catch (_) {\n    return false;\n  }\n}\n\nexport function resolveSearchPath(pathValue) {\n  let raw = typeof pathValue === \"string\" ? pathValue.trim() : \"\";\n  if (!raw) raw = \"/search\";\n  if (isAbsoluteUrl(raw)) return raw;\n  const normalizedPath = raw.startsWith(\"/\") ? raw : `/${raw}`;\n  const base = readBasePath();\n  if (!base) return normalizedPath;\n  const baseWithLead = base.startsWith(\"/\") ? base : `/${base}`;\n  const baseTrimmed = baseWithLead.replace(/\\/+$/, \"\");\n  if (!baseTrimmed) return normalizedPath;\n  if (\n    normalizedPath === baseTrimmed ||\n    normalizedPath.startsWith(`${baseTrimmed}/`)\n  ) {\n    return normalizedPath;\n  }\n  const pathTrimmed = normalizedPath.replace(/^\\/+/, \"\");\n  return `${baseTrimmed}/${pathTrimmed}`;\n}\n\nexport default function SearchPanelForm(props = {}) {\n  const {\n    placeholder = \"Search\u2026\",\n    buttonLabel = \"Search\",\n    label,\n    searchPath = \"/search\",\n    inputId: inputIdProp,\n  } = props || {};\n\n  const text =\n    typeof label === \"string\" && label.trim() ? label.trim() : buttonLabel;\n  const action = React.useMemo(\n    () => resolveSearchPath(searchPath),\n    [searchPath]\n  );\n  const autoId = typeof React.useId === 'function' ? React.useId() : undefined;\n  const [fallbackId] = React.useState(\n    () => `canopy-cmdk-${Math.random().toString(36).slice(2, 10)}`\n  );\n  const inputId = inputIdProp || autoId || fallbackId;\n  const inputRef = React.useRef(null);\n\n  const focusInput = React.useCallback(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    if (document.activeElement === el) return;\n    try { el.focus({ preventScroll: true }); }\n    catch (_) {\n      try { el.focus(); } catch (_) {}\n    }\n  }, []);\n\n  const handlePointerDown = React.useCallback((event) => {\n    const target = event.target;\n    if (target && typeof target.closest === 'function') {\n      if (target.closest('[data-canopy-command-trigger]')) return;\n    }\n    event.preventDefault();\n    focusInput();\n  }, [focusInput]);\n\n  return (\n    <form\n      action={action}\n      method=\"get\"\n      role=\"search\"\n      autoComplete=\"off\"\n      spellCheck=\"false\"\n      className=\"group flex items-center gap-2 rounded-lg border border-slate-300 text-slate-700 shadow-sm transition focus-within:ring-2 focus-within:ring-brand-500 canopy-cmdk-form\"\n      onPointerDown={handlePointerDown}\n      data-placeholder={placeholder || ''}\n    >\n      <label\n        htmlFor={inputId}\n        className=\"flex items-center gap-2 flex-1 min-w-0 cursor-text canopy-cmdk-label\"\n      >\n        <MagnifyingGlassIcon className=\"w-5 h-5 text-slate-400 group-focus-within:text-brand-500 pointer-events-none\" />\n        <input\n          id={inputId}\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-1 min-w-0\"\n          aria-label=\"Search\"\n          ref={inputRef}\n        />\n      </label>\n      <button\n        type=\"submit\"\n        data-canopy-command-trigger=\"submit\"\n        className=\"inline-flex items-center gap-2 rounded-md border border-transparent bg-brand px-2 py-1 text-sm font-medium text-white shadow-sm transition hover:bg-brand-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2\"\n      >\n        <span>{text}</span>\n        <span aria-hidden className=\"hidden sm:inline-flex items-center gap-1 text-xs font-semibold canopy-cmdk-shortcut\">\n          <span>\u2318</span>\n          <span>K</span>\n        </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, { resolveSearchPath } 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', 'docs', '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 resolvedSearchPath = resolveSearchPath(searchPath);\n  const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };\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={resolvedSearchPath} />\n        <SearchPanelTeaserResults />\n      </div>\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }} />\n    </div>\n  );\n}\n", "import React from \"react\";\nimport {\n  Label as CloverLabel,\n  Metadata as CloverMetadata,\n  RequiredStatement as CloverRequiredStatement,\n  Summary as CloverSummary,\n} from \"@samvera/clover-iiif/primitives\";\n\nfunction hasInternationalValue(value) {\n  if (!value || typeof value !== \"object\") return false;\n  return Object.keys(value).some((key) => {\n    const entries = value[key];\n    return (\n      Array.isArray(entries) &&\n      entries.some((entry) => String(entry || \"\").trim().length > 0)\n    );\n  });\n}\n\nfunction ensureMetadata(items) {\n  if (!Array.isArray(items)) return [];\n  return items.filter((item) => {\n    if (!item || typeof item !== \"object\") return false;\n    const { label, value } = item;\n    return hasInternationalValue(label) && hasInternationalValue(value);\n  });\n}\n\nexport function Label({ manifest, label, ...rest }) {\n  const intl = label || (manifest && manifest.label);\n  if (!hasInternationalValue(intl)) return null;\n  return <CloverLabel label={intl} {...rest} />;\n}\n\nexport function Summary({ manifest, summary, ...rest }) {\n  const intl = summary || (manifest && manifest.summary);\n  if (!hasInternationalValue(intl)) return null;\n  return <CloverSummary summary={intl} {...rest} />;\n}\n\nexport function Metadata({ manifest, metadata, ...rest }) {\n  const items = ensureMetadata(metadata || (manifest && manifest.metadata));\n  if (!items.length) return null;\n  return <CloverMetadata metadata={items} {...rest} />;\n}\n\nexport function RequiredStatement({ manifest, requiredStatement, ...rest }) {\n  const stmt = requiredStatement || (manifest && manifest.requiredStatement);\n  if (\n    !stmt ||\n    !hasInternationalValue(stmt.label) ||\n    !hasInternationalValue(stmt.value)\n  ) {\n    return null;\n  }\n  return <CloverRequiredStatement requiredStatement={stmt} {...rest} />;\n}\n\nexport const Primitives = {\n  Label,\n  Summary,\n  Metadata,\n  RequiredStatement,\n};\n\nexport default Primitives;\n"],
-  "mappings": "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",
+  "sources": ["../src/iiif/hero-utils.js", "../src/HelloWorld.jsx", "../src/iiif/Viewer.jsx", "../src/iiif/Slider.jsx", "../src/iiif/MdxRelatedItems.jsx", "../src/iiif/Hero.jsx", "../src/iiif/FeaturedHero.jsx", "../src/search/MdxSearchResults.jsx", "../src/search/SearchSummary.jsx", "../src/search/MdxSearchTabs.jsx", "../src/search-form/MdxSearchFormModal.jsx", "../src/Icons.jsx", "../src/search/SearchPanelForm.jsx", "../src/search/SearchPanelTeaserResults.jsx", "../src/search/SearchPanel.jsx", "../src/iiif/ManifestPrimitives.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 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\nconst basePath = (() => {\n  try {\n    const raw =\n      typeof process !== \"undefined\" && process && process.env\n        ? String(process.env.CANOPY_BASE_PATH || \"\")\n        : \"\";\n    return raw.replace(/\\/$/, \"\");\n  } catch (_) {\n    return \"\";\n  }\n})();\n\nfunction applyBasePath(href) {\n  try {\n    if (!href) return href;\n    if (!basePath) return href;\n    if (typeof href === \"string\" && href.startsWith(\"/\")) {\n      return `${basePath}${href}`;\n    }\n  } catch (_) {}\n  return href;\n}\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 rendered as caption beneath the hero and linked 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 mediaStyles = {\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  const sanitizedRest = (() => {\n    const r = { ...rest };\n    try {\n      delete r.random;\n      delete r.index;\n    } catch (_) {}\n    return r;\n  })();\n\n  const figureClassName = [\"canopy-hero\", className].filter(Boolean).join(\" \");\n  const figureStyles = { margin: 0, padding: 0, ...style };\n  const safeHref = applyBasePath(href);\n\n  return (\n    <a href={safeHref} className=\"canopy-hero-link\">\n      <figure className={figureClassName} style={figureStyles} {...sanitizedRest}>\n        <div className=\"canopy-hero__media\" style={mediaStyles}>\n          {thumbnail ? (\n            <img src={thumbnail} alt=\"\" aria-hidden=\"true\" style={imgStyles} />\n          ) : null}\n        </div>\n        {title ? <figcaption>{title}</figcaption> : null}\n      </figure>\n    </a>\n  );\n}\n", "import React from \"react\";\nimport Hero from \"./Hero.jsx\";\n\n/**\n * FeaturedHero\n *\n * Thin wrapper around <Hero /> kept for backward compatibility and clarity in MDX.\n * Delegates selection logic to Hero (which reads the featured cache when no item is provided).\n */\nexport default function FeaturedHero(props = {}) {\n  return <Hero {...props} />;\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, { resolveSearchPath } from '../search/SearchPanelForm.jsx';\nimport SearchPanelTeaserResults from '../search/SearchPanelTeaserResults.jsx';\n\n// SSR-safe placeholder for the search form modal, composed from SearchPanel parts.\n// This ensures a single JSX source of truth for form/panel markup.\nexport default function MdxSearchFormModal(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 resolvedSearchPath = resolveSearchPath(searchPath);\n  const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };\n  return (\n    <div data-canopy-search-form className=\"flex-1 min-w-0\">\n      <div className=\"relative w-full\">\n        <SearchPanelForm placeholder={placeholder} buttonLabel={buttonLabel} label={label} searchPath={resolvedSearchPath} />\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\nfunction readBasePath() {\n  const normalize = (val) => {\n    const raw = typeof val === \"string\" ? val.trim() : \"\";\n    if (!raw) return \"\";\n    return raw.replace(/\\/+$/, \"\");\n  };\n  try {\n    if (typeof window !== \"undefined\" && window.CANOPY_BASE_PATH != null) {\n      const fromWindow = normalize(window.CANOPY_BASE_PATH);\n      if (fromWindow) return fromWindow;\n    }\n  } catch (_) {}\n  try {\n    if (\n      typeof globalThis !== \"undefined\" &&\n      globalThis.CANOPY_BASE_PATH != null\n    ) {\n      const fromGlobal = normalize(globalThis.CANOPY_BASE_PATH);\n      if (fromGlobal) return fromGlobal;\n    }\n  } catch (_) {}\n  try {\n    if (\n      typeof process !== \"undefined\" &&\n      process.env &&\n      process.env.CANOPY_BASE_PATH\n    ) {\n      const fromEnv = normalize(process.env.CANOPY_BASE_PATH);\n      if (fromEnv) return fromEnv;\n    }\n  } catch (_) {}\n  return \"\";\n}\n\nfunction isAbsoluteUrl(href) {\n  try {\n    return /^https?:/i.test(String(href || \"\"));\n  } catch (_) {\n    return false;\n  }\n}\n\nexport function resolveSearchPath(pathValue) {\n  let raw = typeof pathValue === \"string\" ? pathValue.trim() : \"\";\n  if (!raw) raw = \"/search\";\n  if (isAbsoluteUrl(raw)) return raw;\n  const normalizedPath = raw.startsWith(\"/\") ? raw : `/${raw}`;\n  const base = readBasePath();\n  if (!base) return normalizedPath;\n  const baseWithLead = base.startsWith(\"/\") ? base : `/${base}`;\n  const baseTrimmed = baseWithLead.replace(/\\/+$/, \"\");\n  if (!baseTrimmed) return normalizedPath;\n  if (\n    normalizedPath === baseTrimmed ||\n    normalizedPath.startsWith(`${baseTrimmed}/`)\n  ) {\n    return normalizedPath;\n  }\n  const pathTrimmed = normalizedPath.replace(/^\\/+/, \"\");\n  return `${baseTrimmed}/${pathTrimmed}`;\n}\n\nexport default function SearchPanelForm(props = {}) {\n  const {\n    placeholder = \"Search\u2026\",\n    buttonLabel = \"Search\",\n    label,\n    searchPath = \"/search\",\n    inputId: inputIdProp,\n  } = props || {};\n\n  const text =\n    typeof label === \"string\" && label.trim() ? label.trim() : buttonLabel;\n  const action = React.useMemo(\n    () => resolveSearchPath(searchPath),\n    [searchPath]\n  );\n  const autoId = typeof React.useId === \"function\" ? React.useId() : undefined;\n  const [fallbackId] = React.useState(\n    () => `canopy-search-form-${Math.random().toString(36).slice(2, 10)}`\n  );\n  const inputId = inputIdProp || autoId || fallbackId;\n  const inputRef = React.useRef(null);\n  const [hasValue, setHasValue] = React.useState(false);\n\n  const focusInput = React.useCallback(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    if (document.activeElement === el) return;\n    try {\n      el.focus({preventScroll: true});\n    } catch (_) {\n      try {\n        el.focus();\n      } catch (_) {}\n    }\n  }, []);\n\n  const handlePointerDown = React.useCallback(\n    (event) => {\n      const target = event.target;\n      if (target && typeof target.closest === \"function\") {\n        if (target.closest(\"[data-canopy-search-form-trigger]\")) return;\n      }\n      event.preventDefault();\n      focusInput();\n    },\n    [focusInput]\n  );\n\n  React.useEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    if (el.value && el.value.trim()) {\n      setHasValue(true);\n    }\n  }, []);\n\n  const handleInputChange = React.useCallback((event) => {\n    const nextHasValue = Boolean(event?.target?.value && event.target.value.trim());\n    setHasValue(nextHasValue);\n  }, []);\n\n  return (\n    <form\n      action={action}\n      method=\"get\"\n      role=\"search\"\n      autoComplete=\"off\"\n      spellCheck=\"false\"\n      className=\"canopy-search-form canopy-search-form-shell\"\n      onPointerDown={handlePointerDown}\n      data-placeholder={placeholder || \"\"}\n      data-has-value={hasValue ? \"1\" : \"0\"}\n    >\n      <label\n        htmlFor={inputId}\n        className=\"canopy-search-form__label\"\n      >\n        <MagnifyingGlassIcon className=\"canopy-search-form__icon\" />\n        <input\n          id={inputId}\n          type=\"search\"\n          name=\"q\"\n          inputMode=\"search\"\n          data-canopy-search-form-input\n          placeholder={placeholder}\n          className=\"canopy-search-form__input\"\n          aria-label=\"Search\"\n          ref={inputRef}\n          onChange={handleInputChange}\n          onInput={handleInputChange}\n        />\n      </label>\n      <button\n        type=\"submit\"\n        data-canopy-search-form-trigger=\"submit\"\n        className=\"canopy-search-form__submit\"\n      >\n        <span>{text}</span>\n        <span aria-hidden className=\"canopy-search-form__shortcut\">\n          <span>\u2318</span>\n          <span>K</span>\n        </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, className } = props || {};\n  const classes = [\"canopy-search-teaser\", className]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div\n      data-canopy-search-form-panel\n      className={classes || undefined}\n      style={style}\n    >\n      <div id=\"cplist\" />\n    </div>\n  );\n}\n", "import React from 'react';\nimport SearchPanelForm, { resolveSearchPath } 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', 'docs', '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 resolvedSearchPath = resolveSearchPath(searchPath);\n  const data = { placeholder, hotkey, maxResults, groupOrder, label: text, searchPath: resolvedSearchPath };\n\n  return (\n    <div data-canopy-search-form className=\"flex-1 min-w-0\">\n      <div className=\"relative w-full\">\n        <SearchPanelForm placeholder={placeholder} buttonLabel={buttonLabel} label={label} searchPath={resolvedSearchPath} />\n        <SearchPanelTeaserResults />\n      </div>\n      <script type=\"application/json\" dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }} />\n    </div>\n  );\n}\n", "import React from \"react\";\nimport {\n  Label as CloverLabel,\n  Metadata as CloverMetadata,\n  RequiredStatement as CloverRequiredStatement,\n  Summary as CloverSummary,\n} from \"@samvera/clover-iiif/primitives\";\n\nfunction hasInternationalValue(value) {\n  if (!value || typeof value !== \"object\") return false;\n  return Object.keys(value).some((key) => {\n    const entries = value[key];\n    return (\n      Array.isArray(entries) &&\n      entries.some((entry) => String(entry || \"\").trim().length > 0)\n    );\n  });\n}\n\nfunction ensureMetadata(items) {\n  if (!Array.isArray(items)) return [];\n  return items.filter((item) => {\n    if (!item || typeof item !== \"object\") return false;\n    const { label, value } = item;\n    return hasInternationalValue(label) && hasInternationalValue(value);\n  });\n}\n\nexport function Label({ manifest, label, ...rest }) {\n  const intl = label || (manifest && manifest.label);\n  if (!hasInternationalValue(intl)) return null;\n  return <CloverLabel label={intl} {...rest} />;\n}\n\nexport function Summary({ manifest, summary, ...rest }) {\n  const intl = summary || (manifest && manifest.summary);\n  if (!hasInternationalValue(intl)) return null;\n  return <CloverSummary summary={intl} {...rest} />;\n}\n\nexport function Metadata({ manifest, metadata, ...rest }) {\n  const items = ensureMetadata(metadata || (manifest && manifest.metadata));\n  if (!items.length) return null;\n  return <CloverMetadata metadata={items} {...rest} />;\n}\n\nexport function RequiredStatement({ manifest, requiredStatement, ...rest }) {\n  const stmt = requiredStatement || (manifest && manifest.requiredStatement);\n  if (\n    !stmt ||\n    !hasInternationalValue(stmt.label) ||\n    !hasInternationalValue(stmt.value)\n  ) {\n    return null;\n  }\n  return <CloverRequiredStatement requiredStatement={stmt} {...rest} />;\n}\n\nexport const Primitives = {\n  Label,\n  Summary,\n  Metadata,\n  RequiredStatement,\n};\n\nexport default Primitives;\n"],
+  "mappings": "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",
   "names": ["computeHeroHeightStyle", "React", "React", "useEffect", "useState", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "_", "React", "React", "React", "React", "React"]
 }

package/ui/styles/base/_common.scss

@@ -1,8 +1,21 @@
+@use "../variables" as *;
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+  font-family: $font-sans;
+}
+
+main {
+  //
+}
+
 a {
-    text-decoration: none;
-    color: var(--color-brand-default);
+  text-decoration: none;
+  color: $color-brand-default;
 
-    &:hover {
-        text-decoration: underline;
-    }
-}
+  &:hover {
+    text-decoration: underline;
+  }
+}

package/ui/styles/base/_heading.scss

@@ -0,0 +1,17 @@
+@use "../variables" as *;
+
+h1 {
+  font-family: $font-serif;
+  font-size: 2.618rem;
+  line-height: 1.25;
+  margin: 0 0 1rem 0;
+  font-weight: 400;
+}
+
+h2 {
+  font-family: $font-serif;
+  font-size: 1.618rem;
+  line-height: 1.25;
+  margin: 0 0 0.618rem 0;
+  font-weight: 400;
+}

package/ui/styles/base/index.scss

@@ -1 +1,2 @@
-@use './common';
+@use "./common";
+@use "./heading";

package/ui/styles/components/header/_header.scss

@@ -0,0 +1,13 @@
+@use "../../variables" as *;
+
+@layer components {
+  .canopy-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1.618rem;
+    padding: 0.618rem 1rem;
+    box-shadow: 5px 5px 19px rgba(0, 0, 0, 0.2);
+    background: #fff;
+  }
+}

package/ui/styles/components/header/_logo.scss

@@ -0,0 +1,20 @@
+@use "../../variables" as *;
+
+.canopy-logo {
+  display: flex;
+  align-items: center;
+  gap: 0.618rem;
+  font-weight: 400;
+  font-size: 1.618rem;
+  font-family: $font-serif;
+  color: $color-gray-default;
+
+  img {
+    height: 1.618rem;
+    margin-bottom: -1px;
+  }
+
+  &:hover {
+    text-decoration: none;
+  }
+}

package/ui/styles/components/header/_navbar.scss

@@ -0,0 +1,15 @@
+.canopy-navbar {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  font-size: 1rem;
+
+  a {
+    color: var(--color-primary);
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}

package/ui/styles/components/header/index.scss

@@ -0,0 +1,3 @@
+@use "./header";
+@use "./logo";
+@use "./navbar";

package/ui/styles/components/index.scss

@@ -1,4 +1,4 @@
-@use './card';
-@use './command';
-@use './header';
-@use './hero';
+@use "./card";
+@use "./header";
+@use "./hero";
+@use "./search";