@usecross/docs 0.10.2 → 0.12.0

package/dist/index.js

@@ -307,36 +307,137 @@ function DocSetSelector({ docSets, currentDocSet, className }) {
 
 // src/components/DocsLayout.tsx
 import { Head, Link as Link2, usePage } from "@inertiajs/react";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 
 // src/components/Sidebar.tsx
+import { useState as useState3 } from "react";
 import { Link } from "@inertiajs/react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function Sidebar({ nav, currentPath, className, docSets, currentDocSet }) {
+function ChevronIcon({ expanded, className }) {
+  return /* @__PURE__ */ jsx3(
+    "svg",
+    {
+      className: cn("w-4 h-4 transition-transform duration-200", expanded && "rotate-90", className),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+    }
+  );
+}
+function CollapsibleSection({
+  section,
+  currentPath,
+  defaultExpanded = true,
+  compact = false
+}) {
+  const isActive = section.items.some(
+    (item) => currentPath === item.href || currentPath + "/" === item.href
+  );
+  const [expanded, setExpanded] = useState3(defaultExpanded || isActive);
+  return /* @__PURE__ */ jsxs3("div", { children: [
+    /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        onClick: () => setExpanded(!expanded),
+        className: "w-full flex items-center justify-between mb-2 group",
+        children: [
+          /* @__PURE__ */ jsx3("h3", { className: cn(
+            "text-sm font-mono uppercase tracking-widest text-gray-500 dark:text-gray-400",
+            "group-hover:text-gray-700 dark:group-hover:text-gray-300 transition-colors"
+          ), children: section.title }),
+          /* @__PURE__ */ jsx3(ChevronIcon, { expanded, className: "text-gray-400 dark:text-gray-500" })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx3("ul", { className: cn(
+      "border-l-2 border-gray-200 dark:border-gray-700",
+      compact ? "space-y-0.5" : "space-y-1.5"
+    ), children: section.items.map((item) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
+      Link,
+      {
+        href: item.href,
+        className: cn(
+          "block border-l-2 py-1 pl-4 leading-snug transition-colors -ml-0.5",
+          compact ? "text-sm" : "text-[15px]",
+          currentPath === item.href || currentPath + "/" === item.href ? "border-primary-500 text-gray-900 dark:text-white font-semibold" : "border-transparent text-gray-600 dark:text-gray-400 hover:border-primary-300 dark:hover:border-primary-400 hover:text-gray-900 dark:hover:text-white"
+        ),
+        children: item.title
+      }
+    ) }, item.href)) })
+  ] });
+}
+function StaticSection({
+  section,
+  currentPath,
+  compact = false
+}) {
+  return /* @__PURE__ */ jsxs3("div", { children: [
+    /* @__PURE__ */ jsx3("h3", { className: "mb-3 text-sm font-mono uppercase tracking-widest text-gray-500 dark:text-gray-400", children: section.title }),
+    /* @__PURE__ */ jsx3("ul", { className: cn(
+      "border-l-2 border-gray-200 dark:border-gray-700",
+      compact ? "space-y-0.5" : "space-y-1.5"
+    ), children: section.items.map((item) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
+      Link,
+      {
+        href: item.href,
+        className: cn(
+          "block border-l-2 py-1 pl-4 leading-snug transition-colors -ml-0.5",
+          compact ? "text-sm" : "text-[15px]",
+          currentPath === item.href || currentPath + "/" === item.href ? "border-primary-500 text-gray-900 dark:text-white font-semibold" : "border-transparent text-gray-600 dark:text-gray-400 hover:border-primary-300 dark:hover:border-primary-400 hover:text-gray-900 dark:hover:text-white"
+        ),
+        children: item.title
+      }
+    ) }, item.href)) })
+  ] });
+}
+function Sidebar({
+  nav,
+  currentPath,
+  className,
+  docSets,
+  currentDocSet,
+  compact = false,
+  collapsible = false,
+  collapseThreshold = 10
+}) {
   return /* @__PURE__ */ jsxs3("nav", { className: cn("space-y-6", className), children: [
     docSets && docSets.length > 1 && /* @__PURE__ */ jsx3(DocSetSelector, { docSets, currentDocSet: currentDocSet ?? "", className: "mb-6" }),
-    /* @__PURE__ */ jsx3("div", { className: "space-y-8", children: nav.map((section) => /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx3("h3", { className: "mb-3 text-xs font-mono uppercase tracking-widest text-gray-500 dark:text-gray-400", children: section.title }),
-      /* @__PURE__ */ jsx3("ul", { className: "space-y-1 border-l-2 border-gray-200 dark:border-gray-700", children: section.items.map((item) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
-        Link,
+    /* @__PURE__ */ jsx3("div", { className: compact ? "space-y-4" : "space-y-6", children: nav.map((section) => {
+      const shouldCollapse = collapsible && section.items.length > collapseThreshold;
+      const isActive = section.items.some(
+        (item) => currentPath === item.href || currentPath + "/" === item.href
+      );
+      if (shouldCollapse) {
+        return /* @__PURE__ */ jsx3(
+          CollapsibleSection,
+          {
+            section,
+            currentPath,
+            defaultExpanded: isActive,
+            compact
+          },
+          section.title
+        );
+      }
+      return /* @__PURE__ */ jsx3(
+        StaticSection,
         {
-          href: item.href,
-          className: cn(
-            "block border-l-2 py-1.5 pl-4 text-base transition-colors -ml-0.5",
-            currentPath === item.href ? "border-primary-500 text-gray-900 dark:text-white font-bold" : "border-transparent text-gray-600 dark:text-gray-300 hover:border-primary-300 dark:hover:border-primary-400 hover:text-gray-900 dark:hover:text-white"
-          ),
-          children: item.title
-        }
-      ) }, item.href)) })
-    ] }, section.title)) })
+          section,
+          currentPath,
+          compact
+        },
+        section.title
+      );
+    }) })
   ] });
 }
 
 // src/components/TableOfContents.tsx
-import { useEffect as useEffect3, useState as useState3, useRef as useRef2 } from "react";
+import { useEffect as useEffect3, useState as useState4, useRef as useRef2 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function TableOfContents({ items, className = "" }) {
-  const [activeId, setActiveId] = useState3(() => {
+function TableOfContents({ items, className = "", ...props }) {
+  const [activeId, setActiveId] = useState4(() => {
     if (typeof window !== "undefined" && window.location.hash) {
       return window.location.hash.slice(1);
     }
@@ -440,9 +541,9 @@ function TableOfContents({ items, className = "" }) {
   if (items.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs4("nav", { className, children: [
-    /* @__PURE__ */ jsx4("h3", { className: "mb-3 text-xs font-mono uppercase tracking-widest text-gray-500 dark:text-gray-400", children: "On this page" }),
-    /* @__PURE__ */ jsx4("ul", { className: "space-y-1 border-l-2 border-gray-200 dark:border-gray-700", children: items.map((item) => {
+  return /* @__PURE__ */ jsxs4("nav", { className, ...props, children: [
+    /* @__PURE__ */ jsx4("h3", { className: "mb-3 text-sm font-mono uppercase tracking-widest text-gray-500 dark:text-gray-400", children: "On this page" }),
+    /* @__PURE__ */ jsx4("ul", { className: "space-y-1.5 border-l-2 border-gray-200 dark:border-gray-700", children: items.map((item) => {
       const isActive = activeId === item.id;
       const indent = item.level === 3 ? "pl-6" : "pl-4";
       return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
@@ -450,8 +551,8 @@ function TableOfContents({ items, className = "" }) {
         {
           href: `#${item.id}`,
           onClick: (e) => handleClick(e, item.id),
-          className: `block border-l-2 py-1.5 ${indent} -ml-0.5 text-sm transition-colors ${isActive ? "border-primary-500 text-gray-900 dark:text-white font-bold" : "border-transparent text-gray-600 dark:text-gray-300 hover:border-primary-300 dark:hover:border-primary-400 hover:text-gray-900 dark:hover:text-white"}`,
-          children: item.text
+          className: `block border-l-2 py-1 ${indent} -ml-0.5 text-base leading-snug transition-colors ${isActive ? "border-primary-500 text-gray-900 dark:text-white font-bold" : "border-transparent text-gray-600 dark:text-gray-300 hover:border-primary-300 dark:hover:border-primary-400 hover:text-gray-900 dark:hover:text-white"}`,
+          children: item.text || item.title
         }
       ) }, item.id);
     }) })
@@ -459,10 +560,10 @@ function TableOfContents({ items, className = "" }) {
 }
 
 // src/components/ThemeToggle.tsx
-import { useState as useState5, useRef as useRef3, useEffect as useEffect5 } from "react";
+import { useState as useState6, useRef as useRef3, useEffect as useEffect5 } from "react";
 
 // src/components/ThemeProvider.tsx
-import { createContext, useContext, useEffect as useEffect4, useState as useState4 } from "react";
+import { createContext, useContext, useEffect as useEffect4, useState as useState5 } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var ThemeContext = createContext(null);
 var STORAGE_KEY = "cross-docs-theme";
@@ -483,11 +584,11 @@ function ThemeProvider({
   defaultTheme: defaultTheme2 = "system",
   forcedTheme
 }) {
-  const [theme, setThemeState] = useState4(() => {
+  const [theme, setThemeState] = useState5(() => {
     if (typeof window === "undefined") return defaultTheme2;
     return getStoredTheme() ?? defaultTheme2;
   });
-  const [resolvedTheme, setResolvedTheme] = useState4(() => {
+  const [resolvedTheme, setResolvedTheme] = useState5(() => {
     if (forcedTheme) return forcedTheme;
     if (typeof window === "undefined") return "light";
     if (theme === "system") return getSystemTheme();
@@ -562,7 +663,7 @@ var themeOptions = [
 ];
 function ThemeToggle({ className, size = "md" }) {
   const { theme, resolvedTheme, setTheme } = useTheme();
-  const [isOpen, setIsOpen] = useState5(false);
+  const [isOpen, setIsOpen] = useState6(false);
   const dropdownRef = useRef3(null);
   useEffect5(() => {
     const handleClickOutside = (event) => {
@@ -728,12 +829,14 @@ function DocsLayout({
   logoInvertedUrl: propLogoInvertedUrl,
   githubUrl: propGithubUrl,
   navLinks: propNavLinks,
+  header,
+  headerHeight = 64,
   footer,
   toc
 }) {
   const sharedProps = usePage().props;
   const { nav, currentPath, docSets, currentDocSet } = sharedProps;
-  const [mobileMenuOpen, setMobileMenuOpen] = useState6(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState7(false);
   const { resolvedTheme } = useTheme();
   const logoUrl = propLogoUrl ?? sharedProps.logoUrl;
   const logoInvertedUrl = propLogoInvertedUrl ?? sharedProps.logoInvertedUrl;
@@ -746,7 +849,7 @@ function DocsLayout({
   const footerLogo = logo || (currentFooterLogoUrl ? /* @__PURE__ */ jsx7("img", { src: currentFooterLogoUrl, alt: "Logo", className: "h-6" }) : null);
   return /* @__PURE__ */ jsxs6("div", { className: "min-h-screen bg-white dark:bg-[#0f0f0f] flex flex-col transition-colors duration-200", children: [
     /* @__PURE__ */ jsx7(Head, { title }),
-    /* @__PURE__ */ jsx7("nav", { className: "fixed w-full z-50 bg-white/95 dark:bg-[#0f0f0f]/95 backdrop-blur-sm border-b border-gray-200 dark:border-gray-800 transition-colors", children: /* @__PURE__ */ jsx7("div", { className: "px-4 lg:px-10", children: /* @__PURE__ */ jsxs6("div", { className: "flex justify-between h-16 items-center", children: [
+    (typeof header === "function" ? header({ mobileMenuOpen, toggleMobileMenu: () => setMobileMenuOpen(!mobileMenuOpen) }) : header) || /* @__PURE__ */ jsx7("nav", { className: "fixed w-full z-50 bg-white/95 dark:bg-[#0f0f0f]/95 backdrop-blur-sm border-b border-gray-200 dark:border-gray-800 transition-colors", children: /* @__PURE__ */ jsx7("div", { className: "px-4 lg:px-10", children: /* @__PURE__ */ jsxs6("div", { className: "flex justify-between h-16 items-center", children: [
       /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx7(MobileMenuButton, { onClick: () => setMobileMenuOpen(!mobileMenuOpen), isOpen: mobileMenuOpen }),
         headerLogo ? /* @__PURE__ */ jsx7(Link2, { href: "/", className: "flex items-center", children: headerLogo }) : /* @__PURE__ */ jsx7(Link2, { href: "/", className: "font-bold text-lg text-gray-900 dark:text-white", children: "Docs" })
@@ -776,15 +879,43 @@ function DocsLayout({
     ] }) }) }),
     mobileMenuOpen && /* @__PURE__ */ jsxs6("div", { className: "fixed inset-0 z-40 lg:hidden", children: [
       /* @__PURE__ */ jsx7("div", { className: "fixed inset-0 bg-black/50 dark:bg-black/70", onClick: () => setMobileMenuOpen(false) }),
-      /* @__PURE__ */ jsx7("div", { className: "fixed inset-y-0 left-0 w-64 overflow-y-auto bg-white dark:bg-[#0f0f0f] px-4 py-6 pt-20 border-r border-gray-200 dark:border-gray-800 transition-colors", children: /* @__PURE__ */ jsx7(Sidebar, { nav, currentPath, docSets, currentDocSet }) })
+      /* @__PURE__ */ jsx7(
+        "div",
+        {
+          className: "fixed inset-y-0 left-0 w-72 overflow-y-auto bg-white dark:bg-[#0f0f0f] px-4 py-6 border-r border-gray-200 dark:border-gray-800 transition-colors",
+          style: { paddingTop: headerHeight + 16 },
+          children: /* @__PURE__ */ jsx7(Sidebar, { nav, currentPath, docSets, currentDocSet })
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx7("div", { className: "bg-white dark:bg-[#0f0f0f] pt-16 w-full flex-1 transition-colors", children: /* @__PURE__ */ jsxs6("div", { className: "flex", children: [
-      /* @__PURE__ */ jsx7("aside", { className: "hidden lg:block w-72 flex-shrink-0 border-r border-gray-200 dark:border-gray-800 min-h-[calc(100vh-4rem)] transition-colors", children: /* @__PURE__ */ jsx7("nav", { className: "sticky top-16 px-4 lg:px-10 py-6 max-h-[calc(100vh-4rem)] overflow-y-auto", children: /* @__PURE__ */ jsx7(Sidebar, { nav, currentPath, docSets, currentDocSet }) }) }),
+    /* @__PURE__ */ jsx7("div", { className: "bg-white dark:bg-[#0f0f0f] w-full flex-1 transition-colors", style: { paddingTop: headerHeight }, children: /* @__PURE__ */ jsxs6("div", { className: "flex", children: [
+      /* @__PURE__ */ jsx7(
+        "aside",
+        {
+          className: "hidden lg:block w-[24rem] shrink-0 border-r border-gray-200 dark:border-gray-800 transition-colors",
+          style: { minHeight: `calc(100vh - ${headerHeight}px)` },
+          children: /* @__PURE__ */ jsx7(
+            "nav",
+            {
+              className: "sticky px-4 lg:px-10 py-6 overflow-y-auto",
+              style: { top: headerHeight, maxHeight: `calc(100vh - ${headerHeight}px)` },
+              children: /* @__PURE__ */ jsx7(Sidebar, { nav, currentPath, docSets, currentDocSet })
+            }
+          )
+        }
+      ),
       /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0 flex flex-col", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex flex-1", children: [
-          /* @__PURE__ */ jsx7("main", { className: "flex-1 min-w-0 p-4 lg:px-10 lg:py-6", children: /* @__PURE__ */ jsx7("article", { className: "prose prose-lg max-w-3xl prose-headings:font-bold prose-headings:tracking-tight prose-h1:text-3xl prose-h1:mb-4 prose-h2:text-2xl prose-h2:mt-10 first:prose-h2:mt-0 prose-h3:text-xl prose-a:text-primary-600 dark:prose-a:text-primary-400 prose-a:no-underline hover:prose-a:underline prose-code:bg-gray-100 dark:prose-code:bg-gray-800 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:before:content-none prose-code:after:content-none dark:prose-headings:text-white dark:prose-strong:text-white dark:text-gray-300", children }) }),
-          toc && toc.length > 0 && /* @__PURE__ */ jsx7("aside", { className: "hidden xl:block w-64 flex-shrink-0 transition-colors", children: /* @__PURE__ */ jsx7("div", { className: "sticky top-16 px-4 py-6 max-h-[calc(100vh-4rem)] overflow-y-auto", children: /* @__PURE__ */ jsx7(TableOfContents, { items: toc }) }) })
-        ] }),
+        /* @__PURE__ */ jsx7("div", { className: "flex-1 p-4 lg:px-10 lg:py-6", children: /* @__PURE__ */ jsxs6("div", { className: "flex gap-5", children: [
+          /* @__PURE__ */ jsx7("main", { className: "min-w-0 w-full max-w-4xl", children: /* @__PURE__ */ jsx7("article", { className: "prose prose-lg max-w-none prose-headings:font-bold prose-headings:tracking-tight prose-h1:text-3xl prose-h1:mb-4 prose-h2:text-2xl prose-h2:mt-10 first:prose-h2:mt-0 prose-h3:text-xl prose-a:text-primary-600 dark:prose-a:text-primary-400 prose-a:no-underline hover:prose-a:underline prose-code:bg-gray-100 dark:prose-code:bg-gray-800 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:before:content-none prose-code:after:content-none dark:prose-headings:text-white dark:prose-strong:text-white dark:text-gray-300", children }) }),
+          toc && toc.length > 0 && /* @__PURE__ */ jsx7("aside", { className: "hidden xl:block w-56 shrink-0 transition-colors", children: /* @__PURE__ */ jsx7(
+            TableOfContents,
+            {
+              items: toc,
+              className: "sticky overflow-y-auto",
+              style: { top: headerHeight + 24, maxHeight: `calc(100vh - ${headerHeight + 24}px)` }
+            }
+          ) })
+        ] }) }),
         footer || /* @__PURE__ */ jsx7("footer", { className: "border-t border-gray-200 dark:border-gray-800 py-8 px-4 lg:px-10 transition-colors", children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col md:flex-row justify-between items-center gap-6", children: [
           footerLogo && /* @__PURE__ */ jsx7(Link2, { href: "/", children: footerLogo }),
           /* @__PURE__ */ jsxs6("div", { className: "flex gap-8 text-sm text-gray-600 dark:text-gray-400", children: [
@@ -974,11 +1105,11 @@ function DocsPage({ content, ...layoutProps }) {
 }
 
 // src/components/EmojiConfetti.tsx
-import { useState as useState7, useCallback } from "react";
+import { useState as useState8, useCallback } from "react";
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function EmojiConfetti({ children, emoji }) {
-  const [particles, setParticles] = useState7([]);
-  const [isActive, setIsActive] = useState7(false);
+  const [particles, setParticles] = useState8([]);
+  const [isActive, setIsActive] = useState8(false);
   const triggerBurst = useCallback(() => {
     if (isActive) return;
     setIsActive(true);
@@ -1041,7 +1172,7 @@ function EmojiConfetti({ children, emoji }) {
 
 // src/components/HomePage.tsx
 import { Head as Head2, Link as Link3 } from "@inertiajs/react";
-import { createContext as createContext3, useContext as useContext3, useState as useState8 } from "react";
+import { createContext as createContext3, useContext as useContext3, useState as useState9 } from "react";
 import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var HomePageContext = createContext3(null);
 function useHomePage() {
@@ -1052,7 +1183,7 @@ function useHomePage() {
   return context;
 }
 function InstallCommand({ command }) {
-  const [copied, setCopied] = useState8(false);
+  const [copied, setCopied] = useState9(false);
   const copyToClipboard = async () => {
     await navigator.clipboard.writeText(command);
     setCopied(true);
@@ -1302,10 +1433,1130 @@ HomePage.Feature = HomeFeatureItem;
 HomePage.CTA = HomeCTA;
 HomePage.Footer = HomeFooter;
 
+// src/components/api/APILayout.tsx
+import { Head as Head3, Link as Link4, usePage as usePage2 } from "@inertiajs/react";
+import { useState as useState10 } from "react";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+function GitHubIcon3() {
+  return /* @__PURE__ */ jsx13("svg", { className: "w-6 h-6", fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function APILayout({
+  children,
+  title,
+  apiNav,
+  currentPath,
+  logoUrl: propLogoUrl,
+  logoInvertedUrl: propLogoInvertedUrl,
+  footerLogoUrl: propFooterLogoUrl,
+  footerLogoInvertedUrl: propFooterLogoInvertedUrl,
+  githubUrl: propGithubUrl,
+  navLinks: propNavLinks,
+  rightSidebar,
+  header,
+  headerHeight: propHeaderHeight = 64,
+  footer
+}) {
+  const sharedProps = usePage2().props;
+  const [mobileMenuOpen, setMobileMenuOpen] = useState10(false);
+  const { resolvedTheme } = useTheme();
+  const headerHeight = propHeaderHeight;
+  const logoUrl = propLogoUrl ?? sharedProps.logoUrl;
+  const logoInvertedUrl = propLogoInvertedUrl ?? sharedProps.logoInvertedUrl;
+  const githubUrl = propGithubUrl ?? sharedProps.githubUrl;
+  const navLinks = propNavLinks ?? sharedProps.navLinks ?? [];
+  const headerLogo = logoInvertedUrl ? /* @__PURE__ */ jsx13("img", { src: logoInvertedUrl, alt: "Logo", className: "h-8" }) : logoUrl ? /* @__PURE__ */ jsx13("img", { src: logoUrl, alt: "Logo", className: "h-8" }) : null;
+  const footerLogoUrl = propFooterLogoUrl || sharedProps.footerLogoUrl || logoUrl;
+  const footerLogoInvertedUrl = propFooterLogoInvertedUrl || sharedProps.footerLogoInvertedUrl || logoInvertedUrl;
+  const currentFooterLogoUrl = resolvedTheme === "dark" ? footerLogoInvertedUrl || footerLogoUrl : footerLogoUrl;
+  const footerLogo = currentFooterLogoUrl ? /* @__PURE__ */ jsx13("img", { src: currentFooterLogoUrl, alt: "Logo", className: "h-6" }) : null;
+  return /* @__PURE__ */ jsxs9("div", { className: "min-h-screen bg-white dark:bg-[#0f0f0f] flex flex-col transition-colors duration-200", children: [
+    /* @__PURE__ */ jsx13(Head3, { title }),
+    (typeof header === "function" ? header({ mobileMenuOpen, toggleMobileMenu: () => setMobileMenuOpen(!mobileMenuOpen) }) : header) || /* @__PURE__ */ jsx13("nav", { className: "fixed w-full z-50 bg-white/95 dark:bg-[#0f0f0f]/95 backdrop-blur-sm border-b border-gray-200 dark:border-gray-800 transition-colors", children: /* @__PURE__ */ jsx13("div", { className: "px-4 lg:px-10", children: /* @__PURE__ */ jsxs9("div", { className: "flex justify-between h-16 items-center", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx13(MobileMenuButton, { onClick: () => setMobileMenuOpen(!mobileMenuOpen), isOpen: mobileMenuOpen }),
+        headerLogo ? /* @__PURE__ */ jsx13(Link4, { href: "/", className: "flex items-center", children: headerLogo }) : /* @__PURE__ */ jsx13(Link4, { href: "/", className: "font-bold text-lg text-gray-900 dark:text-white", children: "Docs" })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsx13("div", { className: "-mr-2", children: /* @__PURE__ */ jsx13(ThemeToggle, { size: "sm" }) }),
+        navLinks.map((link) => /* @__PURE__ */ jsx13(
+          Link4,
+          {
+            href: link.href,
+            className: "hidden sm:block text-gray-700 dark:text-gray-300 font-medium hover:text-primary-600 dark:hover:text-primary-400 transition-colors",
+            children: link.label
+          },
+          link.href
+        )),
+        githubUrl && /* @__PURE__ */ jsx13(
+          "a",
+          {
+            href: githubUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-gray-700 dark:text-gray-300 hover:text-primary-600 dark:hover:text-primary-400 transition-colors",
+            children: /* @__PURE__ */ jsx13(GitHubIcon3, {})
+          }
+        )
+      ] })
+    ] }) }) }),
+    mobileMenuOpen && /* @__PURE__ */ jsxs9("div", { className: "fixed inset-0 z-40 lg:hidden", children: [
+      /* @__PURE__ */ jsx13("div", { className: "fixed inset-0 bg-black/50 dark:bg-black/70", onClick: () => setMobileMenuOpen(false) }),
+      /* @__PURE__ */ jsx13(
+        "div",
+        {
+          className: "fixed inset-y-0 left-0 w-72 overflow-y-auto bg-white dark:bg-[#0f0f0f] px-4 py-6 border-r border-gray-200 dark:border-gray-800 transition-colors",
+          style: { paddingTop: headerHeight + 16 },
+          children: /* @__PURE__ */ jsx13(
+            Sidebar,
+            {
+              nav: apiNav,
+              currentPath
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "bg-white dark:bg-[#0f0f0f] w-full flex-1 transition-colors", style: { paddingTop: headerHeight }, children: /* @__PURE__ */ jsxs9("div", { className: "flex", children: [
+      /* @__PURE__ */ jsx13(
+        "aside",
+        {
+          className: "hidden lg:block w-64 shrink-0 border-r border-gray-200 dark:border-gray-800 transition-colors",
+          style: { minHeight: `calc(100vh - ${headerHeight}px)` },
+          children: /* @__PURE__ */ jsx13(
+            "div",
+            {
+              className: "sticky px-6 py-6 overflow-y-auto",
+              style: { top: headerHeight, maxHeight: `calc(100vh - ${headerHeight}px)` },
+              children: /* @__PURE__ */ jsx13(
+                Sidebar,
+                {
+                  nav: apiNav,
+                  currentPath
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs9("div", { className: "flex-1 min-w-0 flex flex-col", children: [
+        /* @__PURE__ */ jsx13("div", { className: "flex-1 p-4 lg:px-10 lg:py-6", children: /* @__PURE__ */ jsxs9("div", { className: "flex gap-5", children: [
+          /* @__PURE__ */ jsx13("main", { className: "min-w-0 w-full max-w-4xl", children }),
+          rightSidebar && /* @__PURE__ */ jsx13("aside", { className: "hidden xl:block w-56 shrink-0 transition-colors", children: /* @__PURE__ */ jsx13(
+            "div",
+            {
+              className: "sticky overflow-y-auto",
+              style: { top: headerHeight + 24, maxHeight: `calc(100vh - ${headerHeight + 24}px)` },
+              children: rightSidebar
+            }
+          ) })
+        ] }) }),
+        footer || /* @__PURE__ */ jsx13("footer", { className: "border-t border-gray-200 dark:border-gray-800 py-8 px-4 lg:px-10 transition-colors", children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col md:flex-row justify-between items-center gap-6", children: [
+          footerLogo && /* @__PURE__ */ jsx13(Link4, { href: "/", children: footerLogo }),
+          /* @__PURE__ */ jsxs9("div", { className: "flex gap-8 text-sm text-gray-600 dark:text-gray-400", children: [
+            navLinks.map((link) => /* @__PURE__ */ jsx13(Link4, { href: link.href, className: "hover:text-black dark:hover:text-white transition-colors", children: link.label }, link.href)),
+            githubUrl && /* @__PURE__ */ jsx13(
+              "a",
+              {
+                href: githubUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "hover:text-black dark:hover:text-white transition-colors",
+                children: "GitHub"
+              }
+            )
+          ] })
+        ] }) })
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/components/api/ModuleDoc.tsx
+import { Link as Link5 } from "@inertiajs/react";
+
+// src/components/api/Docstring.tsx
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function renderExpression(expr) {
+  if (!expr) return "";
+  if (typeof expr === "string") return expr;
+  if (expr.str) return expr.str;
+  if (expr.canonical) return expr.canonical;
+  const exprAny = expr;
+  if (expr.name && typeof expr.name === "string") return expr.name;
+  if (exprAny.cls === "ExprBoolOp" && exprAny.operator && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderExpression(v)).join(` ${exprAny.operator} `);
+  }
+  if (exprAny.cls === "ExprBinOp" && exprAny.left && exprAny.right) {
+    const left = renderExpression(exprAny.left);
+    const right = renderExpression(exprAny.right);
+    const op = exprAny.operator || "|";
+    return `${left} ${op} ${right}`;
+  }
+  if (exprAny.cls === "ExprCall" && exprAny.function) {
+    const funcName = renderExpression(exprAny.function);
+    const args = Array.isArray(exprAny.arguments) ? exprAny.arguments.map((a) => renderExpression(a)).join(", ") : "";
+    return `${funcName}(${args})`;
+  }
+  if (exprAny.cls === "ExprAttribute" && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderExpression(v)).join(".");
+  }
+  if ("elements" in exprAny && Array.isArray(exprAny.elements)) {
+    const inner = exprAny.elements.map((el) => renderExpression(el)).join(", ");
+    return exprAny.cls === "ExprTuple" ? `(${inner})` : `[${inner}]`;
+  }
+  if (exprAny.cls === "ExprDict" && Array.isArray(exprAny.keys) && Array.isArray(exprAny.values)) {
+    const pairs = exprAny.keys.map(
+      (k, i) => `${renderExpression(k)}: ${renderExpression(exprAny.values[i])}`
+    ).join(", ");
+    return `{${pairs}}`;
+  }
+  if (exprAny.left && exprAny.slice) {
+    const left = renderExpression(exprAny.left);
+    const slice = renderExpression(exprAny.slice);
+    return `${left}[${slice}]`;
+  }
+  if ("slice" in exprAny && exprAny.slice && !exprAny.left) {
+    return renderExpression(exprAny.slice);
+  }
+  if (typeof expr === "object") {
+    return JSON.stringify(expr);
+  }
+  return String(expr);
+}
+function DocstringSection({ section }) {
+  switch (section.kind) {
+    case "text":
+      return /* @__PURE__ */ jsx14("div", { className: "prose prose-sm dark:prose-invert max-w-none", children: /* @__PURE__ */ jsx14(Markdown, { content: section.value }) });
+    case "parameters":
+      return /* @__PURE__ */ jsxs10("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-2", children: "Parameters" }),
+        /* @__PURE__ */ jsx14("dl", { className: "space-y-2", children: section.value?.map((param) => /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-[auto_1fr] gap-x-3", children: [
+          /* @__PURE__ */ jsxs10("dt", { className: "font-mono text-sm", children: [
+            /* @__PURE__ */ jsx14("span", { className: "text-orange-600 dark:text-orange-400", children: param.name }),
+            param.annotation && /* @__PURE__ */ jsxs10("span", { className: "text-gray-500 dark:text-gray-400", children: [
+              " ",
+              "(",
+              renderExpression(param.annotation),
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx14("dd", { className: "text-sm text-gray-600 dark:text-gray-300", children: param.description })
+        ] }, param.name)) })
+      ] });
+    case "returns":
+      return /* @__PURE__ */ jsxs10("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-2", children: "Returns" }),
+        /* @__PURE__ */ jsx14("div", { className: "text-sm text-gray-600 dark:text-gray-300", children: Array.isArray(section.value) ? section.value.map((ret, i) => /* @__PURE__ */ jsxs10("div", { children: [
+          ret.annotation && /* @__PURE__ */ jsx14("span", { className: "font-mono text-green-600 dark:text-green-400", children: renderExpression(ret.annotation) }),
+          ret.description && /* @__PURE__ */ jsxs10("span", { children: [
+            " - ",
+            ret.description
+          ] })
+        ] }, i)) : section.value })
+      ] });
+    case "raises":
+      return /* @__PURE__ */ jsxs10("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-2", children: "Raises" }),
+        /* @__PURE__ */ jsx14("dl", { className: "space-y-2", children: section.value?.map((exc, i) => /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-[auto_1fr] gap-x-3", children: [
+          /* @__PURE__ */ jsx14("dt", { className: "font-mono text-sm text-red-600 dark:text-red-400", children: exc.annotation ? renderExpression(exc.annotation) : exc.name }),
+          /* @__PURE__ */ jsx14("dd", { className: "text-sm text-gray-600 dark:text-gray-300", children: exc.description })
+        ] }, i)) })
+      ] });
+    case "examples":
+      return /* @__PURE__ */ jsxs10("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-2", children: "Examples" }),
+        /* @__PURE__ */ jsx14("pre", { className: "bg-gray-100 dark:bg-gray-800 rounded-lg p-4 overflow-x-auto text-sm", children: /* @__PURE__ */ jsx14("code", { children: section.value }) })
+      ] });
+    case "attributes":
+      return /* @__PURE__ */ jsxs10("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-2", children: "Attributes" }),
+        /* @__PURE__ */ jsx14("dl", { className: "space-y-2", children: section.value?.map((attr) => /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-[auto_1fr] gap-x-3", children: [
+          /* @__PURE__ */ jsxs10("dt", { className: "font-mono text-sm", children: [
+            /* @__PURE__ */ jsx14("span", { className: "text-orange-600 dark:text-orange-400", children: attr.name }),
+            attr.annotation && /* @__PURE__ */ jsxs10("span", { className: "text-gray-500 dark:text-gray-400", children: [
+              " ",
+              "(",
+              renderExpression(attr.annotation),
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx14("dd", { className: "text-sm text-gray-600 dark:text-gray-300", children: attr.description })
+        ] }, attr.name)) })
+      ] });
+    case "deprecated":
+      return /* @__PURE__ */ jsxs10("div", { className: "mt-4 p-3 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg", children: [
+        /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-yellow-800 dark:text-yellow-200 mb-1", children: "Deprecated" }),
+        /* @__PURE__ */ jsx14("p", { className: "text-sm text-yellow-700 dark:text-yellow-300", children: section.value })
+      ] });
+    case "admonition":
+      return /* @__PURE__ */ jsxs10("div", { className: "mt-4 p-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg", children: [
+        section.title && /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-blue-800 dark:text-blue-200 mb-1", children: section.title }),
+        /* @__PURE__ */ jsx14("p", { className: "text-sm text-blue-700 dark:text-blue-300", children: section.value })
+      ] });
+    default:
+      if (section.title) {
+        return /* @__PURE__ */ jsxs10("div", { className: "mt-4", children: [
+          /* @__PURE__ */ jsx14("h4", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-2", children: section.title }),
+          /* @__PURE__ */ jsx14("div", { className: "text-sm text-gray-600 dark:text-gray-300", children: typeof section.value === "string" ? section.value : JSON.stringify(section.value) })
+        ] });
+      }
+      return null;
+  }
+}
+function Docstring({ docstring, raw = false, showOnlyText = false, className = "" }) {
+  if (!docstring) return null;
+  if (raw || !docstring.parsed || docstring.parsed.length === 0) {
+    return /* @__PURE__ */ jsx14("div", { className: `prose prose-sm dark:prose-invert max-w-none ${className}`, children: /* @__PURE__ */ jsx14("p", { className: "whitespace-pre-wrap text-gray-600 dark:text-gray-300", children: docstring.value }) });
+  }
+  if (showOnlyText) {
+    const firstTextSection = docstring.parsed.find((s) => s.kind === "text");
+    if (!firstTextSection) return null;
+    return /* @__PURE__ */ jsx14("div", { className: `prose prose-sm dark:prose-invert max-w-none ${className}`, children: /* @__PURE__ */ jsx14(Markdown, { content: firstTextSection.value }) });
+  }
+  return /* @__PURE__ */ jsx14("div", { className, children: docstring.parsed.map((section, i) => /* @__PURE__ */ jsx14(DocstringSection, { section }, `${section.kind}-${i}`)) });
+}
+
+// src/components/api/ClassDoc.tsx
+import { useState as useState12 } from "react";
+
+// src/components/api/Signature.tsx
+import { useState as useState11 } from "react";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+function renderExpression2(expr) {
+  if (!expr) return "";
+  if (typeof expr === "string") return expr;
+  if (expr.str) return expr.str;
+  if (expr.canonical) return expr.canonical;
+  const exprAny = expr;
+  if (expr.name && typeof expr.name === "string") return expr.name;
+  if (exprAny.cls === "ExprBoolOp" && exprAny.operator && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderExpression2(v)).join(` ${exprAny.operator} `);
+  }
+  if (exprAny.cls === "ExprBinOp" && exprAny.left && exprAny.right) {
+    const left = renderExpression2(exprAny.left);
+    const right = renderExpression2(exprAny.right);
+    const op = exprAny.operator || "|";
+    return `${left} ${op} ${right}`;
+  }
+  if (exprAny.cls === "ExprCall" && exprAny.function) {
+    const funcName = renderExpression2(exprAny.function);
+    const args = Array.isArray(exprAny.arguments) ? exprAny.arguments.map((a) => renderExpression2(a)).join(", ") : "";
+    return `${funcName}(${args})`;
+  }
+  if (exprAny.cls === "ExprAttribute" && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderExpression2(v)).join(".");
+  }
+  if ("elements" in exprAny && Array.isArray(exprAny.elements)) {
+    const inner = exprAny.elements.map((el) => renderExpression2(el)).join(", ");
+    return exprAny.cls === "ExprTuple" ? `(${inner})` : `[${inner}]`;
+  }
+  if (exprAny.cls === "ExprDict" && Array.isArray(exprAny.keys) && Array.isArray(exprAny.values)) {
+    const pairs = exprAny.keys.map(
+      (k, i) => `${renderExpression2(k)}: ${renderExpression2(exprAny.values[i])}`
+    ).join(", ");
+    return `{${pairs}}`;
+  }
+  if (exprAny.left && exprAny.slice) {
+    const left = renderExpression2(exprAny.left);
+    const slice = renderExpression2(exprAny.slice);
+    return `${left}[${slice}]`;
+  }
+  if ("slice" in exprAny && exprAny.slice && !exprAny.left) {
+    return renderExpression2(exprAny.slice);
+  }
+  if (typeof expr === "object") {
+    return JSON.stringify(expr);
+  }
+  return String(expr);
+}
+function renderParameter(param) {
+  let result = "";
+  if (param.kind === "var-positional") {
+    result = `*${param.name}`;
+  } else if (param.kind === "var-keyword") {
+    result = `**${param.name}`;
+  } else {
+    result = param.name;
+  }
+  if (param.annotation) {
+    const annotation = renderExpression2(param.annotation);
+    if (annotation) {
+      result += `: ${annotation}`;
+    }
+  }
+  if (param.default) {
+    result += ` = ${renderExpression2(param.default)}`;
+  }
+  return result;
+}
+function CopyIcon() {
+  return /* @__PURE__ */ jsx15("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx15("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) });
+}
+function CheckIcon2() {
+  return /* @__PURE__ */ jsx15("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx15("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) });
+}
+function Signature({ fn, showPath = false, className = "" }) {
+  const [copied, setCopied] = useState11(false);
+  const name = showPath && fn.path ? fn.path : fn.name;
+  const isAsync = fn.is_async;
+  const displayParams = fn.parameters?.filter((p) => p.name !== "self") ?? [];
+  const returnType = renderExpression2(fn.returns);
+  const buildParamString = (params) => {
+    const parts = [];
+    const hasVarPositional = params.some((p) => p.kind === "var-positional");
+    let addedBareAsterisk = false;
+    for (let i = 0; i < params.length; i++) {
+      const param = params[i];
+      const nextParam = params[i + 1];
+      parts.push(renderParameter(param));
+      if (param.kind === "positional-only" && nextParam && nextParam.kind !== "positional-only") {
+        parts.push("/");
+      }
+      if (!hasVarPositional && !addedBareAsterisk && nextParam?.kind === "keyword-only" && param.kind !== "keyword-only") {
+        parts.push("*");
+        addedBareAsterisk = true;
+      }
+    }
+    return parts.join(", ");
+  };
+  const plainSignature = (() => {
+    const params = buildParamString(displayParams);
+    const prefix = isAsync ? "async def " : "def ";
+    return returnType ? `${prefix}${name}(${params}) -> ${returnType}` : `${prefix}${name}(${params})`;
+  })();
+  const handleCopy = async () => {
+    await navigator.clipboard.writeText(plainSignature);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  const buildParamTokens = (params) => {
+    const tokens = [];
+    const hasVarPositional = params.some((p) => p.kind === "var-positional");
+    let addedBareAsterisk = false;
+    for (let i = 0; i < params.length; i++) {
+      const param = params[i];
+      const nextParam = params[i + 1];
+      tokens.push({ type: "param", param });
+      if (param.kind === "positional-only" && nextParam && nextParam.kind !== "positional-only") {
+        tokens.push({ type: "separator", value: "/" });
+      }
+      if (!hasVarPositional && !addedBareAsterisk && nextParam?.kind === "keyword-only" && param.kind !== "keyword-only") {
+        tokens.push({ type: "separator", value: "*" });
+        addedBareAsterisk = true;
+      }
+    }
+    return tokens;
+  };
+  const paramTokens = buildParamTokens(displayParams);
+  const renderParamElement = (param, multiline) => /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    param.kind === "var-positional" && /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: "*" }),
+    param.kind === "var-keyword" && /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: "**" }),
+    /* @__PURE__ */ jsx15("span", { className: "text-orange-300", children: param.name }),
+    param.annotation && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+      /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: ": " }),
+      /* @__PURE__ */ jsx15("span", { className: "text-emerald-400", children: renderExpression2(param.annotation) })
+    ] }),
+    param.default && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+      /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: " = " }),
+      /* @__PURE__ */ jsx15("span", { className: "text-blue-300", children: renderExpression2(param.default) })
+    ] }),
+    multiline && /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: "," })
+  ] });
+  const needsMultiline = displayParams.length > 3;
+  return /* @__PURE__ */ jsxs11("div", { className: `relative group ${className}`, children: [
+    /* @__PURE__ */ jsx15("div", { className: "font-mono text-sm bg-gray-900 dark:bg-gray-950 rounded-lg p-4 overflow-x-auto", children: /* @__PURE__ */ jsxs11("code", { className: "text-gray-100", children: [
+      isAsync && /* @__PURE__ */ jsx15("span", { className: "text-purple-400", children: "async " }),
+      /* @__PURE__ */ jsx15("span", { className: "text-blue-400", children: "def" }),
+      " ",
+      /* @__PURE__ */ jsx15("span", { className: "text-yellow-300", children: name }),
+      /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: "(" }),
+      paramTokens.length > 0 && (needsMultiline ? (
+        // Multi-line for many parameters
+        /* @__PURE__ */ jsx15(Fragment3, { children: paramTokens.map((token, i) => token.type === "param" ? /* @__PURE__ */ jsx15("span", { className: "block pl-4", children: renderParamElement(token.param, true) }, token.param.name) : /* @__PURE__ */ jsx15("span", { className: "block pl-4", children: /* @__PURE__ */ jsxs11("span", { className: "text-gray-400", children: [
+          token.value,
+          ","
+        ] }) }, `sep-${i}`)) })
+      ) : (
+        // Single line for few parameters
+        paramTokens.map((token, i) => token.type === "param" ? /* @__PURE__ */ jsxs11("span", { children: [
+          i > 0 && /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: ", " }),
+          renderParamElement(token.param, false)
+        ] }, token.param.name) : /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsxs11("span", { className: "text-gray-400", children: [
+          ", ",
+          token.value
+        ] }) }, `sep-${i}`))
+      )),
+      /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: ")" }),
+      returnType && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+        /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: " -> " }),
+        /* @__PURE__ */ jsx15("span", { className: "text-emerald-400", children: returnType })
+      ] }),
+      /* @__PURE__ */ jsx15("span", { className: "text-gray-400", children: ":" }),
+      /* @__PURE__ */ jsx15("span", { className: "block pl-2 text-gray-500", children: "..." })
+    ] }) }),
+    /* @__PURE__ */ jsx15(
+      "button",
+      {
+        onClick: handleCopy,
+        className: "absolute top-3 right-3 p-1.5 rounded bg-gray-700 hover:bg-gray-600 opacity-0 group-hover:opacity-100 transition-opacity text-gray-300 hover:text-white",
+        title: "Copy to clipboard",
+        children: copied ? /* @__PURE__ */ jsx15(CheckIcon2, {}) : /* @__PURE__ */ jsx15(CopyIcon, {})
+      }
+    )
+  ] });
+}
+
+// src/components/api/CodeSpan.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function CodeSpan({ children, variant = "default", allowCopy = false, className }) {
+  const handleCopy = () => {
+    if (allowCopy && typeof children === "string") {
+      navigator.clipboard.writeText(children);
+    }
+  };
+  if (variant === "simple") {
+    return /* @__PURE__ */ jsx16(
+      "code",
+      {
+        onClick: allowCopy ? handleCopy : void 0,
+        className: cn(
+          "font-mono text-[0.9em] font-semibold text-gray-900 dark:text-white",
+          allowCopy && "cursor-pointer hover:text-primary-600 dark:hover:text-primary-400",
+          className
+        ),
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx16(
+    "code",
+    {
+      onClick: allowCopy ? handleCopy : void 0,
+      className: cn(
+        "inline-flex items-center px-2 py-0.5 rounded font-mono text-sm",
+        "bg-red-50 text-red-600 border border-red-200",
+        "dark:bg-red-900/20 dark:text-red-400 dark:border-red-800/50",
+        allowCopy && "cursor-pointer hover:bg-red-100 dark:hover:bg-red-900/30",
+        className
+      ),
+      children
+    }
+  );
+}
+
+// src/components/api/ParameterTable.tsx
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+function renderExpression3(expr) {
+  if (!expr) return "";
+  if (typeof expr === "string") return expr;
+  if (expr.str) return expr.str;
+  if (expr.canonical) return expr.canonical;
+  const exprAny = expr;
+  if (expr.name && typeof expr.name === "string") return expr.name;
+  if (exprAny.cls === "ExprBoolOp" && exprAny.operator && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderExpression3(v)).join(` ${exprAny.operator} `);
+  }
+  if (exprAny.cls === "ExprBinOp" && exprAny.left && exprAny.right) {
+    const left = renderExpression3(exprAny.left);
+    const right = renderExpression3(exprAny.right);
+    const op = exprAny.operator || "|";
+    return `${left} ${op} ${right}`;
+  }
+  if (exprAny.cls === "ExprCall" && exprAny.function) {
+    const funcName = renderExpression3(exprAny.function);
+    const args = Array.isArray(exprAny.arguments) ? exprAny.arguments.map((a) => renderExpression3(a)).join(", ") : "";
+    return `${funcName}(${args})`;
+  }
+  if (exprAny.cls === "ExprAttribute" && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderExpression3(v)).join(".");
+  }
+  if ("elements" in exprAny && Array.isArray(exprAny.elements)) {
+    const inner = exprAny.elements.map((el) => renderExpression3(el)).join(", ");
+    return exprAny.cls === "ExprTuple" ? `(${inner})` : `[${inner}]`;
+  }
+  if (exprAny.cls === "ExprDict" && Array.isArray(exprAny.keys) && Array.isArray(exprAny.values)) {
+    const pairs = exprAny.keys.map(
+      (k, i) => `${renderExpression3(k)}: ${renderExpression3(exprAny.values[i])}`
+    ).join(", ");
+    return `{${pairs}}`;
+  }
+  if (exprAny.left && exprAny.slice) {
+    const left = renderExpression3(exprAny.left);
+    const slice = renderExpression3(exprAny.slice);
+    return `${left}[${slice}]`;
+  }
+  if ("slice" in exprAny && exprAny.slice && !exprAny.left) {
+    return renderExpression3(exprAny.slice);
+  }
+  if (typeof expr === "object") {
+    return JSON.stringify(expr);
+  }
+  return String(expr);
+}
+function getParamDescription(paramName, docstringSections) {
+  if (!docstringSections) return void 0;
+  for (const section of docstringSections) {
+    if (section.kind === "parameters" && Array.isArray(section.value)) {
+      const param = section.value.find(
+        (p) => p.name === paramName
+      );
+      if (param) return param.description;
+    }
+  }
+  return void 0;
+}
+function ParameterTable({ parameters, docstringSections, className = "" }) {
+  if (!parameters || parameters.length === 0) return null;
+  const displayParams = parameters.filter((p) => p.name !== "self");
+  if (displayParams.length === 0) return null;
+  return /* @__PURE__ */ jsx17("ol", { className: `list-none p-0 ${className}`, children: displayParams.map((param, index) => {
+    const description = getParamDescription(param.name, docstringSections);
+    const annotation = renderExpression3(param.annotation);
+    const defaultValue = renderExpression3(param.default);
+    const isLast = index === displayParams.length - 1;
+    return /* @__PURE__ */ jsx17(
+      "li",
+      {
+        className: "contents",
+        children: /* @__PURE__ */ jsxs12("div", { className: `grid grid-cols-[max-content_1fr] items-baseline gap-x-8 gap-y-2 py-6 ${!isLast ? "border-b border-gray-200 dark:border-gray-700" : ""}`, children: [
+          /* @__PURE__ */ jsx17("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs12(CodeSpan, { children: [
+            param.kind === "var-positional" && "*",
+            param.kind === "var-keyword" && "**",
+            param.name,
+            ":"
+          ] }) }),
+          /* @__PURE__ */ jsxs12("div", { className: "space-y-3", children: [
+            description && /* @__PURE__ */ jsx17("p", { className: "text-gray-700 dark:text-gray-300 leading-relaxed", children: description }),
+            /* @__PURE__ */ jsxs12("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2", children: [
+              annotation && /* @__PURE__ */ jsxs12(Fragment4, { children: [
+                /* @__PURE__ */ jsx17("dt", { className: "font-semibold text-gray-500 dark:text-gray-400", children: "Type" }),
+                /* @__PURE__ */ jsx17("dd", { className: "m-0", children: /* @__PURE__ */ jsx17(CodeSpan, { children: annotation }) })
+              ] }),
+              defaultValue && /* @__PURE__ */ jsxs12(Fragment4, { children: [
+                /* @__PURE__ */ jsx17("dt", { className: "font-semibold text-gray-500 dark:text-gray-400", children: "Default" }),
+                /* @__PURE__ */ jsx17("dd", { className: "m-0", children: /* @__PURE__ */ jsx17(CodeSpan, { children: defaultValue }) })
+              ] })
+            ] })
+          ] })
+        ] })
+      },
+      param.name
+    );
+  }) });
+}
+
+// src/components/api/FunctionDoc.tsx
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+function FunctionDoc({ fn, isMethod = false, showName = true, githubUrl, className = "", displayPath }) {
+  const hasParams = fn.parameters && fn.parameters.filter((p) => p.name !== "self").length > 0;
+  const returnsSection = fn.docstring?.parsed?.find((s) => s.kind === "returns");
+  const returnsValue = returnsSection?.value;
+  const returnsDescription = Array.isArray(returnsValue) ? returnsValue[0]?.description : void 0;
+  const textSections = fn.docstring?.parsed?.filter((s) => s.kind === "text") || [];
+  const additionalTextSections = textSections.slice(1);
+  const relativeFilepath = fn.relative_package_filepath || fn.relative_filepath || fn.filepath;
+  const githubSourceUrl = githubUrl && relativeFilepath && fn.lineno ? `${githubUrl}/blob/main/${relativeFilepath}#L${fn.lineno}-L${fn.endlineno || fn.lineno}` : void 0;
+  return /* @__PURE__ */ jsxs13("article", { id: fn.name, className: `scroll-mt-20 ${className}`, children: [
+    showName && /* @__PURE__ */ jsx18("h1", { className: "font-mono text-2xl font-normal text-gray-900 dark:text-white mb-8", children: displayPath || fn.path || fn.name }),
+    fn.docstring && /* @__PURE__ */ jsx18("div", { className: "mb-6", children: /* @__PURE__ */ jsx18(Docstring, { docstring: fn.docstring, showOnlyText: true }) }),
+    returnsDescription && /* @__PURE__ */ jsxs13("section", { className: "mb-6", children: [
+      /* @__PURE__ */ jsx18("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Returns:" }),
+      /* @__PURE__ */ jsx18("p", { className: "text-gray-700 dark:text-gray-300", children: returnsDescription })
+    ] }),
+    /* @__PURE__ */ jsxs13("section", { className: "mb-6", children: [
+      /* @__PURE__ */ jsx18("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Signature:" }),
+      /* @__PURE__ */ jsx18(Signature, { fn })
+    ] }),
+    hasParams && /* @__PURE__ */ jsxs13("section", { id: "parameters", className: "mb-6", children: [
+      /* @__PURE__ */ jsx18("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Parameters:" }),
+      /* @__PURE__ */ jsx18(
+        ParameterTable,
+        {
+          parameters: fn.parameters,
+          docstringSections: fn.docstring?.parsed
+        }
+      )
+    ] }),
+    additionalTextSections.length > 0 && /* @__PURE__ */ jsx18("section", { className: "mb-6 prose prose-sm dark:prose-invert max-w-none", children: additionalTextSections.map((section, i) => /* @__PURE__ */ jsx18(Markdown, { content: section.value }, i)) }),
+    !isMethod && relativeFilepath && /* @__PURE__ */ jsxs13("footer", { className: "mt-8 pt-6 border-t border-gray-200 dark:border-gray-700 space-y-4", children: [
+      /* @__PURE__ */ jsxs13("p", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx18("span", { className: "text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide", children: "File path:" }),
+        /* @__PURE__ */ jsx18(CodeSpan, { allowCopy: true, children: relativeFilepath })
+      ] }),
+      githubSourceUrl && /* @__PURE__ */ jsx18("p", { children: /* @__PURE__ */ jsx18(
+        "a",
+        {
+          href: githubSourceUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-sm font-semibold text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 uppercase tracking-wide",
+          children: "Open in GitHub"
+        }
+      ) })
+    ] })
+  ] });
+}
+
+// src/components/api/ClassDoc.tsx
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+function renderExpression4(expr) {
+  if (!expr) return "";
+  if (typeof expr === "string") return expr;
+  if (expr.str) return expr.str;
+  if (expr.canonical) return expr.canonical;
+  const exprAny = expr;
+  if (expr.name && typeof expr.name === "string") return expr.name;
+  if (exprAny.cls === "ExprBoolOp" && exprAny.operator && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderExpression4(v)).join(` ${exprAny.operator} `);
+  }
+  if (exprAny.cls === "ExprBinOp" && exprAny.left && exprAny.right) {
+    const left = renderExpression4(exprAny.left);
+    const right = renderExpression4(exprAny.right);
+    const op = exprAny.operator || "|";
+    return `${left} ${op} ${right}`;
+  }
+  if (exprAny.cls === "ExprCall" && exprAny.function) {
+    const funcName = renderExpression4(exprAny.function);
+    const args = Array.isArray(exprAny.arguments) ? exprAny.arguments.map((a) => renderExpression4(a)).join(", ") : "";
+    return `${funcName}(${args})`;
+  }
+  if (exprAny.cls === "ExprAttribute" && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderExpression4(v)).join(".");
+  }
+  if ("elements" in exprAny && Array.isArray(exprAny.elements)) {
+    const inner = exprAny.elements.map((el) => renderExpression4(el)).join(", ");
+    return exprAny.cls === "ExprTuple" ? `(${inner})` : `[${inner}]`;
+  }
+  if (exprAny.cls === "ExprDict" && Array.isArray(exprAny.keys) && Array.isArray(exprAny.values)) {
+    const pairs = exprAny.keys.map(
+      (k, i) => `${renderExpression4(k)}: ${renderExpression4(exprAny.values[i])}`
+    ).join(", ");
+    return `{${pairs}}`;
+  }
+  if (exprAny.left && exprAny.slice) {
+    const left = renderExpression4(exprAny.left);
+    const slice = renderExpression4(exprAny.slice);
+    return `${left}[${slice}]`;
+  }
+  if ("slice" in exprAny && exprAny.slice && !exprAny.left) {
+    return renderExpression4(exprAny.slice);
+  }
+  if (typeof expr === "object") {
+    return JSON.stringify(expr);
+  }
+  return String(expr);
+}
+function CollapsibleMethod({ method }) {
+  const [expanded, setExpanded] = useState12(false);
+  return /* @__PURE__ */ jsxs14("div", { className: "border-b border-gray-200 dark:border-gray-700 last:border-b-0", children: [
+    /* @__PURE__ */ jsxs14(
+      "button",
+      {
+        onClick: () => setExpanded(!expanded),
+        className: "w-full flex items-center gap-2 py-3 text-left hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx19("span", { className: "font-mono text-base font-semibold text-gray-900 dark:text-white", children: method.name }),
+          /* @__PURE__ */ jsx19("span", { className: "text-gray-400 text-sm", children: expanded ? "\u25B2" : "\u25BC" })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx19("div", { className: "pb-6", children: /* @__PURE__ */ jsx19(FunctionDoc, { fn: method, isMethod: true, showName: false }) })
+  ] });
+}
+function ClassDoc({ cls, prefix: _prefix = "/api", currentPath: _currentPath, githubUrl, className = "", displayPath }) {
+  const members = cls.members ?? {};
+  const methods = [];
+  const attributes = [];
+  for (const member of Object.values(members)) {
+    if (member.name.startsWith("_") && !member.name.startsWith("__")) continue;
+    if (member.kind === "function") {
+      methods.push(member);
+    } else if (member.kind === "attribute") {
+      attributes.push(member);
+    }
+  }
+  const initMethod = methods.find((m) => m.name === "__init__");
+  const publicMethods = methods.filter((m) => m.name !== "__init__" && !m.name.startsWith("_")).sort((a, b) => a.name.localeCompare(b.name));
+  const publicAttributes = attributes.filter((a) => !a.name.startsWith("_")).sort((a, b) => a.name.localeCompare(b.name));
+  const relativeFilepath = cls.relative_package_filepath || cls.relative_filepath || cls.filepath;
+  const githubSourceUrl = githubUrl && relativeFilepath && cls.lineno ? `${githubUrl}/blob/main/${relativeFilepath}#L${cls.lineno}-L${cls.endlineno || cls.lineno}` : void 0;
+  return /* @__PURE__ */ jsxs14("div", { className, children: [
+    /* @__PURE__ */ jsx19("h1", { id: cls.name, className: "font-mono text-2xl font-normal text-gray-900 dark:text-white mb-8", children: displayPath || cls.path || cls.name }),
+    initMethod && /* @__PURE__ */ jsxs14("section", { id: "constructor", className: "mb-8", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Constructor:" }),
+      initMethod.docstring && /* @__PURE__ */ jsx19("div", { className: "mb-6", children: /* @__PURE__ */ jsx19(Docstring, { docstring: initMethod.docstring, showOnlyText: true }) }),
+      /* @__PURE__ */ jsx19(FunctionDoc, { fn: initMethod, isMethod: true, showName: false })
+    ] }),
+    !initMethod && cls.docstring && /* @__PURE__ */ jsx19("section", { className: "mb-8", children: /* @__PURE__ */ jsx19(Docstring, { docstring: cls.docstring }) }),
+    publicMethods.length > 0 && /* @__PURE__ */ jsxs14("section", { id: "methods", className: "mb-8", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Methods:" }),
+      /* @__PURE__ */ jsx19("div", { children: publicMethods.map((method) => /* @__PURE__ */ jsx19(CollapsibleMethod, { method }, method.name)) })
+    ] }),
+    publicAttributes.length > 0 && /* @__PURE__ */ jsxs14("section", { id: "attributes", className: "mb-8", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Attributes:" }),
+      /* @__PURE__ */ jsx19("div", { className: "space-y-2", children: publicAttributes.map((attr) => /* @__PURE__ */ jsxs14("div", { className: "flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsxs14(CodeSpan, { children: [
+          attr.name,
+          ":"
+        ] }),
+        attr.annotation && /* @__PURE__ */ jsx19("span", { className: "text-sm text-gray-600 dark:text-gray-400 font-mono", children: renderExpression4(attr.annotation) })
+      ] }, attr.name)) })
+    ] }),
+    relativeFilepath && /* @__PURE__ */ jsxs14("footer", { className: "mt-8 pt-6 border-t border-gray-200 dark:border-gray-700 space-y-4", children: [
+      /* @__PURE__ */ jsxs14("p", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx19("span", { className: "text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide", children: "File path:" }),
+        /* @__PURE__ */ jsx19(CodeSpan, { allowCopy: true, children: relativeFilepath })
+      ] }),
+      githubSourceUrl && /* @__PURE__ */ jsx19("p", { children: /* @__PURE__ */ jsx19(
+        "a",
+        {
+          href: githubSourceUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-sm font-semibold text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 uppercase tracking-wide",
+          children: "Open in GitHub"
+        }
+      ) })
+    ] })
+  ] });
+}
+
+// src/components/api/ModuleDoc.tsx
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+function renderValue(value) {
+  if (!value) return "";
+  if (typeof value === "string") return value;
+  if (value.str) return value.str;
+  if (value.canonical) return value.canonical;
+  const exprAny = value;
+  if (value.name && typeof value.name === "string") return value.name;
+  if (exprAny.cls === "ExprBoolOp" && exprAny.operator && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderValue(v)).join(` ${exprAny.operator} `);
+  }
+  if (exprAny.cls === "ExprBinOp" && exprAny.left && exprAny.right) {
+    const left = renderValue(exprAny.left);
+    const right = renderValue(exprAny.right);
+    const op = exprAny.operator || "|";
+    return `${left} ${op} ${right}`;
+  }
+  if (exprAny.cls === "ExprCall" && exprAny.function) {
+    const funcName = renderValue(exprAny.function);
+    const args = Array.isArray(exprAny.arguments) ? exprAny.arguments.map((a) => renderValue(a)).join(", ") : "";
+    return `${funcName}(${args})`;
+  }
+  if (exprAny.cls === "ExprAttribute" && Array.isArray(exprAny.values)) {
+    return exprAny.values.map((v) => renderValue(v)).join(".");
+  }
+  if ("elements" in exprAny && Array.isArray(exprAny.elements)) {
+    const inner = exprAny.elements.map((el) => renderValue(el)).join(", ");
+    return exprAny.cls === "ExprTuple" ? `(${inner})` : `[${inner}]`;
+  }
+  if (exprAny.cls === "ExprDict" && Array.isArray(exprAny.keys) && Array.isArray(exprAny.values)) {
+    const pairs = exprAny.keys.map(
+      (k, i) => `${renderValue(k)}: ${renderValue(exprAny.values[i])}`
+    ).join(", ");
+    return `{${pairs}}`;
+  }
+  if (exprAny.left && exprAny.slice) {
+    const left = renderValue(exprAny.left);
+    const slice = renderValue(exprAny.slice);
+    return `${left}[${slice}]`;
+  }
+  if ("slice" in exprAny && exprAny.slice && !exprAny.left) {
+    return renderValue(exprAny.slice);
+  }
+  if (typeof value === "object") {
+    return JSON.stringify(value);
+  }
+  return String(value);
+}
+function ModuleDoc({ module, prefix = "/api", showFull = true, className = "", displayPath, githubUrl }) {
+  const members = module.members ?? {};
+  const submodules = [];
+  const classes = [];
+  const functions = [];
+  const attributes = [];
+  for (const member of Object.values(members)) {
+    switch (member.kind) {
+      case "module":
+        submodules.push(member);
+        break;
+      case "class":
+        classes.push(member);
+        break;
+      case "function":
+        functions.push(member);
+        break;
+      case "attribute":
+        attributes.push(member);
+        break;
+    }
+  }
+  submodules.sort((a, b) => a.name.localeCompare(b.name));
+  classes.sort((a, b) => a.name.localeCompare(b.name));
+  functions.sort((a, b) => a.name.localeCompare(b.name));
+  attributes.sort((a, b) => a.name.localeCompare(b.name));
+  const memberHref = (member) => {
+    const modulePath = module.path || module.name;
+    return `${prefix}/${modulePath}.${member.name}`;
+  };
+  return /* @__PURE__ */ jsxs15("div", { className, children: [
+    /* @__PURE__ */ jsxs15("h1", { id: module.name, className: "text-3xl font-bold text-gray-900 dark:text-white mb-2", children: [
+      /* @__PURE__ */ jsx20("span", { className: "text-gray-500 dark:text-gray-400 font-normal", children: "module " }),
+      displayPath || module.path || module.name
+    ] }),
+    module.docstring && /* @__PURE__ */ jsx20("div", { className: "mb-8", children: /* @__PURE__ */ jsx20(Docstring, { docstring: module.docstring }) }),
+    submodules.length > 0 && /* @__PURE__ */ jsxs15("div", { className: "mb-8", children: [
+      /* @__PURE__ */ jsx20("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-4 pb-2 border-b border-gray-200 dark:border-gray-700", children: "Submodules" }),
+      /* @__PURE__ */ jsx20("ul", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: submodules.map((submodule) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsxs15(
+        Link5,
+        {
+          href: `${prefix}/${submodule.path || submodule.name}`,
+          className: "block p-3 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-primary-300 dark:hover:border-primary-600 transition-colors",
+          children: [
+            /* @__PURE__ */ jsx20("div", { className: "font-mono text-sm text-primary-600 dark:text-primary-400", children: submodule.path || submodule.name }),
+            submodule.docstring && /* @__PURE__ */ jsx20("div", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2", children: submodule.docstring.value.split("\n")[0] })
+          ]
+        }
+      ) }, submodule.name)) })
+    ] }),
+    classes.length > 0 && /* @__PURE__ */ jsxs15("div", { id: "classes", className: "mb-8", children: [
+      /* @__PURE__ */ jsx20("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-4 pb-2 border-b border-gray-200 dark:border-gray-700", children: "Classes" }),
+      showFull ? /* @__PURE__ */ jsx20("div", { className: "space-y-12", children: classes.map((cls) => /* @__PURE__ */ jsx20(ClassDoc, { cls, prefix, githubUrl }, cls.name)) }) : /* @__PURE__ */ jsx20("ul", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: classes.map((cls) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsxs15(
+        Link5,
+        {
+          href: memberHref(cls),
+          className: "block p-3 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-primary-300 dark:hover:border-primary-600 transition-colors",
+          children: [
+            /* @__PURE__ */ jsx20("div", { className: "font-mono text-sm text-primary-600 dark:text-primary-400", children: cls.name }),
+            cls.docstring && /* @__PURE__ */ jsx20("div", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2", children: cls.docstring.value.split("\n")[0] })
+          ]
+        }
+      ) }, cls.name)) })
+    ] }),
+    functions.length > 0 && /* @__PURE__ */ jsxs15("div", { id: "functions", className: "mb-8", children: [
+      /* @__PURE__ */ jsx20("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-4 pb-2 border-b border-gray-200 dark:border-gray-700", children: "Functions" }),
+      showFull ? /* @__PURE__ */ jsx20("div", { className: "space-y-8", children: functions.map((fn) => /* @__PURE__ */ jsx20(FunctionDoc, { fn, githubUrl }, fn.name)) }) : /* @__PURE__ */ jsx20("ul", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: functions.map((fn) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsxs15(
+        Link5,
+        {
+          href: memberHref(fn),
+          className: "block p-3 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-primary-300 dark:hover:border-primary-600 transition-colors",
+          children: [
+            /* @__PURE__ */ jsxs15("div", { className: "font-mono text-sm text-primary-600 dark:text-primary-400", children: [
+              fn.name,
+              "()"
+            ] }),
+            fn.docstring && /* @__PURE__ */ jsx20("div", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2", children: fn.docstring.value.split("\n")[0] })
+          ]
+        }
+      ) }, fn.name)) })
+    ] }),
+    attributes.length > 0 && /* @__PURE__ */ jsxs15("div", { className: "mb-8", children: [
+      /* @__PURE__ */ jsx20("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-4 pb-2 border-b border-gray-200 dark:border-gray-700", children: "Attributes" }),
+      /* @__PURE__ */ jsx20("dl", { className: "space-y-3", children: attributes.map((attr) => /* @__PURE__ */ jsxs15("div", { id: attr.name, className: "scroll-mt-20", children: [
+        /* @__PURE__ */ jsxs15("dt", { className: "font-mono text-sm", children: [
+          /* @__PURE__ */ jsx20("span", { className: "text-orange-600 dark:text-orange-400 font-semibold", children: attr.name }),
+          attr.annotation && /* @__PURE__ */ jsxs15(Fragment5, { children: [
+            /* @__PURE__ */ jsx20("span", { className: "text-gray-600 dark:text-gray-400", children: ": " }),
+            /* @__PURE__ */ jsx20("span", { className: "text-green-600 dark:text-green-400", children: typeof attr.annotation === "string" ? attr.annotation : attr.annotation.str || attr.annotation.name })
+          ] }),
+          attr.value && /* @__PURE__ */ jsxs15(Fragment5, { children: [
+            /* @__PURE__ */ jsx20("span", { className: "text-gray-600 dark:text-gray-400", children: " = " }),
+            /* @__PURE__ */ jsx20("span", { className: "text-cyan-600 dark:text-cyan-400", children: renderValue(attr.value) })
+          ] })
+        ] }),
+        attr.docstring && /* @__PURE__ */ jsx20("dd", { className: "mt-1 text-sm text-gray-600 dark:text-gray-300 ml-4", children: attr.docstring.value })
+      ] }, attr.name)) })
+    ] }),
+    (module.relative_package_filepath || module.filepath) && /* @__PURE__ */ jsx20("div", { className: "mt-4 text-xs text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx20("span", { className: "font-mono", children: module.relative_package_filepath || module.filepath }) })
+  ] });
+}
+
+// src/components/api/TableOfContents.tsx
+function generateClassToc(cls) {
+  const items = [];
+  items.push({ id: cls.name, title: cls.name, level: 1 });
+  if (!cls.members) return items;
+  const members = Object.values(cls.members);
+  const methods = members.filter((m) => m.kind === "function");
+  const initMethod = methods.find((m) => m.name === "__init__");
+  const publicMethods = methods.filter((m) => m.name !== "__init__" && !m.name.startsWith("_")).sort((a, b) => a.name.localeCompare(b.name));
+  const publicAttributes = members.filter((m) => m.kind === "attribute" && !m.name.startsWith("_")).sort((a, b) => a.name.localeCompare(b.name));
+  if (initMethod) {
+    items.push({ id: "constructor", title: "Constructor", level: 2 });
+  }
+  if (publicMethods.length > 0) {
+    items.push({ id: "methods", title: "Methods", level: 2 });
+  }
+  if (publicAttributes.length > 0) {
+    items.push({ id: "attributes", title: "Attributes", level: 2 });
+  }
+  return items;
+}
+
+// src/components/api/APIPage.tsx
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+function resolveAlias(alias, apiData) {
+  const targetPath = alias.target_path;
+  if (!targetPath) return null;
+  const parts = targetPath.split(".");
+  const packageName = apiData.name;
+  let current = apiData;
+  for (let i = 0; i < parts.length; i++) {
+    const part = parts[i];
+    if (i === 0 && part === packageName) continue;
+    if (current.members) {
+      const member = current.members[part];
+      if (member) {
+        if (member.kind === "module" || member.kind === "class") {
+          current = member;
+        } else {
+          return member;
+        }
+      } else {
+        return null;
+      }
+    } else {
+      return null;
+    }
+  }
+  return current;
+}
+function generateTocItems(item, apiData) {
+  if (item.kind === "alias") {
+    const resolved = resolveAlias(item, apiData);
+    if (resolved) {
+      return generateTocItems(resolved, apiData);
+    }
+    return [];
+  }
+  if (item.kind === "class") {
+    return generateClassToc(item);
+  }
+  if (item.kind === "function") {
+    const fn = item;
+    const items = [{ id: fn.name, title: fn.name, level: 1 }];
+    if (fn.parameters && fn.parameters.length > 0) {
+      items.push({ id: "parameters", title: "Parameters", level: 2 });
+    }
+    return items;
+  }
+  if (item.kind === "module") {
+    const mod = item;
+    const items = [{ id: mod.name, title: mod.name, level: 1 }];
+    if (mod.members) {
+      const members = Object.values(mod.members);
+      const classes = members.filter((m) => m.kind === "class");
+      const functions = members.filter((m) => m.kind === "function");
+      if (classes.length > 0) {
+        items.push({ id: "classes", title: "Classes", level: 2 });
+      }
+      if (functions.length > 0) {
+        items.push({ id: "functions", title: "Functions", level: 2 });
+      }
+    }
+    return items;
+  }
+  return [];
+}
+function APIContent({
+  item,
+  prefix,
+  currentPath,
+  apiData,
+  displayPath,
+  githubUrl
+}) {
+  if (item.kind === "alias") {
+    const alias = item;
+    const resolved = resolveAlias(alias, apiData);
+    if (resolved) {
+      const aliasDisplayPath = alias.path || `${apiData.name}.${alias.name}`;
+      return /* @__PURE__ */ jsx21(APIContent, { item: resolved, prefix, currentPath, apiData, displayPath: aliasDisplayPath, githubUrl });
+    }
+    return /* @__PURE__ */ jsx21("div", { className: "text-gray-600 dark:text-gray-300", children: /* @__PURE__ */ jsxs16("p", { children: [
+      "Could not resolve alias: ",
+      alias.target_path
+    ] }) });
+  }
+  switch (item.kind) {
+    case "module":
+      return /* @__PURE__ */ jsx21(ModuleDoc, { module: item, prefix, showFull: true, displayPath, githubUrl });
+    case "class":
+      return /* @__PURE__ */ jsx21(ClassDoc, { cls: item, prefix, currentPath, displayPath, githubUrl });
+    case "function":
+      return /* @__PURE__ */ jsx21(FunctionDoc, { fn: item, displayPath, githubUrl });
+    default:
+      return /* @__PURE__ */ jsxs16("div", { className: "text-gray-600 dark:text-gray-300", children: [
+        /* @__PURE__ */ jsxs16("p", { children: [
+          "Unknown item type: ",
+          item.kind
+        ] }),
+        /* @__PURE__ */ jsx21("pre", { className: "mt-4 text-xs bg-gray-100 dark:bg-gray-800 p-4 rounded overflow-auto", children: JSON.stringify(item, null, 2) })
+      ] });
+  }
+}
+function APIPage({
+  apiData,
+  currentItem,
+  currentPath,
+  currentModule,
+  apiNav,
+  prefix,
+  logoUrl,
+  logoInvertedUrl,
+  footerLogoUrl,
+  footerLogoInvertedUrl,
+  githubUrl,
+  navLinks,
+  header,
+  headerHeight,
+  footer
+}) {
+  const itemToRender = currentItem || apiData;
+  let title = "API Reference";
+  if (itemToRender) {
+    const name = itemToRender.name || currentModule;
+    const kind = itemToRender.kind;
+    title = `${name} (${kind}) - API Reference`;
+  }
+  const tocItems = itemToRender ? generateTocItems(itemToRender, apiData) : [];
+  return /* @__PURE__ */ jsx21(
+    APILayout,
+    {
+      title,
+      apiNav,
+      currentPath,
+      logoUrl,
+      logoInvertedUrl,
+      footerLogoUrl,
+      footerLogoInvertedUrl,
+      githubUrl,
+      navLinks,
+      rightSidebar: tocItems.length > 0 ? /* @__PURE__ */ jsx21(TableOfContents, { items: tocItems }) : void 0,
+      header,
+      headerHeight,
+      footer,
+      children: /* @__PURE__ */ jsx21(APIContent, { item: itemToRender, prefix, currentPath, apiData, githubUrl })
+    }
+  );
+}
+
+// src/components/api/Breadcrumb.tsx
+import { Link as Link6 } from "@inertiajs/react";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+
 // src/app.tsx
 import { createInertiaApp } from "@inertiajs/react";
 import { createRoot, hydrateRoot } from "react-dom/client";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function createDocsApp(config) {
   const { pages, title, components } = config;
   if (typeof window !== "undefined") {
@@ -1322,7 +2573,7 @@ function createDocsApp(config) {
       return page;
     },
     setup({ el, App, props }) {
-      const appElement = /* @__PURE__ */ jsx13(ThemeProvider, { children: /* @__PURE__ */ jsx13(ComponentsProvider, { components, children: /* @__PURE__ */ jsx13(App, { ...props }) }) });
+      const appElement = /* @__PURE__ */ jsx23(ThemeProvider, { children: /* @__PURE__ */ jsx23(ComponentsProvider, { components, children: /* @__PURE__ */ jsx23(App, { ...props }) }) });
       if (el.hasChildNodes()) {
         hydrateRoot(el, appElement);
       } else {
@@ -1332,11 +2583,16 @@ function createDocsApp(config) {
   });
 }
 export {
+  APILayout,
+  APIPage,
+  ClassDoc,
   CodeBlock,
   DocSetSelector,
   DocsLayout,
   DocsPage,
+  Docstring,
   EmojiConfetti,
+  FunctionDoc,
   HomeCTA,
   HomeFeatureItem,
   HomeFeatures,
@@ -1346,7 +2602,11 @@ export {
   HomePage,
   InlineCode,
   Markdown,
+  MobileMenuButton,
+  ModuleDoc,
+  ParameterTable,
   Sidebar,
+  Signature,
   TableOfContents,
   ThemeProvider,
   ThemeToggle,