sourcey 2.0.2

package/dist/client/search.js

@@ -0,0 +1,164 @@
+// Search — client-side search dialog with keyboard navigation
+(function () {
+  var dialog = document.getElementById('search-dialog');
+  var input = document.getElementById('search-input');
+  var results = document.getElementById('search-results');
+  var openBtn = document.getElementById('search-open');
+  if (!dialog || !input || !results) return;
+
+  var entries = [];
+  var activeIndex = -1;
+  var filtered = [];
+  var indexLoaded = false;
+
+  // Always load from JSON search index
+  var searchMeta = document.querySelector('meta[name="sourcey-search"]');
+
+  function loadJsonIndex(callback) {
+    if (indexLoaded) { callback(); return; }
+    if (!searchMeta) { indexLoaded = true; callback(); return; }
+    var url = searchMeta.getAttribute('content');
+    fetch(url).then(function (r) { return r.json(); }).then(function (data) {
+      entries = data.map(function (e) {
+        return {
+          url: e.url,
+          method: e.method || '',
+          path: e.path || '',
+          summary: e.title || '',
+          tag: e.tab || '',
+          content: e.content || '',
+          category: e.category || '',
+          searchText: [e.method || '', e.path || '', e.title || '', e.content || '', e.tab || ''].join(' ').toLowerCase()
+        };
+      });
+      indexLoaded = true;
+      callback();
+    }).catch(function () {
+      indexLoaded = true;
+      callback();
+    });
+  }
+
+  function open() {
+    dialog.classList.add('open');
+    input.value = '';
+    input.focus();
+    if (!indexLoaded) {
+      results.innerHTML = '<div class="search-loading">Loading…</div>';
+      loadJsonIndex(function () { showResults(''); });
+    } else {
+      showResults('');
+    }
+    document.addEventListener('keydown', onDialogKey);
+  }
+
+  function close() {
+    dialog.classList.remove('open');
+    document.removeEventListener('keydown', onDialogKey);
+  }
+
+  function showResults(query) {
+    var q = query.toLowerCase().trim();
+    if (!q) {
+      filtered = entries.slice(0, 20);
+    } else {
+      var terms = q.split(/\s+/);
+      filtered = entries.filter(function (e) {
+        return terms.every(function (t) { return e.searchText.indexOf(t) !== -1; });
+      });
+    }
+
+    activeIndex = filtered.length ? 0 : -1;
+    render();
+  }
+
+  function render() {
+    results.innerHTML = filtered.map(function (e, i) {
+      var cls = 'search-result' + (i === activeIndex ? ' active' : '');
+      var label = e.method
+        ? '<span class="search-result-method method-' + e.method.toLowerCase() + '">' + e.method + '</span> ' +
+          '<span class="search-result-path">' + escapeHtml(e.path) + '</span>'
+        : '<span class="search-result-path">' + escapeHtml(e.summary) + '</span>';
+      var tagLine = e.tag ? '<span class="search-result-tag">' + escapeHtml(e.tag) + '</span>' : '';
+      var summaryLine = e.method && e.summary ? '<span class="search-result-summary">' + escapeHtml(e.summary) + '</span>' : '';
+      return '<a href="' + e.url + '" class="' + cls + '" data-index="' + i + '">' +
+        '<div class="search-result-main">' + label + summaryLine + '</div>' +
+        tagLine + '</a>';
+    }).join('');
+  }
+
+  function escapeHtml(s) {
+    var el = document.createElement('span');
+    el.textContent = s;
+    return el.innerHTML;
+  }
+
+  function navigate(index) {
+    if (index < 0 || index >= filtered.length) return;
+    var entry = filtered[index];
+    close();
+    window.location.href = entry.url;
+  }
+
+  function onDialogKey(e) {
+    if (e.key === 'Escape') { close(); e.preventDefault(); return; }
+    if (e.key === 'ArrowDown') {
+      e.preventDefault();
+      activeIndex = Math.min(activeIndex + 1, filtered.length - 1);
+      render();
+      return;
+    }
+    if (e.key === 'ArrowUp') {
+      e.preventDefault();
+      activeIndex = Math.max(activeIndex - 1, 0);
+      render();
+      return;
+    }
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      if (activeIndex >= 0) navigate(activeIndex);
+      return;
+    }
+  }
+
+  input.addEventListener('input', function () {
+    showResults(input.value);
+  });
+
+  results.addEventListener('click', function (e) {
+    var result = e.target.closest('.search-result');
+    if (result) {
+      e.preventDefault();
+      navigate(parseInt(result.getAttribute('data-index'), 10));
+    }
+  });
+
+  // Open search
+  if (openBtn) openBtn.addEventListener('click', open);
+
+  // Also bind mobile search button
+  var mobileBtn = document.getElementById('search-open-mobile');
+  if (mobileBtn) mobileBtn.addEventListener('click', open);
+
+  // Keyboard shortcut: Ctrl+K or /
+  document.addEventListener('keydown', function (e) {
+    if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
+      e.preventDefault();
+      open();
+    }
+    if (e.key === '/' && !isEditable(e.target)) {
+      e.preventDefault();
+      open();
+    }
+  });
+
+  // Close on backdrop click
+  dialog.addEventListener('click', function (e) {
+    if (e.target === dialog) close();
+  });
+
+  function isEditable(el) {
+    var tag = el.tagName;
+    return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || el.isContentEditable;
+  }
+})();

package/dist/client/sidebar.js

@@ -0,0 +1,54 @@
+// Mobile sidebar drawer — toggle visibility on small screens.
+//
+// The sidebar is CSS-hidden on mobile (hidden lg:block). This script
+// overrides inline styles to show it as a fullscreen overlay when the
+// hamburger menu is tapped. Escape key and nav link clicks close it.
+(function () {
+  var sidebar = document.getElementById('sidebar');
+  var openBtns = document.querySelectorAll('[data-drawer-slide]');
+  if (!sidebar) return;
+
+  function open() {
+    var isDark = document.documentElement.classList.contains('dark');
+    sidebar.style.display = 'block';
+    sidebar.style.position = 'fixed';
+    sidebar.style.inset = '0';
+    sidebar.style.zIndex = '50';
+    sidebar.style.background = isDark
+      ? 'rgb(var(--color-background-dark))'
+      : 'rgb(var(--color-background-light))';
+    document.addEventListener('keydown', onKey);
+  }
+
+  function close() {
+    sidebar.style.display = '';
+    sidebar.style.position = '';
+    sidebar.style.inset = '';
+    sidebar.style.zIndex = '';
+    sidebar.style.background = '';
+    document.removeEventListener('keydown', onKey);
+  }
+
+  function isOpen() {
+    return sidebar.style.display === 'block';
+  }
+
+  function onKey(e) {
+    if (e.key === 'Escape') close();
+  }
+
+  openBtns.forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      if (isOpen()) {
+        close();
+      } else {
+        open();
+      }
+    });
+  });
+
+  // Close drawer on nav link click (mobile)
+  sidebar.addEventListener('click', function (e) {
+    if (e.target.closest('#nav a') && isOpen()) close();
+  });
+})();

package/dist/client/tabs.js

@@ -0,0 +1,51 @@
+// Code sample tabs — switches active tab and syncs language across groups.
+//
+// Toggles .active on .code-samples-tab and .code-samples-panel elements.
+// All visual styling (color, underline indicator) is in sourcey.css;
+// this file only manages the .active class and aria-selected attribute.
+(function () {
+  var selectedLang = null;
+
+  document.addEventListener('click', function (e) {
+    var tab = e.target.closest('.code-samples-tab');
+    if (!tab) return;
+
+    var container = tab.closest('.code-samples');
+    var index = tab.getAttribute('data-tab-index');
+    var lang = tab.textContent.trim();
+
+    // Preserve scroll position so panel height changes don't shift the page
+    var scrollY = window.scrollY;
+
+    activateTab(container, index);
+
+    // Sync: activate same language in all other code-sample groups on the page
+    if (lang !== selectedLang) {
+      selectedLang = lang;
+      document.querySelectorAll('.code-samples').forEach(function (group) {
+        if (group === container) return;
+        group.querySelectorAll('.code-samples-tab').forEach(function (t) {
+          if (t.textContent.trim() === lang) {
+            activateTab(group, t.getAttribute('data-tab-index'));
+          }
+        });
+      });
+    }
+
+    window.scrollTo(0, scrollY);
+  });
+
+  function activateTab(container, index) {
+    // Update tabs
+    container.querySelectorAll('.code-samples-tab').forEach(function (t) {
+      var isActive = t.getAttribute('data-tab-index') === index;
+      t.classList.toggle('active', isActive);
+      t.setAttribute('aria-selected', isActive ? 'true' : 'false');
+    });
+
+    // Update panels
+    container.querySelectorAll('.code-samples-panel').forEach(function (p) {
+      p.classList.toggle('active', p.getAttribute('data-panel-index') === index);
+    });
+  }
+})();

package/dist/client/theme-toggle.js

@@ -0,0 +1,36 @@
+// Theme toggle — dark/light mode with localStorage persistence
+// Uses .dark class on <html> (standard convention)
+(function () {
+  var STORAGE_KEY = 'sourcey-theme';
+  var btn = document.getElementById('theme-toggle');
+  var root = document.documentElement;
+
+  function getPreferred() {
+    var stored = localStorage.getItem(STORAGE_KEY);
+    if (stored === 'dark' || stored === 'light') return stored;
+    return 'light';
+  }
+
+  function apply(theme) {
+    if (theme === 'dark') {
+      root.classList.add('dark');
+    } else {
+      root.classList.remove('dark');
+    }
+    root.style.colorScheme = theme;
+    if (btn) {
+      btn.setAttribute('aria-label', theme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode');
+      btn.setAttribute('title', theme === 'dark' ? 'Light mode' : 'Dark mode');
+    }
+  }
+
+  apply(getPreferred());
+
+  if (btn) {
+    btn.addEventListener('click', function () {
+      var next = root.classList.contains('dark') ? 'light' : 'dark';
+      localStorage.setItem(STORAGE_KEY, next);
+      apply(next);
+    });
+  }
+})();

package/dist/components/App.d.ts

@@ -0,0 +1,15 @@
+import type { NormalizedSpec } from "../core/types.js";
+import type { SiteNavigation } from "../core/navigation.js";
+import type { RenderOptions, CurrentPage } from "../renderer/context.js";
+export interface AppProps {
+    spec: NormalizedSpec;
+    options: RenderOptions;
+    navigation: SiteNavigation;
+    currentPage: CurrentPage;
+}
+/**
+ * Root component. Renders a complete HTML document with modern layout.
+ * When embeddable, renders just the page content without html/body wrapper.
+ */
+export declare function App({ spec, options, navigation, currentPage }: AppProps): import("preact").JSX.Element;
+//# sourceMappingURL=App.d.ts.map

package/dist/components/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIzE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,QAAQ,gCAwBvE"}

package/dist/components/App.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { SpecContext, OptionsContext, NavigationContext, PageContext, } from "../renderer/context.js";
+import { Head } from "./layout/Head.js";
+import { Page } from "./layout/Page.js";
+/**
+ * Root component. Renders a complete HTML document with modern layout.
+ * When embeddable, renders just the page content without html/body wrapper.
+ */
+export function App({ spec, options, navigation, currentPage }) {
+    const content = options.embeddable ? (_jsx(Page, {})) : (_jsxs("html", { lang: "en", children: [_jsx(Head, {}), _jsxs("body", { id: "sourcey", children: [_jsx(Page, {}), _jsx("script", { src: `${options.assetBase}sourcey.js`, defer: true })] })] }));
+    return (_jsx(SpecContext.Provider, { value: spec, children: _jsx(OptionsContext.Provider, { value: options, children: _jsx(NavigationContext.Provider, { value: navigation, children: _jsx(PageContext.Provider, { value: currentPage, children: content }) }) }) }));
+}
+//# sourceMappingURL=App.js.map

package/dist/components/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AASxC;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAY;IACtE,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CACnC,KAAC,IAAI,KAAG,CACT,CAAC,CAAC,CAAC,CACF,gBAAM,IAAI,EAAC,IAAI,aACb,KAAC,IAAI,KAAG,EACR,gBAAM,EAAE,EAAC,SAAS,aAChB,KAAC,IAAI,KAAG,EACR,iBAAQ,GAAG,EAAE,GAAG,OAAO,CAAC,SAAS,YAAY,EAAE,KAAK,SAAG,IAClD,IACF,CACR,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAC/B,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACrC,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAC3C,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YACrC,OAAO,GACa,GACI,GACL,GACL,CACxB,CAAC;AACJ,CAAC"}

package/dist/components/layout/Head.d.ts

@@ -0,0 +1,2 @@
+export declare function Head(): import("preact").JSX.Element;
+//# sourceMappingURL=Head.d.ts.map

package/dist/components/layout/Head.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Head.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Head.tsx"],"names":[],"mappings":"AAGA,wBAAgB,IAAI,iCA6CnB"}

package/dist/components/layout/Head.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useContext } from "preact/hooks";
+import { SpecContext, OptionsContext, PageContext } from "../../renderer/context.js";
+export function Head() {
+    const spec = useContext(SpecContext);
+    const options = useContext(OptionsContext);
+    const page = useContext(PageContext);
+    // Page title: use markdown page title, or spec title
+    const siteName = spec.info.title || "";
+    const pageTitle = page.kind === "markdown"
+        ? (siteName ? `${page.markdown.title} — ${siteName}` : page.markdown.title)
+        : `${siteName} — API Reference`;
+    const pageDescription = page.kind === "markdown"
+        ? page.markdown.description || pageTitle
+        : spec.info.description ?? `${siteName} API Documentation`;
+    // Blocking style to prevent flash: sets body bg from design tokens
+    // before the main stylesheet loads. The tokens are defined here as
+    // fallback values matching main.css so there's no hardcoded hex.
+    const antiFlashCSS = `
+    :root {
+      --color-background-light: 255 255 255;
+      --color-background-dark: 11 12 16;
+    }
+    body { margin: 0; background: rgb(var(--color-background-light)); }
+    .dark body { background: rgb(var(--color-background-dark)); }
+  `;
+    return (_jsxs("head", { children: [_jsx("meta", { charset: "utf-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), _jsx("title", { children: pageTitle }), _jsx("meta", { name: "description", content: pageDescription }), _jsx("meta", { name: "sourcey-search", content: `${options.assetBase}search-index.json` }), _jsx("style", { dangerouslySetInnerHTML: { __html: antiFlashCSS } }), _jsx("script", { dangerouslySetInnerHTML: { __html: `(function(){var t=localStorage.getItem('sourcey-theme');if(t==='dark')document.documentElement.classList.add('dark')})()` } }), _jsx("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), _jsx("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" }), _jsx("link", { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" }), _jsx("link", { rel: "stylesheet", href: `${options.assetBase}sourcey.css` }), spec.info.favicon && _jsx("link", { rel: "icon", href: spec.info.favicon })] }));
+}
+//# sourceMappingURL=Head.js.map

package/dist/components/layout/Head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../src/components/layout/Head.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAErF,MAAM,UAAU,IAAI;IAClB,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAErC,qDAAqD;IACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,UAAU;QACxC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,QAAS,CAAC,KAAK,MAAM,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAS,CAAC,KAAK,CAAC;QAC7E,CAAC,CAAC,GAAG,QAAQ,kBAAkB,CAAC;IAElC,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,KAAK,UAAU;QAC9C,CAAC,CAAC,IAAI,CAAC,QAAS,CAAC,WAAW,IAAI,SAAS;QACzC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,GAAG,QAAQ,oBAAoB,CAAC;IAE7D,mEAAmE;IACnE,mEAAmE;IACnE,iEAAiE;IACjE,MAAM,YAAY,GAAG;;;;;;;GAOpB,CAAC;IAEF,OAAO,CACL,2BACE,eAAM,OAAO,EAAC,OAAO,GAAG,EACxB,eAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,qCAAqC,GAAG,EACtE,0BAAQ,SAAS,GAAS,EAC1B,eAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,eAAe,GAAI,EACrD,eAAM,IAAI,EAAC,gBAAgB,EAAC,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,mBAAmB,GAAI,EAEhF,gBAAO,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,GAAI,EAE5D,iBAAQ,uBAAuB,EAAE,EAAE,MAAM,EAAE,0HAA0H,EAAE,GAAI,EAC3K,eAAM,GAAG,EAAC,YAAY,EAAC,IAAI,EAAC,8BAA8B,GAAG,EAC7D,eAAM,GAAG,EAAC,YAAY,EAAC,IAAI,EAAC,2BAA2B,EAAC,WAAW,EAAC,WAAW,GAAG,EAClF,eAAM,GAAG,EAAC,YAAY,EAAC,IAAI,EAAC,sFAAsF,GAAG,EACrH,eAAM,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,aAAa,GAAI,EACjE,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,eAAM,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,GAAI,IAC7D,CACR,CAAC;AACJ,CAAC"}

package/dist/components/layout/Header.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Two-row site header two-row layout.
+ * Row 1 (h-16): logo, search, theme toggle
+ * Row 2 (h-12): navigation tabs
+ * Total: 7rem (header-height)
+ */
+export declare function Header(): import("preact").JSX.Element;
+/**
+ * Mobile header is now integrated into the main Header component.
+ * This is kept as a no-op for backward compatibility.
+ */
+export declare function MobileHeader(): null;
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/layout/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Header.tsx"],"names":[],"mappings":"AAsCA;;;;;GAKG;AACH,wBAAgB,MAAM,iCAwHrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,SAE3B"}

package/dist/components/layout/Header.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useContext } from "preact/hooks";
+import { NavigationContext, OptionsContext, SpecContext } from "../../renderer/context.js";
+function SearchIcon() {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", class: "min-w-4 flex-none", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" })] }));
+}
+function SunIcon() {
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", class: "h-4 w-4 block dark:hidden", children: _jsxs("g", { strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M8 1.11V2" }), _jsx("path", { d: "M12.87 3.13L12.24 3.76" }), _jsx("path", { d: "M14.89 8H14" }), _jsx("path", { d: "M12.87 12.87L12.24 12.24" }), _jsx("path", { d: "M8 14.89V14" }), _jsx("path", { d: "M3.13 12.87L3.76 12.24" }), _jsx("path", { d: "M1.11 8H2" }), _jsx("path", { d: "M3.13 3.13L3.76 3.76" }), _jsx("circle", { cx: "8", cy: "8", r: "3.78" })] }) }));
+}
+function MoonIcon() {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", class: "h-4 w-4 hidden dark:block", children: _jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }) }));
+}
+/**
+ * Two-row site header two-row layout.
+ * Row 1 (h-16): logo, search, theme toggle
+ * Row 2 (h-12): navigation tabs
+ * Total: 7rem (header-height)
+ */
+export function Header() {
+    const nav = useContext(NavigationContext);
+    const options = useContext(OptionsContext);
+    const spec = useContext(SpecContext);
+    const base = options.assetBase;
+    return (_jsxs("div", { id: "navbar", class: "z-30 fixed lg:sticky top-0 w-full", children: [_jsx("div", { class: "absolute w-full h-full flex-none border-b border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-gray-300)/0.06)] bg-[rgb(var(--color-background-light))] dark:bg-[rgb(var(--color-background-dark))]" }), _jsxs("div", { class: "max-w-[92rem] mx-auto relative", children: [_jsxs("div", { class: "relative", children: [_jsx("div", { class: "flex items-center lg:px-12 h-16 min-w-0 mx-4 lg:mx-0", children: _jsxs("div", { class: "h-full relative flex-1 flex items-center gap-x-4 min-w-0 border-b border-[rgb(var(--color-gray-500)/0.05)] dark:border-[rgb(var(--color-gray-300)/0.06)]", children: [_jsx("div", { class: "flex-1 flex items-center gap-x-4", children: spec.info.logo && (_jsx("a", { href: `${base}${nav.tabs[0]?.href ?? ""}`, class: "select-none", children: _jsx("img", { src: spec.info.logo, alt: spec.info.title || "Home", class: "w-auto h-7 relative object-contain shrink-0" }) })) }), _jsx("div", { class: "relative hidden lg:flex items-center flex-1 z-20 gap-2.5", children: _jsxs("button", { id: "search-open", type: "button", "aria-label": "Search", class: "group flex pointer-events-auto rounded-xl w-full items-center text-sm leading-6 h-9 pl-3.5 pr-3 text-[rgb(var(--color-gray-500))] dark:text-[rgb(var(--color-gray-400))] ring-1 ring-[rgb(var(--color-gray-400)/0.3)] hover:ring-[rgb(var(--color-gray-600)/0.3)] dark:ring-[rgb(var(--color-gray-600)/0.3)] dark:hover:ring-[rgb(var(--color-gray-500)/0.3)] justify-between truncate gap-2 min-w-[43px] cursor-pointer bg-[rgb(var(--color-background-light))] dark:bg-[rgb(var(--color-background-dark))] dark:brightness-110 dark:hover:brightness-125", children: [_jsxs("div", { class: "flex items-center gap-2 min-w-[42px]", children: [_jsx(SearchIcon, {}), _jsx("div", { class: "truncate min-w-0", children: "Search docs..." })] }), _jsx("kbd", { class: "flex-none ml-auto size-5 flex items-center justify-center text-xs font-semibold text-[rgb(var(--color-gray-400))] bg-[rgb(var(--color-gray-100)/0.5)] dark:bg-[rgb(var(--color-surface-dark-tint)/0.1)] border border-[rgb(var(--color-gray-200))] dark:border-[rgb(var(--color-border-dark-subtle)/0.1)] rounded", children: "/" })] }) }), _jsx("div", { class: "flex-1 relative hidden lg:flex items-center ml-auto justify-end space-x-4", children: _jsx("div", { class: "flex items-center", children: _jsxs("button", { id: "theme-toggle", type: "button", "aria-label": "Toggle theme", class: "group p-2 flex items-center justify-center cursor-pointer text-[rgb(var(--color-gray-400))] hover:text-[rgb(var(--color-gray-600))] dark:text-[rgb(var(--color-gray-500))] dark:hover:text-[rgb(var(--color-gray-300))]", children: [_jsx(SunIcon, {}), _jsx(MoonIcon, {})] }) }) }), _jsxs("div", { class: "flex lg:hidden items-center gap-3", children: [_jsx("button", { type: "button", "data-drawer-slide": "right", "aria-label": "Open menu", class: "text-[rgb(var(--color-gray-500))] w-8 h-8 flex items-center justify-center hover:text-[rgb(var(--color-gray-600))]", children: _jsx("svg", { class: "h-4", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: _jsx("path", { d: "M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z" }) }) }), _jsx("button", { id: "search-open-mobile", type: "button", "aria-label": "Search", class: "text-[rgb(var(--color-gray-500))] w-8 h-8 flex items-center justify-center", children: _jsx(SearchIcon, {}) })] })] }) }), _jsx("button", { type: "button", class: "flex items-center h-14 py-4 px-5 lg:hidden focus:outline-0 w-full text-left", "data-drawer-slide": "right", children: _jsx("div", { class: "text-[rgb(var(--color-gray-500))]", children: _jsx("svg", { class: "h-4", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: _jsx("path", { d: "M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z" }) }) }) })] }), _jsx("div", { class: "hidden lg:flex px-12 h-12", children: _jsx("div", { class: "h-full flex text-sm gap-x-6", children: nav.tabs.map((tab) => {
+                                const isActive = tab.slug === nav.activeTabSlug;
+                                return (_jsxs("a", { href: `${base}${tab.href}`, class: `group relative h-full gap-2 flex items-center font-medium transition-colors ${isActive
+                                        ? "text-[rgb(var(--color-gray-800))] dark:text-[rgb(var(--color-gray-200))]"
+                                        : "text-[rgb(var(--color-gray-600))] dark:text-[rgb(var(--color-gray-400))] hover:text-[rgb(var(--color-gray-800))] dark:hover:text-[rgb(var(--color-gray-300))]"}`, children: [tab.label, isActive ? (_jsx("div", { class: "absolute bottom-0 h-[1.5px] w-full left-0 bg-[rgb(var(--color-primary))] dark:bg-[rgb(var(--color-primary-light))]" })) : (_jsx("div", { class: "absolute bottom-0 h-[1.5px] w-full left-0 group-hover:bg-[rgb(var(--color-gray-200))] dark:group-hover:bg-[rgb(var(--color-gray-700))]" }))] }, tab.slug));
+                            }) }) })] })] }));
+}
+/**
+ * Mobile header is now integrated into the main Header component.
+ * This is kept as a no-op for backward compatibility.
+ */
+export function MobileHeader() {
+    return null;
+}
+//# sourceMappingURL=Header.js.map

package/dist/components/layout/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/layout/Header.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/Page.d.ts

@@ -0,0 +1,2 @@
+export declare function Page(): import("preact").JSX.Element;
+//# sourceMappingURL=Page.d.ts.map

package/dist/components/layout/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Page.tsx"],"names":[],"mappings":"AAsEA,wBAAgB,IAAI,iCAwCnB"}

package/dist/components/layout/Page.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useContext } from "preact/hooks";
+import { SpecContext, PageContext } from "../../renderer/context.js";
+import { Header, MobileHeader } from "./Header.js";
+import { Sidebar } from "./Sidebar.js";
+import { TableOfContents } from "./TableOfContents.js";
+import { Introduction } from "../openapi/Introduction.js";
+import { SecurityDefinitions } from "../openapi/Security.js";
+import { Tags } from "../openapi/Tags.js";
+import { Definition } from "../openapi/Definition.js";
+/**
+ * Markdown page content with prose typography.
+ */
+function MarkdownPageContent({ page }) {
+    return (_jsxs("div", { class: "relative grow box-border flex-col w-full mx-auto px-1 lg:pl-[23.7rem] lg:-ml-12 xl:w-[calc(100%-28rem)]", id: "content-area", children: [_jsxs("header", { class: "relative leading-none", children: [_jsx("div", { class: "mt-0.5 space-y-2.5", children: _jsx("div", { class: "flex flex-col sm:flex-row items-start sm:items-center relative gap-2 min-w-0", children: _jsx("h1", { class: "text-2xl sm:text-3xl text-[rgb(var(--color-gray-900))] tracking-tight dark:text-[rgb(var(--color-gray-200))] font-bold break-all", children: page.title }) }) }), page.description && (_jsx("div", { class: "mt-2 text-lg prose prose-gray dark:prose-invert", children: _jsx("p", { children: page.description }) }))] }), _jsx("div", { class: "prose prose-gray dark:prose-invert relative mt-8 mb-14 max-w-none", dangerouslySetInnerHTML: { __html: page.html } })] }));
+}
+/**
+ * OpenAPI spec page content with single-column layout.
+ */
+function SpecPageContent() {
+    const spec = useContext(SpecContext);
+    const serverUrl = spec.servers[0]?.url ?? "/";
+    return (_jsx("div", { class: "relative grow box-border flex-col w-full mx-auto px-1 lg:pl-[23.7rem] lg:-ml-12", id: "content-area", children: _jsxs("article", { children: [_jsx("header", { class: "mb-8", children: _jsxs("div", { class: "flex items-baseline gap-3", children: [_jsx("h1", { class: "text-2xl sm:text-3xl font-bold text-[rgb(var(--color-gray-900))] dark:text-[rgb(var(--color-gray-200))] tracking-tight", children: spec.info.title }), _jsxs("span", { class: "text-sm text-[rgb(var(--color-gray-400))]", children: ["v", spec.info.version] })] }) }), _jsx(Introduction, {}), _jsx(SecurityDefinitions, {}), _jsx(Tags, { tags: spec.tags, serverUrl: serverUrl }), Object.keys(spec.schemas).length > 0 && (_jsxs("div", { class: "mt-12", children: [_jsx("div", { class: "mb-6", children: _jsx("h1", { class: "text-xl font-bold text-[rgb(var(--color-gray-900))] dark:text-[rgb(var(--color-gray-200))]", children: "Models" }) }), Object.entries(spec.schemas).map(([name, schema]) => (_jsx(Definition, { name: name, schema: schema }, name)))] }))] }) }));
+}
+export function Page() {
+    const page = useContext(PageContext);
+    return (_jsxs("div", { id: "page", class: "relative antialiased text-[rgb(var(--color-gray-500))] dark:text-[rgb(var(--color-gray-400))]", children: [_jsx(Header, {}), _jsx(MobileHeader, {}), _jsx("span", { class: "fixed inset-0 bg-[rgb(var(--color-background-light))] dark:bg-[rgb(var(--color-background-dark))] -z-10 pointer-events-none" }), _jsxs("div", { class: "max-w-[92rem] mx-auto relative px-4 lg:px-8", children: [_jsx(Sidebar, {}), _jsx("div", { id: "docs", class: "pt-40 lg:pt-10", children: page.kind === "markdown" ? (_jsxs("div", { class: "flex flex-row-reverse gap-12 box-border w-full", children: [_jsx(TableOfContents, { headings: page.markdown.headings }), _jsx(MarkdownPageContent, { page: page.markdown })] })) : (_jsx(SpecPageContent, {})) })] }), _jsx("div", { id: "search-dialog", role: "dialog", "aria-label": "Search", children: _jsxs("div", { class: "search-dialog-inner", children: [_jsx("input", { id: "search-input", type: "text", placeholder: "Search...", autocomplete: "off", spellcheck: false }), _jsx("div", { id: "search-results" })] }) })] }));
+}
+//# sourceMappingURL=Page.js.map

package/dist/components/layout/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/layout/Page.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/Sidebar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Sidebar clean design:
+ * - No border-right
+ * - Bold group headers (not uppercase)
+ * - Method pills for API operations
+ * - Active item with primary bg/text and text-shadow trick
+ */
+export declare function Sidebar(): import("preact").JSX.Element | null;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/layout/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Sidebar.tsx"],"names":[],"mappings":"AA8BA;;;;;;GAMG;AACH,wBAAgB,OAAO,wCAkDtB"}

package/dist/components/layout/Sidebar.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useContext } from "preact/hooks";
+import { NavigationContext, OptionsContext } from "../../renderer/context.js";
+/**
+ * Method pill for API sidebar navigation items.
+ * Colored method badges.
+ */
+function MethodPill({ method }) {
+    const m = method.toUpperCase();
+    const label = m === "DELETE" ? "DEL" : m;
+    // Method pill colors
+    const colors = {
+        GET: "bg-green-400/20 dark:bg-green-400/20 text-green-700 dark:text-green-400",
+        POST: "bg-blue-400/20 dark:bg-blue-400/20 text-blue-700 dark:text-blue-400",
+        PUT: "bg-yellow-400/20 dark:bg-yellow-400/20 text-yellow-700 dark:text-yellow-400",
+        DELETE: "bg-red-400/20 dark:bg-red-400/20 text-red-700 dark:text-red-400",
+        DEL: "bg-red-400/20 dark:bg-red-400/20 text-red-700 dark:text-red-400",
+        PATCH: "bg-orange-400/20 dark:bg-orange-400/20 text-orange-700 dark:text-orange-400",
+    };
+    return (_jsx("span", { class: "flex items-center w-8 h-[1lh] shrink-0", children: _jsx("span", { class: `px-1 py-0.5 rounded-md text-[0.55rem] leading-tight font-bold ${colors[m] ?? "bg-gray-400/20 text-gray-700"}`, children: label }) }));
+}
+/**
+ * Sidebar clean design:
+ * - No border-right
+ * - Bold group headers (not uppercase)
+ * - Method pills for API operations
+ * - Active item with primary bg/text and text-shadow trick
+ */
+export function Sidebar() {
+    const nav = useContext(NavigationContext);
+    const options = useContext(OptionsContext);
+    const activeTab = nav.tabs.find((t) => t.slug === nav.activeTabSlug);
+    if (!activeTab)
+        return null;
+    const base = options.assetBase;
+    return (_jsx("div", { id: "sidebar", class: "z-20 hidden lg:block fixed bottom-0 right-auto w-[18rem]", style: "top: 7rem", children: _jsx("div", { class: "absolute inset-0 z-10 overflow-auto pr-8 pb-10", id: "sidebar-content", children: _jsxs("div", { class: "relative lg:text-sm lg:leading-6", children: [_jsx("div", { class: "sticky top-0 h-8 z-10 bg-gradient-to-b from-[rgb(var(--color-background-light))] dark:from-[rgb(var(--color-background-dark))]" }), _jsx("nav", { id: "nav", role: "navigation", children: activeTab.groups.map((group, gi) => (_jsxs("div", { class: gi > 0 ? "mt-6 lg:mt-8" : "", children: [group.label && (_jsx("div", { class: "flex items-center gap-2.5 pl-4 mb-3.5 lg:mb-2.5 font-semibold text-[rgb(var(--color-gray-900))] dark:text-[rgb(var(--color-gray-200))]", children: _jsx("h5", { children: group.label }) })), _jsx("ul", { class: "space-y-px", children: group.items.map((item) => {
+                                        const isActive = item.id === nav.activePageSlug;
+                                        return (_jsx("li", { class: "relative", children: _jsxs("a", { href: `${base}${item.href}`, class: `nav-link${isActive ? " active" : ""}`, children: [item.method && _jsx(MethodPill, { method: item.method }), _jsx("div", { class: "flex-1 break-words [word-break:break-word]", children: item.label })] }) }, item.id));
+                                    }) })] }, group.label))) })] }) }) }));
+}
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/layout/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/layout/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE9E;;;GAGG;AACH,SAAS,UAAU,CAAC,EAAE,MAAM,EAAsB;IAChD,MAAM,CAAC,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,qBAAqB;IACrB,MAAM,MAAM,GAA2B;QACrC,GAAG,EAAE,yEAAyE;QAC9E,IAAI,EAAE,qEAAqE;QAC3E,GAAG,EAAE,6EAA6E;QAClF,MAAM,EAAE,iEAAiE;QACzE,GAAG,EAAE,iEAAiE;QACtE,KAAK,EAAE,6EAA6E;KACrF,CAAC;IAEF,OAAO,CACL,eAAM,KAAK,EAAC,wCAAwC,YAClD,eAAM,KAAK,EAAE,iEAAiE,MAAM,CAAC,CAAC,CAAC,IAAI,8BAA8B,EAAE,YACxH,KAAK,GACD,GACF,CACR,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,OAAO;IACrB,MAAM,GAAG,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,aAAa,CAAC,CAAC;IACrE,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC;IAE/B,OAAO,CACL,cACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,0DAA0D,EAChE,KAAK,EAAC,WAAW,YAEjB,cAAK,KAAK,EAAC,gDAAgD,EAAC,EAAE,EAAC,iBAAiB,YAC9E,eAAK,KAAK,EAAC,kCAAkC,aAE3C,cAAK,KAAK,EAAC,gIAAgI,GAAG,EAE9I,cAAK,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,YAAY,YAC5B,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CACnC,eAAuB,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,aACvD,KAAK,CAAC,KAAK,IAAI,CACd,cAAK,KAAK,EAAC,wIAAwI,YACjJ,uBAAK,KAAK,CAAC,KAAK,GAAM,GAClB,CACP,EACD,aAAI,KAAK,EAAC,YAAY,YACnB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wCACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,cAAc,CAAC;wCAChD,OAAO,CACL,aAAkB,KAAK,EAAC,UAAU,YAChC,aACE,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,EAC3B,KAAK,EAAE,WAAW,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,aAE5C,IAAI,CAAC,MAAM,IAAI,KAAC,UAAU,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,EACnD,cAAK,KAAK,EAAC,4CAA4C,YAAE,IAAI,CAAC,KAAK,GAAO,IACxE,IAPG,IAAI,CAAC,EAAE,CAQX,CACN,CAAC;oCACJ,CAAC,CAAC,GACC,KArBG,KAAK,CAAC,KAAK,CAsBf,CACP,CAAC,GACE,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/layout/TableOfContents.d.ts

@@ -0,0 +1,10 @@
+import type { PageHeading } from "../../core/markdown-loader.js";
+/**
+ * Right-sidebar table of contents for prose pages.
+ * TOC layout: w-[19rem] outer, w-[16.5rem] inner,
+ * sticky at 9.5rem, "On this page" with icon.
+ */
+export declare function TableOfContents({ headings }: {
+    headings: PageHeading[];
+}): import("preact").JSX.Element | null;
+//# sourceMappingURL=TableOfContents.d.ts.map

package/dist/components/layout/TableOfContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TableOfContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAEjE;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;CAAE,uCAwCxE"}

package/dist/components/layout/TableOfContents.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+/**
+ * Right-sidebar table of contents for prose pages.
+ * TOC layout: w-[19rem] outer, w-[16.5rem] inner,
+ * sticky at 9.5rem, "On this page" with icon.
+ */
+export function TableOfContents({ headings }) {
+    if (headings.length === 0)
+        return null;
+    return (_jsx("aside", { id: "toc", class: "hidden xl:flex self-start sticky xl:flex-col max-w-[28rem] z-[21] h-[calc(100vh-9.5rem)] top-[9.5rem]", children: _jsx("div", { class: "z-10 hidden xl:flex box-border max-h-full pl-10 w-[19rem]", children: _jsxs("div", { class: "text-[rgb(var(--color-gray-600))] text-sm leading-6 w-[16.5rem] overflow-y-auto space-y-2 pb-4 -mt-10 pt-10", children: [_jsxs("button", { class: "text-[rgb(var(--color-gray-700))] dark:text-[rgb(var(--color-gray-300))] font-medium flex items-center space-x-2 cursor-default", children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", class: "h-3 w-3", children: [_jsx("path", { d: "M2.44 12.67H13.56", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M2.44 3.33H13.56", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M2.44 8H7.33", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { children: "On this page" })] }), _jsx("nav", { children: _jsx("ul", { class: "space-y-0.5", children: headings.map((h) => (_jsx("li", { class: "relative", children: _jsx("a", { href: `#${h.id}`, class: `toc-item break-words py-1 block hover:text-[rgb(var(--color-gray-900))] dark:hover:text-[rgb(var(--color-gray-300))] dark:text-[rgb(var(--color-gray-400))] transition-colors ${h.level >= 3 ? "pl-3 text-[13px]" : ""}`, children: h.text }) }, h.id))) }) })] }) }) }));
+}
+//# sourceMappingURL=TableOfContents.js.map

package/dist/components/layout/TableOfContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.js","sourceRoot":"","sources":["../../../src/components/layout/TableOfContents.tsx"],"names":[],"mappings":";AAEA;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAA+B;IACvE,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvC,OAAO,CACL,gBACE,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,uGAAuG,YAE7G,cAAK,KAAK,EAAC,2DAA2D,YACpE,eAAK,KAAK,EAAC,6GAA6G,aAEtH,kBAAQ,KAAK,EAAC,iIAAiI,aAC7I,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,aAC/G,eAAM,CAAC,EAAC,mBAAmB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,EAC3E,eAAM,CAAC,EAAC,kBAAkB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,EAC1E,eAAM,CAAC,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,IAClE,EACN,0CAAyB,IAClB,EAET,wBACE,aAAI,KAAK,EAAC,aAAa,YACpB,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,aAAe,KAAK,EAAC,UAAU,YAC7B,YACE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,EAChB,KAAK,EAAE,iLACL,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EACtC,EAAE,YAED,CAAC,CAAC,IAAI,GACL,IARG,CAAC,CAAC,EAAE,CASR,CACN,CAAC,GACC,GACD,IACF,GACF,GACA,CACT,CAAC;AACJ,CAAC"}