@canopy-iiif/app 0.7.16 → 0.7.17

package/lib/AGENTS.md

@@ -57,6 +57,8 @@ Logbook
 -------
 - 2025-09-26 / chatgpt: Hardened runtime bundlers to throw when esbuild or source compilation fails and required `content/works/_layout.mdx`; build now aborts instead of silently writing placeholder assets.
 - 2025-09-26 / chatgpt: Replaced the legacy command runtime stub with an esbuild-bundled runtime (`search/command-runtime.js`); `prepareCommandRuntime()` now builds `site/scripts/canopy-command.js` and fails if esbuild is missing.
+- 2025-09-27 / chatgpt: Documented Tailwind token flow in `app/styles/tailwind.config.js`, compiled UI Sass variables during config load, and exposed `stylesheetHref`/`Stylesheet` helpers via `@canopy-iiif/app/head` so `_app.mdx` can reference the generated CSS directly.
+- 2025-09-27 / chatgpt: Expanded search indexing to harvest MDX pages (respecting frontmatter/layout types), injected BASE_PATH hydration data into search.html, and reworked `mdx.extractTitle()` so generated records surface real headings instead of `Untitled`.
 
 Verification Commands
 ---------------------

package/lib/build/dev.js

@@ -21,7 +21,7 @@ function resolveTailwindCli() {
   if (fs.existsSync(bin)) return { cmd: bin, args: [] };
   return { cmd: 'tailwindcss', args: [] };
 }
-const PORT = Number(process.env.PORT || 3000);
+const PORT = Number(process.env.PORT || 5001);
 let onBuildSuccess = () => {};
 let onBuildStart = () => {};
 let onCssChange = () => {};

package/lib/build/iiif.js

@@ -828,13 +828,6 @@ async function buildIiifCollectionPages(CONFIG) {
                   React.createElement(app.Head)
                 )
               : "";
-          const cssRel = path
-            .relative(
-              path.dirname(outPath),
-              path.join(OUT_DIR, "styles", "styles.css")
-            )
-            .split(path.sep)
-            .join("/");
           const needsHydrateViewer = body.includes("data-canopy-viewer");
           const needsRelated = body.includes("data-canopy-related-items");
           const needsHero = body.includes("data-canopy-hero");
@@ -942,7 +935,7 @@ async function buildIiifCollectionPages(CONFIG) {
           let html = htmlShell({
             title,
             body: pageBody,
-            cssHref: cssRel || "styles/styles.css",
+            cssHref: null,
             scriptHref: jsRel,
             headExtra: vendorTag + headExtra,
           });

package/lib/build/mdx.js

@@ -139,8 +139,11 @@ async function loadUiComponents() {
 }
 
 function extractTitle(mdxSource) {
-  const { content } = parseFrontmatter(String(mdxSource || ""));
-  const m = content.match(/^\s*#\s+(.+)\s*$/m);
+  const { data, content } = parseFrontmatter(String(mdxSource || ""));
+  if (data && typeof data.title === "string" && data.title.trim()) {
+    return data.title.trim();
+  }
+  const m = content.match(/^\s*#{1,6}\s+(.+?)\s*$/m);
   return m ? m[1].trim() : "Untitled";
 }
 

package/lib/build/pages.js

@@ -45,10 +45,6 @@ async function renderContentMdxToHtml(filePath, outPath, extraProps = {}) {
   const source = await fsp.readFile(filePath, 'utf8');
   const title = mdx.extractTitle(source);
   const { body, head } = await mdx.compileMdxFile(filePath, outPath, null, extraProps);
-  const cssRel = path
-    .relative(path.dirname(outPath), path.join(OUT_DIR, 'styles', 'styles.css'))
-    .split(path.sep)
-    .join('/');
   const needsHydrateViewer = body.includes('data-canopy-viewer');
   const needsHydrateSlider = body.includes('data-canopy-slider');
   const needsCommand = true; // command runtime is global
@@ -96,7 +92,7 @@ async function renderContentMdxToHtml(filePath, outPath, extraProps = {}) {
   if (sliderRel && jsRel !== sliderRel) extraScripts.push(`<script defer src="${sliderRel}"></script>`);
   if (commandRel && jsRel !== commandRel) extraScripts.push(`<script defer src="${commandRel}"></script>`);
   if (extraScripts.length) headExtra = extraScripts.join('') + headExtra;
-  const html = htmlShell({ title, body, cssHref: cssRel || 'styles.css', scriptHref: jsRel, headExtra: vendorTag + headExtra });
+  const html = htmlShell({ title, body, cssHref: null, scriptHref: jsRel, headExtra: vendorTag + headExtra });
   const { applyBaseToHtml } = require('../common');
   return applyBaseToHtml(html);
 }

package/lib/build/search.js

@@ -165,10 +165,6 @@ async function writeFacetsSearchApi() {
   await fsp.writeFile(dest, JSON.stringify(data, null, 2), 'utf8');
 }
 
-module.exports = { buildFacetsForWorks, writeFacetCollections, writeFacetsSearchApi };
-
-
-
 async function collectMdxPageRecords() {
   const { fs, fsp, path, CONTENT_DIR, rootRelativeHref } = require('../common');
   const mdx = require('./mdx');
@@ -183,7 +179,8 @@ async function collectMdxPageRecords() {
         const base = path.basename(p).toLowerCase();
         const src = await fsp.readFile(p, 'utf8');
         const fm = mdx.parseFrontmatter(src);
-        const title = mdx.extractTitle(src);
+        const titleRaw = mdx.extractTitle(src);
+        const title = typeof titleRaw === 'string' ? titleRaw.trim() : '';
         const rel = path.relative(CONTENT_DIR, p).replace(/\.mdx$/i, '.html');
         if (base !== 'sitemap.mdx') {
           const href = rootRelativeHref(rel.split(path.sep).join('/'));

package/lib/common.js

@@ -26,13 +26,13 @@ function readYamlConfigBaseUrl() {
 // Priority:
 // 1) CANOPY_BASE_URL env
 // 2) canopy.yml → site.baseUrl
-// 3) dev server default http://localhost:PORT (PORT env or 3000)
+// 3) dev server default http://localhost:PORT (PORT env or 5001)
 const BASE_ORIGIN = (() => {
   const env = String(process.env.CANOPY_BASE_URL || '').trim();
   if (env) return env.replace(/\/$/, '');
   const cfg = readYamlConfigBaseUrl();
   if (cfg) return cfg.replace(/\/$/, '');
-  const port = Number(process.env.PORT || 3000);
+  const port = Number(process.env.PORT || 5001);
   return `http://localhost:${port}`;
 })();
 
@@ -50,7 +50,8 @@ async function cleanDir(dir) {
 function htmlShell({ title, body, cssHref, scriptHref, headExtra }) {
   const scriptTag = scriptHref ? `<script defer src="${scriptHref}"></script>` : '';
   const extra = headExtra ? String(headExtra) : '';
-  return `<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><title>${title}</title>${extra}<link rel="stylesheet" href="${cssHref}">${scriptTag}</head><body>${body}</body></html>`;
+  const cssTag = cssHref ? `<link rel="stylesheet" href="${cssHref}">` : '';
+  return `<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><title>${title}</title>${extra}${cssTag}${scriptTag}</head><body>${body}</body></html>`;
 }
 
 function withBase(href) {
@@ -114,11 +115,18 @@ function absoluteUrl(p) {
 function applyBaseToHtml(html) {
   if (!BASE_PATH) return html;
   try {
-    let out = String(html || '');
-    // Avoid protocol-relative (//example.com) by using a negative lookahead
-    out = out.replace(/(href|src)=(\")\/(?!\/)/g, `$1=$2${BASE_PATH}/`);
-    out = out.replace(/(href|src)=(\')\/(?!\/)/g, `$1=$2${BASE_PATH}/`);
-    return out;
+    const out = String(html || '');
+    const normalizedBase = BASE_PATH.startsWith('/')
+      ? BASE_PATH.replace(/\/$/, '')
+      : `/${BASE_PATH.replace(/\/$/, '')}`;
+    if (!normalizedBase || normalizedBase === '/') return out;
+    const pattern = /(href|src)=(['"])(\/(?!\/)[^'"\s]*)\2/g;
+    return out.replace(pattern, (match, attr, quote, path) => {
+      if (path === normalizedBase || path.startsWith(`${normalizedBase}/`)) {
+        return match;
+      }
+      return `${attr}=${quote}${normalizedBase}${path}${quote}`;
+    });
   } catch (_) {
     return html;
   }

package/lib/head.js

@@ -0,0 +1,21 @@
+const React = require('react');
+const { withBase, rootRelativeHref } = require('./common');
+
+const DEFAULT_STYLESHEET_PATH = '/styles/styles.css';
+
+function stylesheetHref(href = DEFAULT_STYLESHEET_PATH) {
+  const normalized = rootRelativeHref(href || DEFAULT_STYLESHEET_PATH);
+  return withBase(normalized);
+}
+
+function Stylesheet(props = {}) {
+  const { href = DEFAULT_STYLESHEET_PATH, rel = 'stylesheet', ...rest } = props;
+  const resolved = stylesheetHref(href);
+  return React.createElement('link', { rel, href: resolved, ...rest });
+}
+
+module.exports = {
+  stylesheetHref,
+  Stylesheet,
+  DEFAULT_STYLESHEET_PATH,
+};

package/lib/index.js

@@ -1,4 +1,8 @@
+const { stylesheetHref, Stylesheet } = require('./head');
+
 module.exports = {
   build: require('./build/build').build,
-  dev: require('./build/dev').dev
+  dev: require('./build/dev').dev,
+  stylesheetHref,
+  Stylesheet,
 };

package/lib/search/search.js

@@ -150,7 +150,6 @@ async function buildSearchPage() {
     head = rendered && rendered.head ? rendered.head : '';
     if (!body) throw new Error('Search: content/search/_layout.mdx produced empty output');
     const importMap = '';
-    const cssRel = path.relative(path.dirname(outPath), path.join(OUT_DIR, 'styles', 'styles.css')).split(path.sep).join('/');
     const jsAbs = path.join(OUT_DIR, 'scripts', 'search.js');
     let jsRel = path.relative(path.dirname(outPath), jsAbs).split(path.sep).join('/');
     let v = '';
@@ -166,7 +165,14 @@ async function buildSearchPage() {
       return rel;
     }
     const vendorTags = `<script src="${verRel(vendorReactAbs)}"></script><script src="${verRel(vendorFlexAbs)}"></script><script src="${verRel(vendorCommandAbs)}"></script>`;
-    let html = htmlShell({ title: 'Search', body, cssHref: cssRel || 'styles.css', scriptHref: jsRel, headExtra: vendorTags + head + importMap });
+    let headExtra = vendorTags + head + importMap;
+    try {
+      const { BASE_PATH } = require('../common');
+      if (BASE_PATH) {
+        headExtra = `<script>window.CANOPY_BASE_PATH=${JSON.stringify(BASE_PATH)}</script>` + headExtra;
+      }
+    } catch (_) {}
+    let html = htmlShell({ title: 'Search', body, cssHref: null, scriptHref: jsRel, headExtra });
     try { html = require('./common').applyBaseToHtml(html); } catch (_) {}
     await fsp.writeFile(outPath, html, 'utf8');
     console.log('Search: Built', path.relative(process.cwd(), outPath));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopy-iiif/app",
-  "version": "0.7.16",
+  "version": "0.7.17",
   "private": false,
   "license": "MIT",
   "author": "Mat Jordan <mat@northwestern.edu>",
@@ -14,7 +14,8 @@
     "./ui/styles/index.css": "./ui/styles/index.css",
     "./ui/canopy-iiif-plugin": "./ui/tailwind-canopy-iiif-plugin.js",
     "./ui/canopy-iiif-preset": "./ui/tailwind-canopy-iiif-preset.js",
-    "./lib/components/*": "./lib/components/*"
+    "./lib/components/*": "./lib/components/*",
+    "./head": "./lib/head.js"
   },
   "files": [
     "lib/**",

package/ui/dist/index.mjs

@@ -392,7 +392,7 @@ function SearchTabs({ type = "all", onTypeChange, types = [], counts = {} }) {
         "aria-selected": active,
         type: "button",
         onClick: () => onTypeChange && onTypeChange(t),
-        className: "px-3 py-1.5 text-sm rounded-t-md border-b-2 -mb-px transition-colors " + (active ? "border-brand-600 text-brand-700" : "border-transparent text-slate-600 hover:text-slate-900 hover:border-slate-300")
+        className: "px-3 py-2 text-sm rounded-t-md border-b-2 -mb-px transition-colors " + (active ? "border-brand-600 text-brand-700" : "border-transparent text-slate-600 hover:text-slate-900 hover:border-slate-300")
       },
       toLabel(t),
       " (",
@@ -468,13 +468,41 @@ function SearchPanelForm(props = {}) {
     placeholder = "Search\u2026",
     buttonLabel = "Search",
     label,
-    searchPath = "/search"
+    searchPath = "/search",
+    inputId: inputIdProp
   } = props || {};
   const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
   const action = React13.useMemo(
     () => resolveSearchPath(searchPath),
     [searchPath]
   );
+  const autoId = typeof React13.useId === "function" ? React13.useId() : void 0;
+  const [fallbackId] = React13.useState(
+    () => `canopy-cmdk-${Math.random().toString(36).slice(2, 10)}`
+  );
+  const inputId = inputIdProp || autoId || fallbackId;
+  const inputRef = React13.useRef(null);
+  const focusInput = React13.useCallback(() => {
+    const el = inputRef.current;
+    if (!el) return;
+    if (document.activeElement === el) return;
+    try {
+      el.focus({ preventScroll: true });
+    } catch (_) {
+      try {
+        el.focus();
+      } catch (_2) {
+      }
+    }
+  }, []);
+  const handlePointerDown = React13.useCallback((event) => {
+    const target = event.target;
+    if (target && typeof target.closest === "function") {
+      if (target.closest("[data-canopy-command-trigger]")) return;
+    }
+    event.preventDefault();
+    focusInput();
+  }, [focusInput]);
   return /* @__PURE__ */ React13.createElement(
     "form",
     {
@@ -483,20 +511,31 @@ function SearchPanelForm(props = {}) {
       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"
+      className: "group flex items-center gap-2 rounded-lg border border-slate-300 text-slate-700 shadow-sm transition w-full focus-within:ring-2 focus-within:ring-brand-500 canopy-cmdk-form",
+      onPointerDown: handlePointerDown,
+      "data-placeholder": placeholder || ""
     },
-    /* @__PURE__ */ React13.createElement(MagnifyingGlassIcon, { className: "w-5 h-5 text-slate-400 group-focus-within:text-brand-500" }),
     /* @__PURE__ */ React13.createElement(
-      "input",
+      "label",
       {
-        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"
-      }
+        htmlFor: inputId,
+        className: "flex items-center gap-2 flex-1 min-w-0 cursor-text canopy-cmdk-label"
+      },
+      /* @__PURE__ */ React13.createElement(MagnifyingGlassIcon, { className: "w-5 h-5 text-slate-400 group-focus-within:text-brand-500 pointer-events-none" }),
+      /* @__PURE__ */ React13.createElement(
+        "input",
+        {
+          id: inputId,
+          type: "search",
+          name: "q",
+          inputMode: "search",
+          "data-canopy-command-input": true,
+          placeholder,
+          className: "flex-1 bg-transparent outline-none placeholder:text-slate-400 py-1 min-w-0",
+          "aria-label": "Search",
+          ref: inputRef
+        }
+      )
     ),
     /* @__PURE__ */ React13.createElement(
       "button",
@@ -506,7 +545,7 @@ function SearchPanelForm(props = {}) {
         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"
       },
       /* @__PURE__ */ React13.createElement("span", null, text),
-      /* @__PURE__ */ React13.createElement("span", { "aria-hidden": true, className: "hidden sm:inline-flex items-center gap-1 rounded border border-white/40 bg-white/20 px-1.5 py-0.5 text-xs font-semibold" }, /* @__PURE__ */ React13.createElement("span", null, "\u2318"), /* @__PURE__ */ React13.createElement("span", null, "K"))
+      /* @__PURE__ */ React13.createElement("span", { "aria-hidden": true, className: "hidden sm:inline-flex items-center gap-1 text-xs font-semibold canopy-cmdk-shortcut" }, /* @__PURE__ */ React13.createElement("span", null, "\u2318"), /* @__PURE__ */ React13.createElement("span", null, "K"))
     )
   );
 }
@@ -558,7 +597,7 @@ function SearchPanel(props = {}) {
     placeholder = "Search\u2026",
     hotkey = "mod+k",
     maxResults = 8,
-    groupOrder = ["work", "page"],
+    groupOrder = ["work", "docs", "page"],
     // Kept for backward compat; form always renders submit
     button = true,
     // eslint-disable-line no-unused-vars

package/ui/dist/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/HelloWorld.jsx", "../src/layout/Card.jsx", "../src/layout/Grid.jsx", "../src/iiif/Viewer.jsx", "../src/iiif/Slider.jsx", "../src/iiif/MdxRelatedItems.jsx", "../src/search/MdxSearchResults.jsx", "../src/search/SearchSummary.jsx", "../src/search/MdxSearchTabs.jsx", "../src/search/SearchResults.jsx", "../src/search/SearchTabs.jsx", "../src/command/MdxCommandPalette.jsx", "../src/Icons.jsx", "../src/search/SearchPanelForm.jsx", "../src/search/SearchPanelTeaserResults.jsx", "../src/search/SearchPanel.jsx"],
-  "sourcesContent": ["import React from \"react\";\n\nexport const HelloWorld = () => {\n  return <div>Hello, World!</div>;\n};\n", "import React, { useEffect, useRef, useState } from \"react\";\n\n/**\n * Card\n *\n * Renders an anchor wrapping a figure with an image and caption.\n * Minimal styling; consumers can override via className/style.\n *\n * Props:\n * - href: string (required) \u2014 link target\n * - src: string (optional) \u2014 image source\n * - alt: string (optional) \u2014 image alt text (falls back to title)\n * - title: string (optional) \u2014 primary caption text\n * - subtitle: string (optional) \u2014 secondary caption text\n * - className: string (optional)\n * - style: object (optional)\n * - children: ReactNode (optional) \u2014 appended inside figcaption\n */\nexport default function Card({\n  href,\n  src,\n  alt,\n  title,\n  subtitle,\n  // Optional intrinsic dimensions or aspect ratio to compute a responsive height\n  imgWidth,\n  imgHeight,\n  aspectRatio,\n  className,\n  style,\n  children,\n  ...rest\n}) {\n  const containerRef = useRef(null);\n  const [inView, setInView] = useState(false);\n  const [imageLoaded, setImageLoaded] = useState(false);\n\n  /**\n   * Use IntersectionObserver to detect when the card enters the viewport.\n   * When in view, setInView(true) to trigger image loading.\n   * If IntersectionObserver is not supported, default to inView=true.\n   */\n  useEffect(() => {\n    if (!containerRef.current) return;\n    if (typeof IntersectionObserver !== \"function\") {\n      setInView(true);\n      return;\n    }\n    const el = containerRef.current;\n    const obs = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            setInView(true);\n            try {\n              obs.unobserve(el);\n            } catch (_) {}\n            break;\n          }\n        }\n      },\n      { root: null, rootMargin: \"100px\", threshold: 0.1 }\n    );\n    try {\n      obs.observe(el);\n    } catch (_) {}\n    return () => {\n      try {\n        obs.disconnect();\n      } catch (_) {}\n    };\n  }, []);\n\n  /**\n   * Calculate aspect ratio and padding percent for responsive image container.\n   */\n  const w = Number(imgWidth);\n  const h = Number(imgHeight);\n  const ratio =\n    Number.isFinite(Number(aspectRatio)) && Number(aspectRatio) > 0\n      ? Number(aspectRatio)\n      : Number.isFinite(w) && w > 0 && Number.isFinite(h) && h > 0\n      ? w / h\n      : undefined;\n  const paddingPercent = ratio ? 100 / ratio : 100;\n\n  /**\n   * Caption element (figcaption), rendered if title, subtitle, or children are provided.\n   */\n  const caption = (\n    <figcaption>\n      {title && <span>{title}</span>}\n      {subtitle && <span>{subtitle}</span>}\n      {children}\n    </figcaption>\n  );\n\n  return (\n    <a\n      href={href}\n      className={[\"canopy-card\", className].filter(Boolean).join(\" \")}\n      style={style}\n      ref={containerRef}\n      data-aspect-ratio={ratio}\n      data-in-view={inView ? \"true\" : \"false\"}\n      data-image-loaded={imageLoaded ? \"true\" : \"false\"}\n      {...rest}\n    >\n      <figure>\n        {src ? (\n          ratio ? (\n            <div\n              className=\"canopy-card-media\"\n              style={{ \"--canopy-card-padding\": `${paddingPercent}%` }}\n            >\n              {inView ? (\n                <img\n                  src={src}\n                  alt={alt || title || \"\"}\n                  loading=\"lazy\"\n                  onLoad={() => setImageLoaded(true)}\n                  onError={() => setImageLoaded(true)}\n                />\n              ) : null}\n            </div>\n          ) : (\n            <img\n              src={src}\n              alt={alt || title || \"\"}\n              loading=\"lazy\"\n              onLoad={() => setImageLoaded(true)}\n              onError={() => setImageLoaded(true)}\n              className=\"canopy-card-image\"\n            />\n          )\n        ) : null}\n        {caption}\n      </figure>\n    </a>\n  );\n}\n", "import Masonry from \"react-masonry-css\";\nimport React from \"react\";\n\n// Simple item wrapper to provide consistent spacing between items.\nexport function GridItem({ children, className = \"\", style = {}, ...rest }) {\n  return (\n    <div\n      className={`canopy-grid-item ${className}`.trim()}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * Grid (Masonry)\n *\n * Lightweight wrapper around `react-masonry-css` with sensible defaults\n * and inline styles so it works without a global CSS pipeline.\n *\n * Props:\n * - breakpointCols: number | object \u2014 columns per breakpoint (react-masonry-css prop)\n * - gap: CSS length string \u2014 spacing between items/columns (default '1rem')\n * - paddingY: CSS length string \u2014 vertical padding for the grid (default '0')\n * - className, style \u2014 forwarded to container\n * - columnClassName \u2014 forwarded to Masonry (defaults to 'canopy-grid-column')\n * - children \u2014 usually a list of <GridItem> elements\n */\nexport default function Grid({\n  breakpointCols,\n  gap = \"2rem\",\n  paddingY = \"0\",\n  className = \"\",\n  style = {},\n  columnClassName = \"canopy-grid-column\",\n  children,\n  ...rest\n}) {\n  const cols = breakpointCols || {\n    default: 6,\n    1280: 5,\n    1024: 4,\n    768: 3,\n    640: 2,\n  };\n  const vars = { \"--grid-gap\": gap, \"--grid-padding-y\": paddingY };\n\n  return (\n    <div className=\"canopy-grid-wrap\">\n      {/* Scoped styles so the component works standalone */}\n      <style\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{\n          __html: `\n            .canopy-grid { display: flex; width: auto; position: relative; padding: var(--grid-padding-y, 0) 0; z-index: 1; }\n            .canopy-grid .${columnClassName} { margin-left: var(--grid-gap, 1rem); }\n            .canopy-grid .${columnClassName}:first-child { margin-left: 0; }\n            .canopy-grid-item { margin-bottom: var(--grid-gap, 1rem); }\n          `,\n        }}\n      />\n      <Masonry\n        breakpointCols={cols}\n        className={`canopy-grid ${className}`.trim()}\n        columnClassName={columnClassName}\n        style={{ ...vars, ...style }}\n        {...rest}\n      >\n        {children}\n      </Masonry>\n    </div>\n  );\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 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 Grid, { GridItem } from \"../layout/Grid.jsx\";\n\nimport Card from \"../layout/Card.jsx\";\nimport React from \"react\";\n\nexport default function SearchResults({\n  results = [],\n  type = \"all\",\n  layout = \"grid\",\n}) {\n  if (!results.length) {\n    return (\n      <div className=\"text-slate-600\">\n        <em>No results</em>\n      </div>\n    );\n  }\n\n  if (layout === \"list\") {\n    return (\n      <ul id=\"search-results\" className=\"space-y-3\">\n        {results.map((r, i) => {\n          const hasDims =\n            Number.isFinite(Number(r.thumbnailWidth)) &&\n            Number(r.thumbnailWidth) > 0 &&\n            Number.isFinite(Number(r.thumbnailHeight)) &&\n            Number(r.thumbnailHeight) > 0;\n          const aspect = hasDims\n            ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight)\n            : undefined;\n          return (\n            <li\n              key={i}\n              className={`search-result ${r.type}`}\n              data-thumbnail-aspect-ratio={aspect}\n            >\n              <Card\n                href={r.href}\n                title={r.title || r.href}\n                src={r.type === \"work\" ? r.thumbnail : undefined}\n                imgWidth={r.thumbnailWidth}\n                imgHeight={r.thumbnailHeight}\n                aspectRatio={aspect}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n\n  // Default: grid (masonry)\n  return (\n    <div id=\"search-results\">\n      <Grid>\n        {results.map((r, i) => {\n          const hasDims =\n            Number.isFinite(Number(r.thumbnailWidth)) &&\n            Number(r.thumbnailWidth) > 0 &&\n            Number.isFinite(Number(r.thumbnailHeight)) &&\n            Number(r.thumbnailHeight) > 0;\n          const aspect = hasDims\n            ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight)\n            : undefined;\n          return (\n            <GridItem\n              key={i}\n              className={`search-result ${r.type}`}\n              data-thumbnail-aspect-ratio={aspect}\n            >\n              <Card\n                href={r.href}\n                title={r.title || r.href}\n                src={r.type === \"work\" ? r.thumbnail : undefined}\n                imgWidth={r.thumbnailWidth}\n                imgHeight={r.thumbnailHeight}\n                aspectRatio={aspect}\n              />\n            </GridItem>\n          );\n        })}\n      </Grid>\n    </div>\n  );\n}\n", "import React from 'react';\n\nexport default function SearchTabs({ type = 'all', onTypeChange, types = [], counts = {} }) {\n  const orderedTypes = Array.isArray(types) ? types : [];\n  const toLabel = (t) => (t && t.length ? t.charAt(0).toUpperCase() + t.slice(1) : '');\n  return (\n    <div role=\"tablist\" aria-label=\"Search types\" className=\"flex items-center gap-2 border-b border-slate-200\">\n      {orderedTypes.map((t) => {\n        const active = String(type).toLowerCase() === String(t).toLowerCase();\n        const cRaw = (counts && Object.prototype.hasOwnProperty.call(counts, t)) ? counts[t] : undefined;\n        const c = Number.isFinite(Number(cRaw)) ? Number(cRaw) : 0;\n        return (\n          <button\n            key={t}\n            role=\"tab\"\n            aria-selected={active}\n            type=\"button\"\n            onClick={() => onTypeChange && onTypeChange(t)}\n            className={\n              'px-3 py-1.5 text-sm rounded-t-md border-b-2 -mb-px transition-colors ' +\n              (active\n                ? 'border-brand-600 text-brand-700'\n                : 'border-transparent text-slate-600 hover:text-slate-900 hover:border-slate-300')\n            }\n          >\n            {toLabel(t)} ({c})\n          </button>\n        );\n      })}\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  } = 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\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 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=\"button\"\n        data-canopy-command-trigger\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 rounded border border-white/40 bg-white/20 px-1.5 py-0.5 text-xs font-semibold\">\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', '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"],
-  "mappings": "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",
-  "names": ["React", "React", "React", "useEffect", "useState", "React", "useEffect", "useState", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React"]
+  "sourcesContent": ["import React from \"react\";\n\nexport const HelloWorld = () => {\n  return <div>Hello, World!</div>;\n};\n", "import React, { useEffect, useRef, useState } from \"react\";\n\n/**\n * Card\n *\n * Renders an anchor wrapping a figure with an image and caption.\n * Minimal styling; consumers can override via className/style.\n *\n * Props:\n * - href: string (required) \u2014 link target\n * - src: string (optional) \u2014 image source\n * - alt: string (optional) \u2014 image alt text (falls back to title)\n * - title: string (optional) \u2014 primary caption text\n * - subtitle: string (optional) \u2014 secondary caption text\n * - className: string (optional)\n * - style: object (optional)\n * - children: ReactNode (optional) \u2014 appended inside figcaption\n */\nexport default function Card({\n  href,\n  src,\n  alt,\n  title,\n  subtitle,\n  // Optional intrinsic dimensions or aspect ratio to compute a responsive height\n  imgWidth,\n  imgHeight,\n  aspectRatio,\n  className,\n  style,\n  children,\n  ...rest\n}) {\n  const containerRef = useRef(null);\n  const [inView, setInView] = useState(false);\n  const [imageLoaded, setImageLoaded] = useState(false);\n\n  /**\n   * Use IntersectionObserver to detect when the card enters the viewport.\n   * When in view, setInView(true) to trigger image loading.\n   * If IntersectionObserver is not supported, default to inView=true.\n   */\n  useEffect(() => {\n    if (!containerRef.current) return;\n    if (typeof IntersectionObserver !== \"function\") {\n      setInView(true);\n      return;\n    }\n    const el = containerRef.current;\n    const obs = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            setInView(true);\n            try {\n              obs.unobserve(el);\n            } catch (_) {}\n            break;\n          }\n        }\n      },\n      { root: null, rootMargin: \"100px\", threshold: 0.1 }\n    );\n    try {\n      obs.observe(el);\n    } catch (_) {}\n    return () => {\n      try {\n        obs.disconnect();\n      } catch (_) {}\n    };\n  }, []);\n\n  /**\n   * Calculate aspect ratio and padding percent for responsive image container.\n   */\n  const w = Number(imgWidth);\n  const h = Number(imgHeight);\n  const ratio =\n    Number.isFinite(Number(aspectRatio)) && Number(aspectRatio) > 0\n      ? Number(aspectRatio)\n      : Number.isFinite(w) && w > 0 && Number.isFinite(h) && h > 0\n      ? w / h\n      : undefined;\n  const paddingPercent = ratio ? 100 / ratio : 100;\n\n  /**\n   * Caption element (figcaption), rendered if title, subtitle, or children are provided.\n   */\n  const caption = (\n    <figcaption>\n      {title && <span>{title}</span>}\n      {subtitle && <span>{subtitle}</span>}\n      {children}\n    </figcaption>\n  );\n\n  return (\n    <a\n      href={href}\n      className={[\"canopy-card\", className].filter(Boolean).join(\" \")}\n      style={style}\n      ref={containerRef}\n      data-aspect-ratio={ratio}\n      data-in-view={inView ? \"true\" : \"false\"}\n      data-image-loaded={imageLoaded ? \"true\" : \"false\"}\n      {...rest}\n    >\n      <figure>\n        {src ? (\n          ratio ? (\n            <div\n              className=\"canopy-card-media\"\n              style={{ \"--canopy-card-padding\": `${paddingPercent}%` }}\n            >\n              {inView ? (\n                <img\n                  src={src}\n                  alt={alt || title || \"\"}\n                  loading=\"lazy\"\n                  onLoad={() => setImageLoaded(true)}\n                  onError={() => setImageLoaded(true)}\n                />\n              ) : null}\n            </div>\n          ) : (\n            <img\n              src={src}\n              alt={alt || title || \"\"}\n              loading=\"lazy\"\n              onLoad={() => setImageLoaded(true)}\n              onError={() => setImageLoaded(true)}\n              className=\"canopy-card-image\"\n            />\n          )\n        ) : null}\n        {caption}\n      </figure>\n    </a>\n  );\n}\n", "import Masonry from \"react-masonry-css\";\nimport React from \"react\";\n\n// Simple item wrapper to provide consistent spacing between items.\nexport function GridItem({ children, className = \"\", style = {}, ...rest }) {\n  return (\n    <div\n      className={`canopy-grid-item ${className}`.trim()}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * Grid (Masonry)\n *\n * Lightweight wrapper around `react-masonry-css` with sensible defaults\n * and inline styles so it works without a global CSS pipeline.\n *\n * Props:\n * - breakpointCols: number | object \u2014 columns per breakpoint (react-masonry-css prop)\n * - gap: CSS length string \u2014 spacing between items/columns (default '1rem')\n * - paddingY: CSS length string \u2014 vertical padding for the grid (default '0')\n * - className, style \u2014 forwarded to container\n * - columnClassName \u2014 forwarded to Masonry (defaults to 'canopy-grid-column')\n * - children \u2014 usually a list of <GridItem> elements\n */\nexport default function Grid({\n  breakpointCols,\n  gap = \"2rem\",\n  paddingY = \"0\",\n  className = \"\",\n  style = {},\n  columnClassName = \"canopy-grid-column\",\n  children,\n  ...rest\n}) {\n  const cols = breakpointCols || {\n    default: 6,\n    1280: 5,\n    1024: 4,\n    768: 3,\n    640: 2,\n  };\n  const vars = { \"--grid-gap\": gap, \"--grid-padding-y\": paddingY };\n\n  return (\n    <div className=\"canopy-grid-wrap\">\n      {/* Scoped styles so the component works standalone */}\n      <style\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{\n          __html: `\n            .canopy-grid { display: flex; width: auto; position: relative; padding: var(--grid-padding-y, 0) 0; z-index: 1; }\n            .canopy-grid .${columnClassName} { margin-left: var(--grid-gap, 1rem); }\n            .canopy-grid .${columnClassName}:first-child { margin-left: 0; }\n            .canopy-grid-item { margin-bottom: var(--grid-gap, 1rem); }\n          `,\n        }}\n      />\n      <Masonry\n        breakpointCols={cols}\n        className={`canopy-grid ${className}`.trim()}\n        columnClassName={columnClassName}\n        style={{ ...vars, ...style }}\n        {...rest}\n      >\n        {children}\n      </Masonry>\n    </div>\n  );\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 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 Grid, { GridItem } from \"../layout/Grid.jsx\";\n\nimport Card from \"../layout/Card.jsx\";\nimport React from \"react\";\n\nexport default function SearchResults({\n  results = [],\n  type = \"all\",\n  layout = \"grid\",\n}) {\n  if (!results.length) {\n    return (\n      <div className=\"text-slate-600\">\n        <em>No results</em>\n      </div>\n    );\n  }\n\n  if (layout === \"list\") {\n    return (\n      <ul id=\"search-results\" className=\"space-y-3\">\n        {results.map((r, i) => {\n          const hasDims =\n            Number.isFinite(Number(r.thumbnailWidth)) &&\n            Number(r.thumbnailWidth) > 0 &&\n            Number.isFinite(Number(r.thumbnailHeight)) &&\n            Number(r.thumbnailHeight) > 0;\n          const aspect = hasDims\n            ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight)\n            : undefined;\n          return (\n            <li\n              key={i}\n              className={`search-result ${r.type}`}\n              data-thumbnail-aspect-ratio={aspect}\n            >\n              <Card\n                href={r.href}\n                title={r.title || r.href}\n                src={r.type === \"work\" ? r.thumbnail : undefined}\n                imgWidth={r.thumbnailWidth}\n                imgHeight={r.thumbnailHeight}\n                aspectRatio={aspect}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n\n  // Default: grid (masonry)\n  return (\n    <div id=\"search-results\">\n      <Grid>\n        {results.map((r, i) => {\n          const hasDims =\n            Number.isFinite(Number(r.thumbnailWidth)) &&\n            Number(r.thumbnailWidth) > 0 &&\n            Number.isFinite(Number(r.thumbnailHeight)) &&\n            Number(r.thumbnailHeight) > 0;\n          const aspect = hasDims\n            ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight)\n            : undefined;\n          return (\n            <GridItem\n              key={i}\n              className={`search-result ${r.type}`}\n              data-thumbnail-aspect-ratio={aspect}\n            >\n              <Card\n                href={r.href}\n                title={r.title || r.href}\n                src={r.type === \"work\" ? r.thumbnail : undefined}\n                imgWidth={r.thumbnailWidth}\n                imgHeight={r.thumbnailHeight}\n                aspectRatio={aspect}\n              />\n            </GridItem>\n          );\n        })}\n      </Grid>\n    </div>\n  );\n}\n", "import React from 'react';\n\nexport default function SearchTabs({ type = 'all', onTypeChange, types = [], counts = {} }) {\n  const orderedTypes = Array.isArray(types) ? types : [];\n  const toLabel = (t) => (t && t.length ? t.charAt(0).toUpperCase() + t.slice(1) : '');\n  return (\n    <div role=\"tablist\" aria-label=\"Search types\" className=\"flex items-center gap-2 border-b border-slate-200\">\n      {orderedTypes.map((t) => {\n        const active = String(type).toLowerCase() === String(t).toLowerCase();\n        const cRaw = (counts && Object.prototype.hasOwnProperty.call(counts, t)) ? counts[t] : undefined;\n        const c = Number.isFinite(Number(cRaw)) ? Number(cRaw) : 0;\n        return (\n          <button\n            key={t}\n            role=\"tab\"\n            aria-selected={active}\n            type=\"button\"\n            onClick={() => onTypeChange && onTypeChange(t)}\n            className={\n              'px-3 py-2 text-sm rounded-t-md border-b-2 -mb-px transition-colors ' +\n              (active\n                ? 'border-brand-600 text-brand-700'\n                : 'border-transparent text-slate-600 hover:text-slate-900 hover:border-slate-300')\n            }\n          >\n            {toLabel(t)} ({c})\n          </button>\n        );\n      })}\n    </div>\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 w-full 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=\"button\"\n        data-canopy-command-trigger\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"],
+  "mappings": "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",
+  "names": ["React", "React", "React", "useEffect", "useState", "React", "useEffect", "useState", "React", "React", "React", "React", "React", "React", "React", "React", "React", "_", "React", "React", "React", "React"]
 }

package/ui/dist/server.mjs

@@ -164,6 +164,25 @@ function MdxRelatedItems(props) {
 var import_hero_utils = __toESM(require_hero_utils());
 import React5 from "react";
 import helpers from "@canopy-iiif/app/lib/components/featured.js";
+var basePath = (() => {
+  try {
+    const raw = typeof process !== "undefined" && process && process.env ? String(process.env.CANOPY_BASE_PATH || "") : "";
+    return raw.replace(/\/$/, "");
+  } catch (_) {
+    return "";
+  }
+})();
+function applyBasePath(href) {
+  try {
+    if (!href) return href;
+    if (!basePath) return href;
+    if (typeof href === "string" && href.startsWith("/")) {
+      return `${basePath}${href}`;
+    }
+  } catch (_) {
+  }
+  return href;
+}
 function Hero({
   height = 360,
   item,
@@ -188,7 +207,7 @@ function Hero({
   const title = resolved && resolved.title || "";
   const href = resolved && resolved.href || "#";
   const thumbnail = resolved && resolved.thumbnail || "";
-  const baseStyles = {
+  const mediaStyles = {
     position: "relative",
     ...hStyle,
     overflow: "hidden",
@@ -203,32 +222,19 @@ function Hero({
     objectPosition: "center",
     filter: "none"
   };
-  return /* @__PURE__ */ React5.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__ */ React5.createElement("img", { src: thumbnail, alt: "", "aria-hidden": "true", style: imgStyles }) : null,
-    /* @__PURE__ */ React5.createElement("h3", null, /* @__PURE__ */ React5.createElement(
-      "a",
-      {
-        href,
-        style: { color: "inherit", textDecoration: "none" },
-        className: "canopy-hero-link"
-      },
-      title
-    ))
-  );
+  const sanitizedRest = (() => {
+    const r = { ...rest };
+    try {
+      delete r.random;
+      delete r.index;
+    } catch (_) {
+    }
+    return r;
+  })();
+  const figureClassName = ["canopy-hero", className].filter(Boolean).join(" ");
+  const figureStyles = { margin: 0, padding: 0, ...style };
+  const safeHref = applyBasePath(href);
+  return /* @__PURE__ */ React5.createElement("a", { href: safeHref, className: "canopy-hero-link" }, /* @__PURE__ */ React5.createElement("figure", { className: figureClassName, style: figureStyles, ...sanitizedRest }, /* @__PURE__ */ React5.createElement("div", { className: "canopy-hero__media", style: mediaStyles }, thumbnail ? /* @__PURE__ */ React5.createElement("img", { src: thumbnail, alt: "", "aria-hidden": "true", style: imgStyles }) : null), title ? /* @__PURE__ */ React5.createElement("figcaption", { className: "canopy-hero__caption" }, title) : null));
 }
 
 // ui/src/iiif/FeaturedHero.jsx
@@ -339,13 +345,41 @@ function SearchPanelForm(props = {}) {
     placeholder = "Search\u2026",
     buttonLabel = "Search",
     label,
-    searchPath = "/search"
+    searchPath = "/search",
+    inputId: inputIdProp
   } = props || {};
   const text = typeof label === "string" && label.trim() ? label.trim() : buttonLabel;
   const action = React11.useMemo(
     () => resolveSearchPath(searchPath),
     [searchPath]
   );
+  const autoId = typeof React11.useId === "function" ? React11.useId() : void 0;
+  const [fallbackId] = React11.useState(
+    () => `canopy-cmdk-${Math.random().toString(36).slice(2, 10)}`
+  );
+  const inputId = inputIdProp || autoId || fallbackId;
+  const inputRef = React11.useRef(null);
+  const focusInput = React11.useCallback(() => {
+    const el = inputRef.current;
+    if (!el) return;
+    if (document.activeElement === el) return;
+    try {
+      el.focus({ preventScroll: true });
+    } catch (_) {
+      try {
+        el.focus();
+      } catch (_2) {
+      }
+    }
+  }, []);
+  const handlePointerDown = React11.useCallback((event) => {
+    const target = event.target;
+    if (target && typeof target.closest === "function") {
+      if (target.closest("[data-canopy-command-trigger]")) return;
+    }
+    event.preventDefault();
+    focusInput();
+  }, [focusInput]);
   return /* @__PURE__ */ React11.createElement(
     "form",
     {
@@ -354,20 +388,31 @@ function SearchPanelForm(props = {}) {
       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"
+      className: "group flex items-center gap-2 rounded-lg border border-slate-300 text-slate-700 shadow-sm transition w-full focus-within:ring-2 focus-within:ring-brand-500 canopy-cmdk-form",
+      onPointerDown: handlePointerDown,
+      "data-placeholder": placeholder || ""
     },
-    /* @__PURE__ */ React11.createElement(MagnifyingGlassIcon, { className: "w-5 h-5 text-slate-400 group-focus-within:text-brand-500" }),
     /* @__PURE__ */ React11.createElement(
-      "input",
+      "label",
       {
-        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"
-      }
+        htmlFor: inputId,
+        className: "flex items-center gap-2 flex-1 min-w-0 cursor-text canopy-cmdk-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(
+        "input",
+        {
+          id: inputId,
+          type: "search",
+          name: "q",
+          inputMode: "search",
+          "data-canopy-command-input": true,
+          placeholder,
+          className: "flex-1 bg-transparent outline-none placeholder:text-slate-400 py-1 min-w-0",
+          "aria-label": "Search",
+          ref: inputRef
+        }
+      )
     ),
     /* @__PURE__ */ React11.createElement(
       "button",
@@ -377,7 +422,7 @@ function SearchPanelForm(props = {}) {
         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"
       },
       /* @__PURE__ */ React11.createElement("span", null, text),
-      /* @__PURE__ */ React11.createElement("span", { "aria-hidden": true, className: "hidden sm:inline-flex items-center gap-1 rounded border border-white/40 bg-white/20 px-1.5 py-0.5 text-xs font-semibold" }, /* @__PURE__ */ React11.createElement("span", null, "\u2318"), /* @__PURE__ */ React11.createElement("span", null, "K"))
+      /* @__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"))
     )
   );
 }
@@ -429,7 +474,7 @@ function SearchPanel(props = {}) {
     placeholder = "Search\u2026",
     hotkey = "mod+k",
     maxResults = 8,
-    groupOrder = ["work", "page"],
+    groupOrder = ["work", "docs", "page"],
     // Kept for backward compat; form always renders submit
     button = true,
     // eslint-disable-line no-unused-vars

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"],
-  "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\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\";\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  } = 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\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 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=\"button\"\n        data-canopy-command-trigger\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 rounded border border-white/40 bg-white/20 px-1.5 py-0.5 text-xs font-semibold\">\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', '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"],
-  "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"]
+  "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 className=\"canopy-hero__caption\">{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 w-full 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=\"button\"\n        data-canopy-command-trigger\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"],
+  "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"]
 }

package/ui/styles/base/_common.scss

@@ -0,0 +1,8 @@
+a {
+    text-decoration: none;
+    color: var(--color-brand-default);
+
+    &:hover {
+        text-decoration: underline;
+    }
+}

package/ui/styles/base/index.scss

@@ -0,0 +1 @@
+@use './common';

package/ui/styles/components/_command.scss

@@ -33,7 +33,8 @@
     border-radius: 8px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
     overflow: hidden;
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Helvetica, Arial, sans-serif;
+    font-family: var(--canopy-font-sans, system-ui, -apple-system, "Segoe UI",
+        "Helvetica Neue", Helvetica, Arial, sans-serif);
   }
 
   .canopy-cmdk__close {
@@ -78,3 +79,85 @@
   }
 }
 
+.canopy-cmdk-form {
+  --cmdk-label-padding-x: 0.75rem;
+  --cmdk-label-padding-y: 0.625rem;
+  position: relative;
+  backdrop-filter: blur(12px);
+  background-color: color-mix(in srgb, #fff 95%, transparent);
+  transition: box-shadow var(--duration-fast, 150ms) ease, background-color var(--duration-fast, 150ms) ease;
+  cursor: text;
+
+  &::after {
+    content: attr(data-placeholder);
+    position: absolute;
+    left: calc(var(--cmdk-label-padding-x) + 1.25rem + 0.5rem);
+    right: 5.5rem;
+    top: 50%;
+    transform: translateY(-50%);
+    color: rgba(148, 163, 184, 0.75);
+    opacity: 0.75;
+    pointer-events: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: opacity var(--duration-fast, 150ms) ease;
+  }
+
+  input[data-canopy-command-input] {
+    opacity: 0;
+    caret-color: transparent;
+    transition: opacity var(--duration-fast, 150ms) ease;
+    border: 0;
+    outline: none;
+    background: transparent;
+    box-shadow: none;
+  }
+
+  input[data-canopy-command-input]:focus {
+    outline: none;
+    border: 0;
+    box-shadow: none;
+  }
+
+  &:focus-within {
+    &::after {
+      opacity: 0;
+    }
+
+    input[data-canopy-command-input] {
+      opacity: 1;
+      caret-color: inherit;
+      outline: none;
+      border: 0;
+      box-shadow: none;
+    }
+  }
+
+  &:hover {
+    box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06));
+  }
+
+  button[data-canopy-command-trigger] {
+    cursor: pointer;
+  }
+}
+
+.canopy-cmdk-shortcut {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  border: 1px solid color-mix(in srgb, #fff 40%, transparent);
+  background-color: color-mix(in srgb, #fff 20%, transparent);
+  border-radius: 0.375rem;
+  padding: 0.125rem 0.5rem;
+}
+
+.canopy-cmdk-label {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: var(--cmdk-label-padding-y) var(--cmdk-label-padding-x);
+}

package/ui/styles/components/_hero.scss

@@ -0,0 +1,22 @@
+.canopy-hero {
+    padding: 0;
+    margin: 0;
+}
+
+.canopy-hero-link {
+    display: block;
+    color: inherit;
+    text-decoration: none;
+}
+
+.canopy-hero__media {
+    position: relative;
+}
+
+.canopy-hero__caption {
+    margin: 0;
+    padding: 1rem 0 0;
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: currentColor;
+}

package/ui/styles/components/index.scss

@@ -1,5 +1,4 @@
-// Components bundle. Provide variables to all components, then import each partial.
-@use '../variables' as *;
-
 @use './card';
 @use './command';
+@use './header';
+@use './hero';

package/ui/styles/index.css

@@ -1,3 +1,11 @@
+a {
+  text-decoration: none;
+  color: var(--color-brand-default);
+}
+a:hover {
+  text-decoration: underline;
+}
+
 /* Canopy Card component styles */
 .canopy-card {
   display: block;
@@ -86,7 +94,7 @@
   border-radius: 8px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
   overflow: hidden;
-  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Helvetica, Arial, sans-serif;
+  font-family: var(--canopy-font-sans, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif);
 }
 .canopy-cmdk .canopy-cmdk__close {
   position: absolute;
@@ -124,4 +132,101 @@
   height: 40px;
   object-fit: cover;
   border-radius: 4px;
+}
+
+.canopy-cmdk-form {
+  --cmdk-label-padding-x: 0.75rem;
+  --cmdk-label-padding-y: 0.625rem;
+  position: relative;
+  backdrop-filter: blur(12px);
+  background-color: color-mix(in srgb, #fff 95%, transparent);
+  transition: box-shadow var(--duration-fast, 150ms) ease, background-color var(--duration-fast, 150ms) ease;
+  cursor: text;
+}
+.canopy-cmdk-form::after {
+  content: attr(data-placeholder);
+  position: absolute;
+  left: calc(var(--cmdk-label-padding-x) + 1.25rem + 0.5rem);
+  right: 5.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  color: rgba(148, 163, 184, 0.75);
+  opacity: 0.75;
+  pointer-events: none;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  transition: opacity var(--duration-fast, 150ms) ease;
+}
+.canopy-cmdk-form input[data-canopy-command-input] {
+  opacity: 0;
+  caret-color: transparent;
+  transition: opacity var(--duration-fast, 150ms) ease;
+  border: 0;
+  outline: none;
+  background: transparent;
+  box-shadow: none;
+}
+.canopy-cmdk-form input[data-canopy-command-input]:focus {
+  outline: none;
+  border: 0;
+  box-shadow: none;
+}
+.canopy-cmdk-form:focus-within::after {
+  opacity: 0;
+}
+.canopy-cmdk-form:focus-within input[data-canopy-command-input] {
+  opacity: 1;
+  caret-color: inherit;
+  outline: none;
+  border: 0;
+  box-shadow: none;
+}
+.canopy-cmdk-form:hover {
+  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06));
+}
+.canopy-cmdk-form button[data-canopy-command-trigger] {
+  cursor: pointer;
+}
+
+.canopy-cmdk-shortcut {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  border: 1px solid color-mix(in srgb, #fff 40%, transparent);
+  background-color: color-mix(in srgb, #fff 20%, transparent);
+  border-radius: 0.375rem;
+  padding: 0.125rem 0.5rem;
+}
+
+.canopy-cmdk-label {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: var(--cmdk-label-padding-y) var(--cmdk-label-padding-x);
+}
+
+.canopy-hero {
+  padding: 0;
+  margin: 0;
+}
+
+.canopy-hero-link {
+  display: block;
+  color: inherit;
+  text-decoration: none;
+}
+
+.canopy-hero__media {
+  position: relative;
+}
+
+.canopy-hero__caption {
+  margin: 0;
+  padding: 1rem 0 0;
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: currentColor;
 }

package/ui/styles/index.scss

@@ -1,3 +1,4 @@
-// UI styles entry (optional). Import the components bundle.
-@use './components/index';
+@use './variables' as *;
+@use './base';
+@use './components';