sourcey 3.4.1 → 3.4.3

package/dist/client/tabs.js

@@ -5,187 +5,195 @@
 // 2. Response tabs — switches .response-tab active state + .response-panel
 // 3. Copy button — copies code from the active panel to clipboard
 (function () {
-  var selectedLang = null;
+  function init() {
+    var selectedLang = null;
 
-  // ── Language Dropdown ──────────────────────────────────────────────
+    // ── Language Dropdown ──────────────────────────────────────────────
 
-  // Toggle dropdown open/close
-  document.addEventListener('click', function (e) {
-    var trigger = e.target.closest('.code-lang-trigger');
+    // Toggle dropdown open/close
+    document.addEventListener('click', function (e) {
+      var trigger = e.target.closest('.code-lang-trigger');
 
-    // Close all open dropdowns first
-    document.querySelectorAll('.code-lang-menu').forEach(function (menu) {
-      if (!trigger || !menu.parentElement.contains(trigger)) {
-        menu.classList.add('hidden');
-        var btn = menu.parentElement.querySelector('.code-lang-trigger');
-        if (btn) btn.setAttribute('aria-expanded', 'false');
-      }
-    });
+      // Close all open dropdowns first
+      document.querySelectorAll('.code-lang-menu').forEach(function (menu) {
+        if (!trigger || !menu.parentElement.contains(trigger)) {
+          menu.classList.add('hidden');
+          var btn = menu.parentElement.querySelector('.code-lang-trigger');
+          if (btn) btn.setAttribute('aria-expanded', 'false');
+        }
+      });
 
-    if (!trigger) return;
-    e.stopPropagation();
+      if (!trigger) return;
+      e.stopPropagation();
 
-    var menu = trigger.nextElementSibling;
-    if (!menu) return;
+      var menu = trigger.nextElementSibling;
+      if (!menu) return;
 
-    var isOpen = !menu.classList.contains('hidden');
-    menu.classList.toggle('hidden', isOpen);
-    trigger.setAttribute('aria-expanded', isOpen ? 'false' : 'true');
-  });
+      var isOpen = !menu.classList.contains('hidden');
+      menu.classList.toggle('hidden', isOpen);
+      trigger.setAttribute('aria-expanded', isOpen ? 'false' : 'true');
+    });
 
-  // Select a language from the dropdown
-  document.addEventListener('click', function (e) {
-    var option = e.target.closest('.code-lang-option');
-    if (!option) return;
+    // Select a language from the dropdown
+    document.addEventListener('click', function (e) {
+      var option = e.target.closest('.code-lang-option');
+      if (!option) return;
 
-    var container = option.closest('.code-group');
-    var index = option.getAttribute('data-lang-index');
-    var lang = option.textContent.trim();
+      var container = option.closest('.code-group');
+      var index = option.getAttribute('data-lang-index');
+      var lang = option.textContent.trim();
 
-    // Close the menu
-    var menu = option.closest('.code-lang-menu');
-    if (menu) {
-      menu.classList.add('hidden');
-      var trigger = menu.parentElement.querySelector('.code-lang-trigger');
-      if (trigger) trigger.setAttribute('aria-expanded', 'false');
-    }
+      // Close the menu
+      var menu = option.closest('.code-lang-menu');
+      if (menu) {
+        menu.classList.add('hidden');
+        var trigger = menu.parentElement.querySelector('.code-lang-trigger');
+        if (trigger) trigger.setAttribute('aria-expanded', 'false');
+      }
 
-    var scrollY = window.scrollY;
-    activateLang(container, index);
-
-    // Sync language across all code-sample groups
-    if (lang !== selectedLang) {
-      selectedLang = lang;
-      document.querySelectorAll('.code-group').forEach(function (group) {
-        if (group === container || !group.querySelector('.code-lang-dropdown')) return;
-        group.querySelectorAll('.code-lang-option').forEach(function (opt) {
-          if (opt.textContent.trim() === lang) {
-            activateLang(group, opt.getAttribute('data-lang-index'));
-          }
+      var scrollY = window.scrollY;
+      activateLang(container, index);
+
+      // Sync language across all code-sample groups
+      if (lang !== selectedLang) {
+        selectedLang = lang;
+        document.querySelectorAll('.code-group').forEach(function (group) {
+          if (group === container || !group.querySelector('.code-lang-dropdown')) return;
+          group.querySelectorAll('.code-lang-option').forEach(function (opt) {
+            if (opt.textContent.trim() === lang) {
+              activateLang(group, opt.getAttribute('data-lang-index'));
+            }
+          });
         });
-      });
-    }
-
-    window.scrollTo(0, scrollY);
-  });
-
-  function activateLang(container, index) {
-    // Update dropdown label
-    var options = container.querySelectorAll('.code-lang-option');
-    var label = container.querySelector('.code-lang-label');
-    options.forEach(function (opt) {
-      var isActive = opt.getAttribute('data-lang-index') === index;
-      opt.setAttribute('aria-selected', isActive ? 'true' : 'false');
-      opt.className = opt.className.replace(/(dark:)?text-\[rgb\([^\]]+\)\]/g, '').trim();
-      if (isActive) {
-        opt.classList.add('text-[rgb(var(--color-primary))]', 'dark:text-[rgb(var(--color-primary-light))]');
-        if (label) label.textContent = opt.textContent.trim();
-        // Update trigger icon to match selected language
-        var triggerIcon = container.querySelector('.code-lang-trigger .code-lang-icon');
-        var optIcon = opt.querySelector('.lang-icon');
-        if (triggerIcon && optIcon) {
-          triggerIcon.innerHTML = optIcon.outerHTML;
-        }
-      } else {
-        opt.classList.add('text-[rgb(var(--color-stone-600))]', 'dark:text-[rgb(var(--color-stone-400))]');
       }
-    });
 
-    // Update panels
-    container.querySelectorAll('.code-lang-panel').forEach(function (p) {
-      p.classList.toggle('active', p.getAttribute('data-lang-panel') === index);
+      window.scrollTo(0, scrollY);
     });
-  }
 
-  // ── Response Tabs ──────────────────────────────────────────────────
+    function activateLang(container, index) {
+      // Update dropdown label
+      var options = container.querySelectorAll('.code-lang-option');
+      var label = container.querySelector('.code-lang-label');
+      options.forEach(function (opt) {
+        var isActive = opt.getAttribute('data-lang-index') === index;
+        opt.setAttribute('aria-selected', isActive ? 'true' : 'false');
+        opt.className = opt.className.replace(/(dark:)?text-\[rgb\([^\]]+\)\]/g, '').trim();
+        if (isActive) {
+          opt.classList.add('text-[rgb(var(--color-primary))]', 'dark:text-[rgb(var(--color-primary-light))]');
+          if (label) label.textContent = opt.textContent.trim();
+          // Update trigger icon to match selected language
+          var triggerIcon = container.querySelector('.code-lang-trigger .code-lang-icon');
+          var optIcon = opt.querySelector('.lang-icon');
+          if (triggerIcon && optIcon) {
+            triggerIcon.innerHTML = optIcon.outerHTML;
+          }
+        } else {
+          opt.classList.add('text-[rgb(var(--color-stone-600))]', 'dark:text-[rgb(var(--color-stone-400))]');
+        }
+      });
 
-  document.addEventListener('click', function (e) {
-    var tab = e.target.closest('.response-tab');
-    if (!tab) return;
+      // Update panels
+      container.querySelectorAll('.code-lang-panel').forEach(function (p) {
+        p.classList.toggle('active', p.getAttribute('data-lang-panel') === index);
+      });
+    }
 
-    var container = tab.closest('.response-tabs');
-    var index = tab.getAttribute('data-response-index');
-    var scrollY = window.scrollY;
+    // ── Response Tabs ──────────────────────────────────────────────────
 
-    // Update tabs
-    container.querySelectorAll('.response-tab').forEach(function (t) {
-      var isActive = t.getAttribute('data-response-index') === index;
-      t.classList.toggle('active', isActive);
-      t.setAttribute('aria-selected', isActive ? 'true' : 'false');
-    });
+    document.addEventListener('click', function (e) {
+      var tab = e.target.closest('.response-tab');
+      if (!tab) return;
 
-    // Update panels
-    container.querySelectorAll('.response-panel').forEach(function (p) {
-      p.classList.toggle('active', p.getAttribute('data-response-panel') === index);
-    });
+      var container = tab.closest('.response-tabs');
+      var index = tab.getAttribute('data-response-index');
+      var scrollY = window.scrollY;
+
+      // Update tabs
+      container.querySelectorAll('.response-tab').forEach(function (t) {
+        var isActive = t.getAttribute('data-response-index') === index;
+        t.classList.toggle('active', isActive);
+        t.setAttribute('aria-selected', isActive ? 'true' : 'false');
+      });
 
-    window.scrollTo(0, scrollY);
-  });
+      // Update panels
+      container.querySelectorAll('.response-panel').forEach(function (p) {
+        p.classList.toggle('active', p.getAttribute('data-response-panel') === index);
+      });
 
-  // ── Copy Button ────────────────────────────────────────────────────
+      window.scrollTo(0, scrollY);
+    });
 
-  document.addEventListener('click', function (e) {
-    var btn = e.target.closest('.copy-btn');
-    if (!btn) return;
+    // ── Copy Button ────────────────────────────────────────────────────
 
-    var container = btn.closest('.code-group') || btn.closest('.prose-code-block');
-    if (!container) return;
+    document.addEventListener('click', function (e) {
+      var btn = e.target.closest('.copy-btn');
+      if (!btn) return;
 
-    // Find the active panel's code, or the nearest code element
-    var activePanel = container.querySelector('.code-lang-panel.active, .response-panel.active');
-    var codeEl = activePanel
-      ? activePanel.querySelector('code, .code-block, .font-mono')
-      : container.querySelector('code, .code-block, .font-mono');
+      var container = btn.closest('.code-group') || btn.closest('.prose-code-block');
+      if (!container) return;
 
-    if (!codeEl) return;
+      // Find the active panel's code, or the nearest code element
+      var activePanel = container.querySelector('.code-lang-panel.active, .response-panel.active');
+      var codeEl = activePanel
+        ? activePanel.querySelector('code, .code-block, .font-mono')
+        : container.querySelector('code, .code-block, .font-mono');
 
-    var text = codeEl.textContent || '';
-    navigator.clipboard.writeText(text).then(function () {
-      btn.classList.add('copied');
-      var tooltip = btn.nextElementSibling;
-      if (tooltip && tooltip.classList.contains('copy-tooltip')) {
-        tooltip.textContent = 'Copied!';
-      }
-      setTimeout(function () {
-        btn.classList.remove('copied');
+      if (!codeEl) return;
+
+      var text = codeEl.textContent || '';
+      navigator.clipboard.writeText(text).then(function () {
+        btn.classList.add('copied');
+        var tooltip = btn.nextElementSibling;
         if (tooltip && tooltip.classList.contains('copy-tooltip')) {
-          tooltip.textContent = 'Copy';
+          tooltip.textContent = 'Copied!';
         }
-      }, 2000);
+        setTimeout(function () {
+          btn.classList.remove('copied');
+          if (tooltip && tooltip.classList.contains('copy-tooltip')) {
+            tooltip.textContent = 'Copy';
+          }
+        }, 2000);
+      });
     });
-  });
 
-  // Close dropdowns on Escape
-  document.addEventListener('keydown', function (e) {
-    if (e.key === 'Escape') {
-      document.querySelectorAll('.code-lang-menu').forEach(function (menu) {
-        menu.classList.add('hidden');
-        var btn = menu.parentElement.querySelector('.code-lang-trigger');
-        if (btn) btn.setAttribute('aria-expanded', 'false');
-      });
-    }
-  });
+    // Close dropdowns on Escape
+    document.addEventListener('keydown', function (e) {
+      if (e.key === 'Escape') {
+        document.querySelectorAll('.code-lang-menu').forEach(function (menu) {
+          menu.classList.add('hidden');
+          var btn = menu.parentElement.querySelector('.code-lang-trigger');
+          if (btn) btn.setAttribute('aria-expanded', 'false');
+        });
+      }
+    });
 
-  // ── Directive Tabs (:::tabs and :::code-group) ────────────────────
+    // ── Directive Tabs (:::tabs and :::code-group) ────────────────────
 
-  document.addEventListener('click', function (e) {
-    var tab = e.target.closest('.directive-tab');
-    if (!tab) return;
+    document.addEventListener('click', function (e) {
+      var tab = e.target.closest('.directive-tab');
+      if (!tab) return;
 
-    var group = tab.getAttribute('data-tab-group');
-    var index = tab.getAttribute('data-tab-index');
-    var scrollY = window.scrollY;
+      var group = tab.getAttribute('data-tab-group');
+      var index = tab.getAttribute('data-tab-index');
+      var scrollY = window.scrollY;
 
-    // Update tab buttons
-    document.querySelectorAll('.directive-tab[data-tab-group="' + group + '"]').forEach(function (t) {
-      t.classList.toggle('active', t.getAttribute('data-tab-index') === index);
-    });
+      // Update tab buttons
+      document.querySelectorAll('.directive-tab[data-tab-group="' + group + '"]').forEach(function (t) {
+        t.classList.toggle('active', t.getAttribute('data-tab-index') === index);
+      });
+
+      // Update panels
+      document.querySelectorAll('.directive-tab-panel[data-tab-group="' + group + '"]').forEach(function (p) {
+        p.classList.toggle('active', p.getAttribute('data-tab-index') === index);
+      });
 
-    // Update panels
-    document.querySelectorAll('.directive-tab-panel[data-tab-group="' + group + '"]').forEach(function (p) {
-      p.classList.toggle('active', p.getAttribute('data-tab-index') === index);
+      window.scrollTo(0, scrollY);
     });
+  }
 
-    window.scrollTo(0, scrollY);
-  });
+  if ('requestIdleCallback' in window) {
+    window.requestIdleCallback(init, { timeout: 250 });
+  } else {
+    window.addEventListener('load', init, { once: true });
+  }
 })();

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

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

package/dist/components/layout/Head.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "preact/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useContext } from "preact/hooks";
 import { SpecContext, OptionsContext, PageContext, SiteContext, NavigationContext } from "../../renderer/context.js";
 import { langIconCSS } from "../../utils/lang-icons.js";
@@ -21,21 +21,13 @@ export function Head() {
     // Mobile: h-16 row + h-14 breadcrumb = 7.5rem (always).
     const headerHeight = nav.tabs.length > 1 ? "7rem" : "4rem";
     const headerHeightMobile = "7.5rem";
-    // Extract font family names for Google Fonts loading
-    const systemFonts = new Set(["system-ui", "sans-serif", "serif", "monospace", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Consolas", "SF Mono", "Fira Code", "Cascadia Code"]);
-    function extractFontName(stack) {
-        const m = stack.match(/^'([^']+)'/);
-        return m && !systemFonts.has(m[1]) ? m[1] : null;
-    }
-    const googleFonts = [extractFontName(fonts.sans), extractFontName(fonts.mono)].filter(Boolean);
-    const googleFontsUrl = googleFonts.length
-        ? "https://fonts.googleapis.com/css2?" + googleFonts.map(f => `family=${encodeURIComponent(f)}:wght@300;400;500;600;700`).join("&") + "&display=swap"
-        : null;
+    const showLangIconCSS = page.kind === "spec" && site.codeSamples.length > 0;
     const themeCSS = `
     :root {
       --color-primary: ${colors.primary};
       --color-primary-light: ${colors.light};
       --color-primary-dark: ${colors.dark};
+      --color-primary-ink: ${colors.dark};
       --color-background-light: 255 255 255;
       --color-background-dark: 11 12 16;
       --font-sans: ${fonts.sans};
@@ -52,5 +44,5 @@ export function Head() {
     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: "generator", content: `Sourcey ${pkg.version}` }), _jsx("meta", { property: "og:title", content: pageTitle }), _jsx("meta", { property: "og:description", content: pageDescription }), _jsx("meta", { property: "og:type", content: "website" }), siteName && _jsx("meta", { property: "og:site_name", content: siteName }), _jsx("meta", { name: "twitter:card", content: "summary" }), _jsx("meta", { name: "twitter:title", content: pageTitle }), _jsx("meta", { name: "twitter:description", content: pageDescription }), _jsx("meta", { name: "sourcey-search", content: `${options.assetBase}search-index.json` }), _jsx("style", { dangerouslySetInnerHTML: { __html: themeCSS } }), _jsx("style", { dangerouslySetInnerHTML: { __html: langIconCSS() } }), site.customCSS && _jsx("style", { dangerouslySetInnerHTML: { __html: site.customCSS } }), _jsx("script", { dangerouslySetInnerHTML: { __html: `(function(){var t=localStorage.getItem('sourcey-theme');if(t==='dark')document.documentElement.classList.add('dark')})()` } }), googleFontsUrl && (_jsxs(_Fragment, { children: [_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: googleFontsUrl })] })), _jsx("link", { rel: "stylesheet", href: `${options.assetBase}sourcey.css` }), site.favicon && _jsx("link", { rel: "icon", href: site.favicon })] }));
+    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: "generator", content: `Sourcey ${pkg.version}` }), _jsx("meta", { property: "og:title", content: pageTitle }), _jsx("meta", { property: "og:description", content: pageDescription }), _jsx("meta", { property: "og:type", content: "website" }), siteName && _jsx("meta", { property: "og:site_name", content: siteName }), _jsx("meta", { name: "twitter:card", content: "summary" }), _jsx("meta", { name: "twitter:title", content: pageTitle }), _jsx("meta", { name: "twitter:description", content: pageDescription }), _jsx("meta", { name: "sourcey-search", content: `${options.assetBase}search-index.json` }), _jsx("style", { dangerouslySetInnerHTML: { __html: themeCSS } }), showLangIconCSS && _jsx("style", { dangerouslySetInnerHTML: { __html: langIconCSS() } }), site.customCSS && _jsx("style", { dangerouslySetInnerHTML: { __html: site.customCSS } }), _jsx("script", { dangerouslySetInnerHTML: { __html: `(function(){var t=localStorage.getItem('sourcey-theme');if(t==='dark')document.documentElement.classList.add('dark')})()` } }), _jsx("link", { rel: "stylesheet", href: `${options.assetBase}sourcey.css` }), site.favicon && _jsx("link", { rel: "icon", href: site.favicon })] }));
 }

package/dist/components/layout/Header.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
 import { useContext } from "preact/hooks";
 import { NavigationContext, OptionsContext, SiteContext } from "../../renderer/context.js";
-import { SocialIcon } from "../ui/SocialIcon.js";
+import { SocialIcon, socialLabels } from "../ui/SocialIcon.js";
 import { Logo } from "../ui/Logo.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" })] }));
@@ -37,7 +37,7 @@ export function Header() {
     const site = useContext(SiteContext);
     const base = options.assetBase;
     const logoHref = site.logo?.href ?? `${base}${nav.tabs[0]?.href ?? ""}`;
-    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: [_jsx("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.08)] dark:border-[rgb(var(--color-gray-300)/0.08)]", children: [_jsx("div", { class: "flex-1 flex items-center gap-x-4", children: _jsx(Logo, { href: logoHref, logo: site.logo, name: site.name }) }), _jsx("div", { class: "relative hidden lg:flex items-center flex-1 z-20 gap-2", children: _jsx("button", { id: "search-open", type: "button", "aria-label": "Search", class: "group flex pointer-events-auto rounded-lg 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, {}), _jsxs("div", { class: "truncate min-w-0", children: ["Type ", _jsx("kbd", { children: "/" }), " to search"] })] }) }) }), _jsxs("div", { class: "flex-1 relative hidden lg:flex items-center ml-auto justify-end space-x-4", children: [_jsx("nav", { class: "text-sm", children: _jsxs("ul", { class: "flex space-x-6 items-center", children: [site.navbar.links.map((link) => (_jsx("li", { children: _jsx("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", class: "text-[rgb(var(--color-gray-400))] hover:text-[rgb(var(--color-gray-600))] dark:hover:text-[rgb(var(--color-gray-300))]", children: link.type === "link"
+    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: [_jsx("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.08)] dark:border-[rgb(var(--color-gray-300)/0.08)]", children: [_jsx("div", { class: "flex-1 flex items-center gap-x-4", children: _jsx(Logo, { href: logoHref, logo: site.logo, name: site.name }) }), _jsx("div", { class: "relative hidden lg:flex items-center flex-1 z-20 gap-2", children: _jsx("button", { id: "search-open", type: "button", class: "group flex pointer-events-auto rounded-lg 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, {}), _jsxs("div", { class: "truncate min-w-0", children: ["Type ", _jsx("kbd", { children: "/" }), " to search"] })] }) }) }), _jsxs("div", { class: "flex-1 relative hidden lg:flex items-center ml-auto justify-end space-x-4", children: [_jsx("nav", { class: "text-sm", children: _jsxs("ul", { class: "flex space-x-6 items-center", children: [site.navbar.links.map((link) => (_jsx("li", { children: _jsx("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", "aria-label": link.label ?? socialLabels[link.type] ?? link.href, class: "text-[rgb(var(--color-gray-500))] hover:text-[rgb(var(--color-gray-700))] dark:text-[rgb(var(--color-gray-400))] dark:hover:text-[rgb(var(--color-gray-300))]", children: link.type === "link"
                                                                     ? (link.label ?? link.href)
                                                                     : (_jsxs(_Fragment, { children: [_jsx(SocialIcon, { type: link.type }), link.label && _jsx("span", { class: "ml-1", children: link.label })] })) }) }, link.href))), site.navbar.primary && (_jsx("li", { children: _jsxs("a", { href: site.navbar.primary.href, target: "_blank", class: "group px-4 py-1.5 relative inline-flex items-center text-sm font-medium", children: [_jsx("span", { class: "absolute inset-0 bg-[rgb(var(--color-primary-dark))] rounded-lg group-hover:opacity-90" }), _jsx("span", { class: "z-10 text-white", children: site.navbar.primary.label })] }) }))] }) }), _jsxs("button", { id: "theme-toggle", type: "button", "aria-label": "Toggle theme", class: "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", { 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", "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(MobileBreadcrumbs, { nav: nav }), nav.tabs.length > 1 && (_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;

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

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

package/dist/components/layout/Page.js

@@ -9,7 +9,7 @@ import { Introduction } from "../openapi/Introduction.js";
 import { SecurityDefinitions } from "../openapi/Security.js";
 import { Tags } from "../openapi/Tags.js";
 import { Definition } from "../openapi/Definition.js";
-import { SocialIcon } from "../ui/SocialIcon.js";
+import { SocialIcon, socialLabels } from "../ui/SocialIcon.js";
 import { McpConnection } from "../mcp/McpConnection.js";
 /**
  * Markdown page content with prose typography.
@@ -20,7 +20,7 @@ function MarkdownPageContent({ page, className = "" }) {
     const activeTab = nav.tabs.find((t) => t.slug === nav.activeTabSlug);
     const activeGroup = activeTab?.groups.find((g) => g.items.some((item) => item.id === nav.activePageSlug));
     const eyebrow = activeGroup?.label;
-    return (_jsxs("div", { class: `relative grow box-border flex-col w-full mx-auto px-1 min-w-0 ${className}`, id: "content-area", children: [_jsxs("header", { class: "relative leading-none", children: [_jsxs("div", { class: "mt-0.5 space-y-2.5", children: [eyebrow && (_jsx("div", { class: "h-5 text-[rgb(var(--color-primary))] dark:text-[rgb(var(--color-primary-light))] text-sm font-semibold", children: eyebrow })), _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", style: "overflow-wrap: anywhere", children: page.title }) })] }), page.description && (_jsx("div", { class: "page-description mt-2 text-lg prose prose-gray dark:prose-invert", style: "overflow-wrap: anywhere", children: _jsx(Markdown, { content: page.description, inline: true }) }))] }), _jsx("div", { class: "prose prose-gray dark:prose-invert relative mt-8 mb-14 max-w-none", dangerouslySetInnerHTML: { __html: page.html } }), _jsx(PageNavigation, {}), _jsx(ContentFooter, {})] }));
+    return (_jsxs("div", { class: `relative grow box-border flex-col w-full mx-auto px-1 min-w-0 ${className}`, id: "content-area", children: [_jsxs("header", { class: "relative leading-none", children: [_jsxs("div", { class: "mt-0.5 space-y-2.5", children: [eyebrow && (_jsx("div", { class: "h-5 text-[rgb(var(--color-primary-ink))] dark:text-[rgb(var(--color-primary-light))] text-sm font-semibold", children: eyebrow })), _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", style: "overflow-wrap: anywhere", children: page.title }) })] }), page.description && (_jsx("div", { class: "page-description mt-2 text-lg prose prose-gray dark:prose-invert", style: "overflow-wrap: anywhere", children: _jsx(Markdown, { content: page.description, inline: true }) }))] }), _jsx("div", { class: "prose prose-gray dark:prose-invert relative mt-8 mb-14 max-w-none", dangerouslySetInnerHTML: { __html: page.html } }), _jsx(PageNavigation, {}), _jsx(ContentFooter, {})] }));
 }
 /**
  * OpenAPI spec page content.
@@ -28,7 +28,7 @@ function MarkdownPageContent({ page, className = "" }) {
 function SpecPageContent({ className = "" }) {
     const spec = useContext(SpecContext);
     const serverUrl = spec.servers[0]?.url ?? "/";
-    return (_jsxs("div", { class: `relative grow box-border flex-col w-full mx-auto px-1 min-w-0 ${className}`, 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, {}), spec.operations[0]?.mcpExtras?.connection && (_jsx(McpConnection, { connection: spec.operations[0].mcpExtras.connection })), _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)))] }))] }), _jsx(ContentFooter, {})] }));
+    return (_jsxs("div", { class: `relative grow box-border flex-col w-full mx-auto px-1 min-w-0 ${className}`, 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-500))] dark:text-[rgb(var(--color-gray-400))]", children: ["v", spec.info.version] })] }) }), _jsx(Introduction, {}), spec.operations[0]?.mcpExtras?.connection && (_jsx(McpConnection, { connection: spec.operations[0].mcpExtras.connection })), _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)))] }))] }), _jsx(ContentFooter, {})] }));
 }
 function PageNavigation() {
     const nav = useContext(NavigationContext);
@@ -45,8 +45,8 @@ function PageNavigation() {
     if (!prev && !next)
         return null;
     const linkClass = "group flex flex-col gap-1 px-4 py-3 rounded-lg border border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-gray-800)/0.5)] hover:border-[rgb(var(--color-primary)/0.4)] dark:hover:border-[rgb(var(--color-primary-light)/0.3)] transition-colors no-underline";
-    const labelClass = "text-xs text-[rgb(var(--color-gray-400))]";
-    const titleClass = "text-sm font-medium text-[rgb(var(--color-gray-700))] dark:text-[rgb(var(--color-gray-300))] group-hover:text-[rgb(var(--color-primary))] dark:group-hover:text-[rgb(var(--color-primary-light))] transition-colors";
+    const labelClass = "text-xs text-[rgb(var(--color-gray-500))] dark:text-[rgb(var(--color-gray-400))]";
+    const titleClass = "text-sm font-medium text-[rgb(var(--color-gray-700))] dark:text-[rgb(var(--color-gray-300))] group-hover:text-[rgb(var(--color-primary-ink))] dark:group-hover:text-[rgb(var(--color-primary-light))] transition-colors";
     return (_jsxs("nav", { class: "mt-12 flex items-stretch justify-between gap-4", children: [prev ? (_jsxs("a", { href: prev.href, class: linkClass, children: [_jsx("span", { class: labelClass, children: "\u2190 Previous" }), _jsx("span", { class: titleClass, children: prev.label })] })) : _jsx("span", {}), next ? (_jsxs("a", { href: next.href, class: `${linkClass} text-right ml-auto`, children: [_jsx("span", { class: labelClass, children: "Next \u2192" }), _jsx("span", { class: titleClass, children: next.label })] })) : null] }));
 }
 function ContentFooter() {
@@ -61,7 +61,7 @@ function ContentFooter() {
         editUrl = `${repoBase}/edit/${site.editBranch}/${basePath}${page.markdown.sourcePath}`;
     }
     const linkStyle = "hover:text-[rgb(var(--color-gray-600))] dark:hover:text-[rgb(var(--color-gray-300))] transition-colors";
-    return (_jsxs("div", { class: "mt-16 mb-8 flex items-center justify-between border-t border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-gray-800)/0.5)] pt-6 text-xs text-[rgb(var(--color-gray-400))]", children: [_jsxs("a", { href: "https://sourcey.com", target: "_blank", rel: "noopener noreferrer", class: `flex items-center gap-1.5 ${linkStyle}`, children: ["Built with", _jsx("img", { src: "https://sourcey.com/sourcey-logo.png", alt: "Sourcey", class: "h-4 w-4" })] }), _jsxs("div", { class: "flex items-center gap-4", children: [editUrl && (_jsxs("a", { href: editUrl, target: "_blank", rel: "noopener noreferrer", class: `${linkStyle} flex items-center gap-1`, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-3 h-3 mr-0.5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" }) }), "Edit this page"] })), links.map((link) => (_jsx("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", class: linkStyle, children: link.type === "link"
+    return (_jsxs("div", { class: "mt-16 mb-8 flex items-center justify-between border-t border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-gray-800)/0.5)] pt-6 text-xs text-[rgb(var(--color-gray-500))] dark:text-[rgb(var(--color-gray-400))]", children: [_jsxs("a", { href: "https://sourcey.com", target: "_blank", rel: "noopener noreferrer", class: `flex items-center gap-1.5 ${linkStyle}`, children: ["Built with", _jsx("span", { class: "font-medium text-[rgb(var(--color-gray-700))] dark:text-[rgb(var(--color-gray-300))]", children: "Sourcey" })] }), _jsxs("div", { class: "flex items-center gap-4", children: [editUrl && (_jsxs("a", { href: editUrl, target: "_blank", rel: "noopener noreferrer", class: `${linkStyle} flex items-center gap-1`, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-3 h-3 mr-0.5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" }) }), "Edit this page"] })), links.map((link) => (_jsx("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", "aria-label": link.label ?? socialLabels[link.type] ?? link.href, class: linkStyle, children: link.type === "link"
                             ? (link.label ?? link.href)
                             : (_jsxs(_Fragment, { children: [_jsx(SocialIcon, { type: link.type }), link.label && _jsx("span", { class: "ml-1", children: link.label })] })) }, link.href)))] })] }));
 }
@@ -70,15 +70,15 @@ function ContentFooter() {
 // ---------------------------------------------------------------------------
 function DefaultLayout() {
     const page = useContext(PageContext);
-    return (_jsxs("div", { class: "max-w-[92rem] mx-auto relative px-4 lg:px-12", children: [_jsx(Sidebar, {}), _jsx("div", { id: "docs", class: "pt-[8.5rem] 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, className: "lg:pl-[23.7rem] lg:-ml-12 xl:w-[calc(100%-28rem)]" })] })) : (_jsx(SpecPageContent, { className: "lg:pl-[23.7rem] lg:-ml-12" })) })] }));
+    return (_jsxs("div", { class: "max-w-[92rem] mx-auto relative px-4 lg:px-12", children: [_jsx(Sidebar, {}), _jsx("main", { id: "docs", class: "pt-[8.5rem] 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, className: "lg:pl-[23.7rem] lg:-ml-12 xl:w-[calc(100%-28rem)]" })] })) : (_jsx(SpecPageContent, { className: "lg:pl-[23.7rem] lg:-ml-12" })) })] }));
 }
 function MinimalLayout() {
     const page = useContext(PageContext);
-    return (_jsx("div", { class: "max-w-3xl mx-auto relative px-4 lg:px-8", children: _jsx("div", { id: "docs", class: "pt-[8.5rem] lg:pt-10", children: page.kind === "markdown" ? (_jsx(MarkdownPageContent, { page: page.markdown })) : (_jsx(SpecPageContent, {})) }) }));
+    return (_jsx("div", { class: "max-w-3xl mx-auto relative px-4 lg:px-8", children: _jsx("main", { id: "docs", class: "pt-[8.5rem] lg:pt-10", children: page.kind === "markdown" ? (_jsx(MarkdownPageContent, { page: page.markdown })) : (_jsx(SpecPageContent, {})) }) }));
 }
 function ApiFirstLayout() {
     const page = useContext(PageContext);
-    return (_jsxs("div", { class: "max-w-[92rem] mx-auto relative px-4 lg:px-12", children: [_jsx(Sidebar, {}), _jsx("div", { id: "docs", class: "pt-[8.5rem] 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, className: "lg:pl-[23.7rem] lg:-ml-12 xl:w-[calc(100%-28rem)]" })] })) : (_jsx(SpecPageContent, { className: "lg:pl-[23.7rem] lg:-ml-12" })) })] }));
+    return (_jsxs("div", { class: "max-w-[92rem] mx-auto relative px-4 lg:px-12", children: [_jsx(Sidebar, {}), _jsx("main", { id: "docs", class: "pt-[8.5rem] 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, className: "lg:pl-[23.7rem] lg:-ml-12 xl:w-[calc(100%-28rem)]" })] })) : (_jsx(SpecPageContent, { className: "lg:pl-[23.7rem] lg:-ml-12" })) })] }));
 }
 // ---------------------------------------------------------------------------
 // Page shell

package/dist/components/layout/Sidebar.js

@@ -19,12 +19,12 @@ function MethodPill({ method }) {
     }
     const label = m === "DELETE" ? "DEL" : m;
     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",
+        GET: "bg-green-100 dark:bg-green-400/20 text-green-800 dark:text-green-300",
+        POST: "bg-blue-100 dark:bg-blue-400/20 text-blue-800 dark:text-blue-300",
+        PUT: "bg-amber-100 dark:bg-yellow-400/20 text-amber-900 dark:text-yellow-300",
+        DELETE: "bg-red-100 dark:bg-red-400/20 text-red-800 dark:text-red-300",
+        DEL: "bg-red-100 dark:bg-red-400/20 text-red-800 dark:text-red-300",
+        PATCH: "bg-orange-100 dark:bg-orange-400/20 text-orange-900 dark:text-orange-300",
     };
     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 }) }));
 }

package/dist/components/openapi/EndpointBar.js

@@ -4,11 +4,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
  * Displayed at the top of each operation.
  */
 const METHOD_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",
-    patch: "bg-orange-400/20 dark:bg-orange-400/20 text-orange-700 dark:text-orange-400",
+    get: "bg-green-100 dark:bg-green-400/20 text-green-800 dark:text-green-300",
+    post: "bg-blue-100 dark:bg-blue-400/20 text-blue-800 dark:text-blue-300",
+    put: "bg-amber-100 dark:bg-yellow-400/20 text-amber-900 dark:text-yellow-300",
+    delete: "bg-red-100 dark:bg-red-400/20 text-red-800 dark:text-red-300",
+    patch: "bg-orange-100 dark:bg-orange-400/20 text-orange-900 dark:text-orange-300",
 };
 export function EndpointBar({ method, path, serverUrl }) {
     const m = method.toLowerCase();

package/dist/components/openapi/Introduction.js

@@ -9,5 +9,5 @@ import { Markdown } from "../ui/Markdown.js";
 export function Introduction() {
     const spec = useContext(SpecContext);
     const { info, servers } = spec;
-    return (_jsxs("div", { id: "introduction", "data-traverse-target": "introduction", class: "mb-8", children: [info.description && (_jsx(Markdown, { content: info.description, class: "max-w-none" })), info.termsOfService && (_jsx("p", { class: "mt-4 text-sm text-[rgb(var(--color-gray-500))]", children: _jsx("a", { href: info.termsOfService, class: "text-[rgb(var(--color-primary))] dark:text-[rgb(var(--color-primary-light))]", children: "Terms of Service" }) })), info.contact?.email && (_jsxs("p", { class: "mt-2 text-sm text-[rgb(var(--color-gray-500))]", children: ["Contact: ", _jsx("a", { href: `mailto:${info.contact.email}`, class: "text-[rgb(var(--color-primary))] dark:text-[rgb(var(--color-primary-light))]", children: info.contact.email })] })), servers.length > 0 && (_jsxs("div", { class: "mt-6 rounded-[var(--radius)] border border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-border-dark-subtle)/0.1)] overflow-x-auto", children: [_jsxs("div", { class: "px-4 py-2.5 text-xs font-semibold text-[rgb(var(--color-gray-600))] dark:text-[rgb(var(--color-gray-300))] border-b border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-border-dark-subtle)/0.1)]", children: ["Base URL", servers.length > 1 ? "s" : ""] }), servers.map((s, i) => (_jsxs("div", { class: `flex items-baseline gap-3 px-4 py-2 ${i > 0 ? "border-t border-[rgb(var(--color-gray-100))] dark:border-[rgb(var(--color-gray-800))]" : ""}`, children: [_jsx("code", { class: "font-mono text-sm text-[rgb(var(--color-gray-800))] dark:text-[rgb(var(--color-gray-200))]", children: s.url }), s.description && (_jsx("span", { class: "text-xs text-[rgb(var(--color-gray-500))]", children: s.description }))] }, i)))] }))] }));
+    return (_jsxs("div", { id: "introduction", "data-traverse-target": "introduction", class: "mb-8", children: [info.description && (_jsx(Markdown, { content: info.description, class: "max-w-none" })), info.termsOfService && (_jsx("p", { class: "mt-4 text-sm text-[rgb(var(--color-gray-500))]", children: _jsx("a", { href: info.termsOfService, class: "text-[rgb(var(--color-primary-ink))] dark:text-[rgb(var(--color-primary-light))]", children: "Terms of Service" }) })), info.contact?.email && (_jsxs("p", { class: "mt-2 text-sm text-[rgb(var(--color-gray-500))]", children: ["Contact: ", _jsx("a", { href: `mailto:${info.contact.email}`, class: "text-[rgb(var(--color-primary-ink))] dark:text-[rgb(var(--color-primary-light))]", children: info.contact.email })] })), servers.length > 0 && (_jsxs("div", { class: "mt-6 rounded-[var(--radius)] border border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-border-dark-subtle)/0.1)] overflow-x-auto", children: [_jsxs("div", { class: "px-4 py-2.5 text-xs font-semibold text-[rgb(var(--color-gray-600))] dark:text-[rgb(var(--color-gray-300))] border-b border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-border-dark-subtle)/0.1)]", children: ["Base URL", servers.length > 1 ? "s" : ""] }), servers.map((s, i) => (_jsxs("div", { class: `flex items-baseline gap-3 px-4 py-2 ${i > 0 ? "border-t border-[rgb(var(--color-gray-100))] dark:border-[rgb(var(--color-gray-800))]" : ""}`, children: [_jsx("code", { class: "font-mono text-sm text-[rgb(var(--color-gray-800))] dark:text-[rgb(var(--color-gray-200))]", children: s.url }), s.description && (_jsx("span", { class: "text-xs text-[rgb(var(--color-gray-500))]", children: s.description }))] }, i)))] }))] }));
 }

package/dist/components/openapi/Responses.js

@@ -8,13 +8,13 @@ import { generateExample } from "../../utils/example-generator.js";
 import { highlightCode } from "../../utils/highlighter.js";
 function statusColorClass(code) {
     if (code.startsWith("2"))
-        return "bg-green-400/20 text-green-700 dark:text-green-400";
+        return "bg-green-100 text-green-800 dark:bg-green-400/20 dark:text-green-300";
     if (code.startsWith("3"))
-        return "bg-blue-400/20 text-blue-700 dark:text-blue-400";
+        return "bg-blue-100 text-blue-800 dark:bg-blue-400/20 dark:text-blue-300";
     if (code.startsWith("4"))
-        return "bg-yellow-400/20 text-yellow-700 dark:text-yellow-400";
+        return "bg-amber-100 text-amber-900 dark:bg-yellow-400/20 dark:text-yellow-300";
     if (code.startsWith("5"))
-        return "bg-red-400/20 text-red-700 dark:text-red-400";
+        return "bg-red-100 text-red-800 dark:bg-red-400/20 dark:text-red-300";
     return "bg-gray-400/20 text-gray-700 dark:text-gray-400";
 }
 /**

package/dist/components/openapi/Security.js

@@ -28,5 +28,5 @@ export function SecurityDefinitions() {
         return null;
     return (_jsxs("div", { id: "authentication", class: "py-8 border-t border-[rgb(var(--color-gray-100))] dark:border-[rgb(var(--color-gray-800))]", "data-traverse-target": "authentication", children: [_jsx("h2", { class: "text-xl font-bold text-[rgb(var(--color-gray-900))] dark:text-[rgb(var(--color-gray-200))] mb-4", children: "Authentication" }), _jsx("div", { class: "params-list", children: schemes.map(([name, scheme]) => (_jsxs("div", { class: "param-item", children: [_jsxs("div", { class: "param-header", children: [_jsx("code", { class: "param-name", children: name }), _jsx("span", { class: "param-type", children: _jsx("span", { class: "json-property-type", children: scheme.type }) })] }), _jsxs("div", { class: "param-description", children: [scheme.description && _jsx(Markdown, { content: scheme.description }), scheme.type === "apiKey" && (_jsxs("p", { class: "mt-1", children: ["API Key: ", _jsx("code", { class: "text-xs font-medium", children: scheme.name }), " in ", scheme.in] })), scheme.type === "http" && (_jsxs("p", { class: "mt-1", children: ["Scheme: ", scheme.scheme, scheme.bearerFormat && ` (${scheme.bearerFormat})`] })), scheme.type === "oauth2" && scheme.flows && (_jsx("div", { class: "mt-2 space-y-2", children: Object.entries(scheme.flows).map(([flowType, flow]) => (_jsxs("div", { children: [_jsx("strong", { class: "text-[rgb(var(--color-gray-900))] dark:text-[rgb(var(--color-gray-200))]", children: flowType }), flow?.authorizationUrl && (_jsxs("p", { class: "mt-1", children: ["Authorization: ", _jsx("code", { class: "text-xs", children: flow.authorizationUrl })] })), flow?.tokenUrl && (_jsxs("p", { class: "mt-1", children: ["Token: ", _jsx("code", { class: "text-xs", children: flow.tokenUrl })] })), flow?.scopes && Object.keys(flow.scopes).length > 0 && (_jsxs("p", { class: "mt-1", children: ["Scopes:", " ", Object.entries(flow.scopes)
                                                         .map(([s, desc]) => `${s} — ${desc}`)
-                                                        .join(", ")] }))] }, flowType))) })), scheme.type === "openIdConnect" && scheme.openIdConnectUrl && (_jsxs("p", { class: "mt-1", children: ["OpenID Connect:", " ", _jsx("a", { href: scheme.openIdConnectUrl, class: "text-[rgb(var(--color-primary))] dark:text-[rgb(var(--color-primary-light))]", children: scheme.openIdConnectUrl })] }))] })] }, name))) })] }));
+                                                        .join(", ")] }))] }, flowType))) })), scheme.type === "openIdConnect" && scheme.openIdConnectUrl && (_jsxs("p", { class: "mt-1", children: ["OpenID Connect:", " ", _jsx("a", { href: scheme.openIdConnectUrl, class: "text-[rgb(var(--color-primary-ink))] dark:text-[rgb(var(--color-primary-light))]", children: scheme.openIdConnectUrl })] }))] })] }, name))) })] }));
 }