@openpkg-ts/doc-generator 0.5.0 → 0.6.0

package/dist/react-styled.js

@@ -4195,7 +4195,7 @@ function TypeTable({
 // src/components/styled/index.ts
 import { CodeTabs, ImportSection } from "@doccov/ui/api";
 
-// src/components/styled/ClassPage.tsx
+// src/components/styled/sections/ClassSection.tsx
 import {
   APIParameterItem,
   APISection,
@@ -4328,7 +4328,7 @@ function buildImportStatement(exp, spec) {
   return `import { ${alias} } from '${importPath}'`;
 }
 
-// src/components/styled/ClassPage.tsx
+// src/components/styled/sections/ClassSection.tsx
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 
 function formatMethodSignature(member) {
@@ -4352,7 +4352,7 @@ function getMemberBadges(member) {
     badges.push("async");
   return badges;
 }
-function ClassPage({ export: exp, spec }) {
+function ClassSection({ export: exp, spec }) {
   const constructors = exp.members?.filter((m) => m.kind === "constructor") ?? [];
   const properties = exp.members?.filter((m) => m.kind === "property" || m.kind === "field") ?? [];
   const methods = exp.members?.filter((m) => m.kind === "method") ?? [];
@@ -4377,104 +4377,114 @@ const instance = new ${exp.name}(${constructorParams.map((p) => p.name).join(",
     exp.extends && `extends ${exp.extends}`,
     exp.implements?.length && `implements ${exp.implements.join(", ")}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx8("div", {
-    className: "doccov-class-page not-prose",
-    children: /* @__PURE__ */ jsxs7(APISection, {
-      id: exp.id || exp.name,
-      title: `class ${exp.name}`,
-      description: /* @__PURE__ */ jsxs7("div", {
-        className: "space-y-3",
-        children: [
-          inheritance && /* @__PURE__ */ jsx8("p", {
-            className: "font-mono text-sm text-muted-foreground",
-            children: inheritance
-          }),
-          exp.description && /* @__PURE__ */ jsx8("p", {
-            children: exp.description
-          }),
-          /* @__PURE__ */ jsx8("code", {
-            className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
-            children: importStatement
-          })
-        ]
-      }),
-      languages: displayLanguages,
-      examples: displayExamples,
-      codePanelTitle: `new ${exp.name}()`,
+  return /* @__PURE__ */ jsxs7(APISection, {
+    id: exp.id || exp.name,
+    title: `class ${exp.name}`,
+    description: /* @__PURE__ */ jsxs7("div", {
+      className: "space-y-3",
       children: [
-        constructorParams.length > 0 && /* @__PURE__ */ jsx8(ParameterList, {
-          title: "Constructor",
-          children: constructorParams.map((param, index) => {
-            const apiParam = specParamToAPIParam(param);
-            return /* @__PURE__ */ jsx8(APIParameterItem, {
-              name: apiParam.name,
-              type: apiParam.type,
-              required: apiParam.required,
-              description: apiParam.description,
-              children: apiParam.children
-            }, param.name ?? index);
-          })
+        inheritance && /* @__PURE__ */ jsx8("p", {
+          className: "font-mono text-sm text-muted-foreground",
+          children: inheritance
         }),
-        (staticProperties.length > 0 || staticMethods.length > 0) && /* @__PURE__ */ jsxs7(ParameterList, {
-          title: "Static Members",
-          className: "mt-6",
-          children: [
-            staticProperties.map((member) => {
-              const badges = getMemberBadges(member);
-              return /* @__PURE__ */ jsx8(APIParameterItem, {
-                name: member.name,
-                type: formatSchema(member.schema),
-                description: badges.length > 0 ? `[${badges.join(", ")}] ${member.description || ""}` : member.description
-              }, member.name);
-            }),
-            staticMethods.map((member) => {
-              const badges = getMemberBadges(member);
-              return /* @__PURE__ */ jsx8(APIParameterItem, {
-                name: `${member.name}()`,
-                type: formatMethodSignature(member),
-                description: badges.length > 0 ? `[${badges.join(", ")}] ${member.description || ""}` : member.description
-              }, member.name);
-            })
-          ]
+        exp.description && /* @__PURE__ */ jsx8("p", {
+          children: exp.description
         }),
-        instanceMethods.length > 0 && /* @__PURE__ */ jsx8(ParameterList, {
-          title: "Methods",
-          className: "mt-6",
-          children: instanceMethods.map((member) => {
+        /* @__PURE__ */ jsx8("code", {
+          className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
+          children: importStatement
+        })
+      ]
+    }),
+    languages: displayLanguages,
+    examples: displayExamples,
+    codePanelTitle: `new ${exp.name}()`,
+    children: [
+      constructorParams.length > 0 && /* @__PURE__ */ jsx8(ParameterList, {
+        title: "Constructor",
+        children: constructorParams.map((param, index) => {
+          const apiParam = specParamToAPIParam(param);
+          return /* @__PURE__ */ jsx8(APIParameterItem, {
+            name: apiParam.name,
+            type: apiParam.type,
+            required: apiParam.required,
+            description: apiParam.description,
+            children: apiParam.children
+          }, param.name ?? index);
+        })
+      }),
+      (staticProperties.length > 0 || staticMethods.length > 0) && /* @__PURE__ */ jsxs7(ParameterList, {
+        title: "Static Members",
+        className: "mt-6",
+        children: [
+          staticProperties.map((member) => {
             const badges = getMemberBadges(member);
             return /* @__PURE__ */ jsx8(APIParameterItem, {
-              name: `${member.name}()`,
-              type: formatMethodSignature(member),
+              name: member.name,
+              type: formatSchema(member.schema),
               description: badges.length > 0 ? `[${badges.join(", ")}] ${member.description || ""}` : member.description
             }, member.name);
-          })
-        }),
-        instanceProperties.length > 0 && /* @__PURE__ */ jsx8(ParameterList, {
-          title: "Properties",
-          className: "mt-6",
-          children: instanceProperties.map((member) => {
+          }),
+          staticMethods.map((member) => {
             const badges = getMemberBadges(member);
             return /* @__PURE__ */ jsx8(APIParameterItem, {
-              name: member.name,
-              type: formatSchema(member.schema),
+              name: `${member.name}()`,
+              type: formatMethodSignature(member),
               description: badges.length > 0 ? `[${badges.join(", ")}] ${member.description || ""}` : member.description
             }, member.name);
           })
+        ]
+      }),
+      instanceMethods.length > 0 && /* @__PURE__ */ jsx8(ParameterList, {
+        title: "Methods",
+        className: "mt-6",
+        children: instanceMethods.map((member) => {
+          const badges = getMemberBadges(member);
+          return /* @__PURE__ */ jsx8(APIParameterItem, {
+            name: `${member.name}()`,
+            type: formatMethodSignature(member),
+            description: badges.length > 0 ? `[${badges.join(", ")}] ${member.description || ""}` : member.description
+          }, member.name);
         })
-      ]
+      }),
+      instanceProperties.length > 0 && /* @__PURE__ */ jsx8(ParameterList, {
+        title: "Properties",
+        className: "mt-6",
+        children: instanceProperties.map((member) => {
+          const badges = getMemberBadges(member);
+          return /* @__PURE__ */ jsx8(APIParameterItem, {
+            name: member.name,
+            type: formatSchema(member.schema),
+            description: badges.length > 0 ? `[${badges.join(", ")}] ${member.description || ""}` : member.description
+          }, member.name);
+        })
+      })
+    ]
+  });
+}
+
+// src/components/styled/ClassPage.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+
+function ClassPage({ export: exp, spec }) {
+  return /* @__PURE__ */ jsx9("div", {
+    className: "doccov-class-page not-prose",
+    children: /* @__PURE__ */ jsx9(ClassSection, {
+      export: exp,
+      spec
     })
   });
 }
 
-// src/components/styled/EnumPage.tsx
+// src/components/styled/sections/EnumSection.tsx
 import {
   APIParameterItem as APIParameterItem2,
   APISection as APISection2,
   ParameterList as ParameterList2
 } from "@doccov/ui/docskit";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 
-function EnumPage({ export: exp, spec }) {
+function EnumSection({ export: exp, spec }) {
   const members = exp.members ?? [];
   const languages = getLanguagesFromExamples(exp.examples);
   const examples = specExamplesToCodeExamples(exp.examples);
@@ -4494,50 +4504,60 @@ ${enumDefinition}`,
     highlightLang: "ts"
   }];
   const displayLanguages = languages.length > 0 ? languages : [{ id: "typescript", label: "TypeScript" }];
-  return /* @__PURE__ */ jsx9("div", {
-    className: "doccov-enum-page not-prose",
-    children: /* @__PURE__ */ jsx9(APISection2, {
-      id: exp.id || exp.name,
-      title: `enum ${exp.name}`,
-      description: /* @__PURE__ */ jsxs8("div", {
-        className: "space-y-3",
-        children: [
-          exp.description && /* @__PURE__ */ jsx9("p", {
-            children: exp.description
-          }),
-          exp.deprecated && /* @__PURE__ */ jsxs8("div", {
-            className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
-            children: [
-              /* @__PURE__ */ jsx9("strong", {
-                children: "Deprecated:"
-              }),
-              " This export is deprecated."
-            ]
-          }),
-          /* @__PURE__ */ jsx9("code", {
-            className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
-            children: importStatement
-          })
-        ]
-      }),
-      languages: displayLanguages,
-      examples: displayExamples,
-      codePanelTitle: exp.name,
-      children: members.length > 0 && /* @__PURE__ */ jsx9(ParameterList2, {
-        title: "Members",
-        children: members.map((member, index) => {
-          const value = member.schema !== undefined ? typeof member.schema === "object" && member.schema !== null ? member.schema.const ?? member.schema.default ?? undefined : member.schema : undefined;
-          return /* @__PURE__ */ jsx9(APIParameterItem2, {
-            name: member.name,
-            type: value !== undefined ? String(value) : "auto",
-            description: member.description
-          }, member.name ?? index);
+  return /* @__PURE__ */ jsx10(APISection2, {
+    id: exp.id || exp.name,
+    title: `enum ${exp.name}`,
+    description: /* @__PURE__ */ jsxs8("div", {
+      className: "space-y-3",
+      children: [
+        exp.description && /* @__PURE__ */ jsx10("p", {
+          children: exp.description
+        }),
+        exp.deprecated && /* @__PURE__ */ jsxs8("div", {
+          className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
+          children: [
+            /* @__PURE__ */ jsx10("strong", {
+              children: "Deprecated:"
+            }),
+            " This export is deprecated."
+          ]
+        }),
+        /* @__PURE__ */ jsx10("code", {
+          className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
+          children: importStatement
         })
+      ]
+    }),
+    languages: displayLanguages,
+    examples: displayExamples,
+    codePanelTitle: exp.name,
+    children: members.length > 0 && /* @__PURE__ */ jsx10(ParameterList2, {
+      title: "Members",
+      children: members.map((member, index) => {
+        const value = member.schema !== undefined ? typeof member.schema === "object" && member.schema !== null ? member.schema.const ?? member.schema.default ?? undefined : member.schema : undefined;
+        return /* @__PURE__ */ jsx10(APIParameterItem2, {
+          name: member.name,
+          type: value !== undefined ? String(value) : "auto",
+          description: member.description
+        }, member.name ?? index);
       })
     })
   });
 }
 
+// src/components/styled/EnumPage.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+
+function EnumPage({ export: exp, spec }) {
+  return /* @__PURE__ */ jsx11("div", {
+    className: "doccov-enum-page not-prose",
+    children: /* @__PURE__ */ jsx11(EnumSection, {
+      export: exp,
+      spec
+    })
+  });
+}
+
 // src/components/styled/ExportIndexPage.tsx
 import { cn as cn2 } from "@doccov/ui/lib/utils";
 
@@ -22578,7 +22598,7 @@ import { useState as useState4, useMemo } from "react";
 // src/components/styled/ExportCard.tsx
 var import_link3 = __toESM(require_link(), 1);
 import { cn } from "@doccov/ui/lib/utils";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 
 var KIND_COLORS = {
   function: "group-hover:text-blue-600 dark:group-hover:text-blue-400",
@@ -22613,21 +22633,21 @@ function ExportCard({
       /* @__PURE__ */ jsxs9("div", {
         className: "flex items-center gap-2 mb-2",
         children: [
-          /* @__PURE__ */ jsx10("span", {
+          /* @__PURE__ */ jsx12("span", {
             className: cn("font-mono text-base font-medium text-foreground transition-colors duration-200", hoverColor),
             children: name
           }),
-          isFunction && /* @__PURE__ */ jsx10("span", {
+          isFunction && /* @__PURE__ */ jsx12("span", {
             className: "font-mono text-base text-muted-foreground",
             children: "()"
           }),
-          /* @__PURE__ */ jsx10("span", {
+          /* @__PURE__ */ jsx12("span", {
             className: cn("ml-auto text-xs px-2 py-0.5 rounded-full font-medium", badgeColor),
             children: kind
           })
         ]
       }),
-      description && /* @__PURE__ */ jsx10("p", {
+      description && /* @__PURE__ */ jsx12("p", {
         className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed group-hover:text-muted-foreground/80 transition-colors",
         children: description
       })
@@ -22636,7 +22656,7 @@ function ExportCard({
 }
 
 // src/components/styled/ExportIndexPage.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 
 var KIND_ORDER = ["function", "class", "interface", "type", "enum", "variable"];
 var KIND_LABELS = {
@@ -22692,11 +22712,11 @@ function ExportIndexPage({
     children: [
       /* @__PURE__ */ jsxs10("div", {
         children: [
-          /* @__PURE__ */ jsx11("h1", {
+          /* @__PURE__ */ jsx13("h1", {
             className: "text-3xl font-bold text-foreground mb-3",
             children: spec.meta.name || "API Reference"
           }),
-          (description || spec.meta.description) && /* @__PURE__ */ jsx11("p", {
+          (description || spec.meta.description) && /* @__PURE__ */ jsx13("p", {
             className: "text-muted-foreground text-lg leading-relaxed max-w-3xl",
             children: description || spec.meta.description
           })
@@ -22708,11 +22728,11 @@ function ExportIndexPage({
           showSearch && /* @__PURE__ */ jsxs10("div", {
             className: "relative max-w-md",
             children: [
-              /* @__PURE__ */ jsx11(Search, {
+              /* @__PURE__ */ jsx13(Search, {
                 size: 18,
                 className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
               }),
-              /* @__PURE__ */ jsx11("input", {
+              /* @__PURE__ */ jsx13("input", {
                 type: "text",
                 placeholder: "Search exports...",
                 value: searchQuery,
@@ -22724,13 +22744,13 @@ function ExportIndexPage({
           showFilters && availableKinds.length > 1 && /* @__PURE__ */ jsxs10("div", {
             className: "flex flex-wrap gap-2",
             children: [
-              /* @__PURE__ */ jsx11("button", {
+              /* @__PURE__ */ jsx13("button", {
                 type: "button",
                 onClick: () => setActiveFilter("all"),
                 className: cn2("px-3 py-1.5 text-sm rounded-md transition-all cursor-pointer", activeFilter === "all" ? "bg-primary text-primary-foreground font-medium" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"),
                 children: "All"
               }),
-              availableKinds.map((kind) => /* @__PURE__ */ jsx11("button", {
+              availableKinds.map((kind) => /* @__PURE__ */ jsx13("button", {
                 type: "button",
                 onClick: () => setActiveFilter(kind),
                 className: cn2("px-3 py-1.5 text-sm rounded-md transition-all cursor-pointer", activeFilter === kind ? "bg-primary text-primary-foreground font-medium" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"),
@@ -22751,13 +22771,13 @@ function ExportIndexPage({
       }),
       filteredGroups.map((group) => /* @__PURE__ */ jsxs10("section", {
         children: [
-          /* @__PURE__ */ jsx11("h2", {
+          /* @__PURE__ */ jsx13("h2", {
             className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
             children: group.label
           }),
-          /* @__PURE__ */ jsx11("div", {
+          /* @__PURE__ */ jsx13("div", {
             className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-            children: group.exports.map((exp) => /* @__PURE__ */ jsx11(ExportCard, {
+            children: group.exports.map((exp) => /* @__PURE__ */ jsx13(ExportCard, {
               name: exp.name,
               description: exp.description,
               href: `${baseHref}/${group.kind}s/${exp.id}`,
@@ -22769,11 +22789,11 @@ function ExportIndexPage({
       filteredGroups.length === 0 && /* @__PURE__ */ jsxs10("div", {
         className: "rounded-lg border border-border bg-card/50 p-8 text-center",
         children: [
-          /* @__PURE__ */ jsx11("p", {
+          /* @__PURE__ */ jsx13("p", {
             className: "text-muted-foreground",
             children: searchQuery || activeFilter !== "all" ? "No exports match your search." : "No exports found in this package."
           }),
-          (searchQuery || activeFilter !== "all") && /* @__PURE__ */ jsx11("button", {
+          (searchQuery || activeFilter !== "all") && /* @__PURE__ */ jsx13("button", {
             type: "button",
             onClick: () => {
               setSearchQuery("");
@@ -22788,22 +22808,21 @@ function ExportIndexPage({
   });
 }
 
-// src/components/styled/FunctionPage.tsx
+// src/components/styled/sections/FunctionSection.tsx
 import {
   APIParameterItem as APIParameterItem3,
   APISection as APISection3,
   ParameterList as ParameterList3,
   ResponseBlock
 } from "@doccov/ui/docskit";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 
-function FunctionPage({
+function FunctionSection({
   export: exp,
   spec
 }) {
   const sig = exp.signatures?.[0];
   const hasParams = sig?.parameters && sig.parameters.length > 0;
-  const hasExamples = exp.examples && exp.examples.length > 0;
   const languages = getLanguagesFromExamples(exp.examples);
   const examples = specExamplesToCodeExamples(exp.examples);
   const importStatement = buildImportStatement(exp, spec);
@@ -22816,76 +22835,89 @@ ${exp.name}(${sig?.parameters?.map((p) => p.name).join(", ") || ""})`,
     highlightLang: "ts"
   }];
   const displayLanguages = languages.length > 0 ? languages : [{ id: "typescript", label: "TypeScript" }];
-  return /* @__PURE__ */ jsx12("div", {
-    className: "doccov-function-page not-prose",
-    children: /* @__PURE__ */ jsxs11(APISection3, {
-      id: exp.id || exp.name,
-      title: `${exp.name}()`,
-      description: /* @__PURE__ */ jsxs11("div", {
-        className: "space-y-3",
-        children: [
-          exp.description && /* @__PURE__ */ jsx12("p", {
-            children: exp.description
-          }),
-          /* @__PURE__ */ jsx12("code", {
-            className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
-            children: importStatement
-          })
-        ]
-      }),
-      languages: displayLanguages,
-      examples: displayExamples,
-      codePanelTitle: `${exp.name}()`,
+  return /* @__PURE__ */ jsxs11(APISection3, {
+    id: exp.id || exp.name,
+    title: `${exp.name}()`,
+    description: /* @__PURE__ */ jsxs11("div", {
+      className: "space-y-3",
       children: [
-        hasParams && /* @__PURE__ */ jsx12(ParameterList3, {
-          title: "Parameters",
-          children: sig.parameters.map((param, index) => {
-            const apiParam = specParamToAPIParam(param);
-            return /* @__PURE__ */ jsx12(APIParameterItem3, {
-              name: apiParam.name,
-              type: apiParam.type,
-              required: apiParam.required,
-              description: apiParam.description,
-              children: apiParam.children
-            }, param.name ?? index);
-          })
-        }),
-        sig?.returns && /* @__PURE__ */ jsx12(ResponseBlock, {
-          description: /* @__PURE__ */ jsxs11("span", {
-            children: [
-              /* @__PURE__ */ jsx12("span", {
-                className: "font-mono text-sm font-medium",
-                children: formatSchema(sig.returns.schema)
-              }),
-              sig.returns.description && /* @__PURE__ */ jsx12("span", {
-                className: "ml-2 text-muted-foreground",
-                children: sig.returns.description
-              })
-            ]
-          }),
-          className: "mt-6"
+        exp.description && /* @__PURE__ */ jsx14("p", {
+          children: exp.description
         }),
-        exp.typeParameters && exp.typeParameters.length > 0 && /* @__PURE__ */ jsx12(ParameterList3, {
-          title: "Type Parameters",
-          className: "mt-6",
-          children: exp.typeParameters.map((tp) => /* @__PURE__ */ jsx12(APIParameterItem3, {
-            name: tp.name,
-            type: tp.constraint || "unknown",
-            description: tp.default ? `Default: ${tp.default}` : undefined
-          }, tp.name))
+        /* @__PURE__ */ jsx14("code", {
+          className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
+          children: importStatement
         })
       ]
+    }),
+    languages: displayLanguages,
+    examples: displayExamples,
+    codePanelTitle: `${exp.name}()`,
+    children: [
+      hasParams && /* @__PURE__ */ jsx14(ParameterList3, {
+        title: "Parameters",
+        children: sig.parameters.map((param, index) => {
+          const apiParam = specParamToAPIParam(param);
+          return /* @__PURE__ */ jsx14(APIParameterItem3, {
+            name: apiParam.name,
+            type: apiParam.type,
+            required: apiParam.required,
+            description: apiParam.description,
+            children: apiParam.children
+          }, param.name ?? index);
+        })
+      }),
+      sig?.returns && /* @__PURE__ */ jsx14(ResponseBlock, {
+        description: /* @__PURE__ */ jsxs11("span", {
+          children: [
+            /* @__PURE__ */ jsx14("span", {
+              className: "font-mono text-sm font-medium",
+              children: formatSchema(sig.returns.schema)
+            }),
+            sig.returns.description && /* @__PURE__ */ jsx14("span", {
+              className: "ml-2 text-muted-foreground",
+              children: sig.returns.description
+            })
+          ]
+        }),
+        className: "mt-6"
+      }),
+      exp.typeParameters && exp.typeParameters.length > 0 && /* @__PURE__ */ jsx14(ParameterList3, {
+        title: "Type Parameters",
+        className: "mt-6",
+        children: exp.typeParameters.map((tp) => /* @__PURE__ */ jsx14(APIParameterItem3, {
+          name: tp.name,
+          type: tp.constraint || "unknown",
+          description: tp.default ? `Default: ${tp.default}` : undefined
+        }, tp.name))
+      })
+    ]
+  });
+}
+
+// src/components/styled/FunctionPage.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+
+function FunctionPage({
+  export: exp,
+  spec
+}) {
+  return /* @__PURE__ */ jsx15("div", {
+    className: "doccov-function-page not-prose",
+    children: /* @__PURE__ */ jsx15(FunctionSection, {
+      export: exp,
+      spec
     })
   });
 }
 
-// src/components/styled/InterfacePage.tsx
+// src/components/styled/sections/InterfaceSection.tsx
 import {
   APIParameterItem as APIParameterItem4,
   APISection as APISection4,
   ParameterList as ParameterList4
 } from "@doccov/ui/docskit";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 
 function formatMethodSignature2(member) {
   const sig = member.signatures?.[0];
@@ -22894,7 +22926,7 @@ function formatMethodSignature2(member) {
   const paramStr = params.map((p) => `${p.name}${p.required === false ? "?" : ""}: ${formatSchema(p.schema)}`).join(", ");
   return `(${paramStr}): ${returnType}`;
 }
-function InterfacePage({
+function InterfaceSection({
   export: exp,
   spec
 }) {
@@ -22916,81 +22948,94 @@ ${typeDefinition}`,
   }];
   const displayLanguages = languages.length > 0 ? languages : [{ id: "typescript", label: "TypeScript" }];
   const kindLabel = exp.kind === "type" ? "type" : "interface";
-  return /* @__PURE__ */ jsx13("div", {
-    className: "doccov-interface-page not-prose",
-    children: /* @__PURE__ */ jsxs12(APISection4, {
-      id: exp.id || exp.name,
-      title: `${kindLabel} ${exp.name}`,
-      description: /* @__PURE__ */ jsxs12("div", {
-        className: "space-y-3",
-        children: [
-          exp.extends && /* @__PURE__ */ jsxs12("p", {
-            className: "font-mono text-sm text-muted-foreground",
-            children: [
-              "extends ",
-              exp.extends
-            ]
-          }),
-          exp.description && /* @__PURE__ */ jsx13("p", {
-            children: exp.description
-          }),
-          exp.deprecated && /* @__PURE__ */ jsxs12("div", {
-            className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
-            children: [
-              /* @__PURE__ */ jsx13("strong", {
-                children: "Deprecated:"
-              }),
-              " This export is deprecated."
-            ]
-          }),
-          /* @__PURE__ */ jsx13("code", {
-            className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
-            children: importStatement
-          })
-        ]
-      }),
-      languages: displayLanguages,
-      examples: displayExamples,
-      codePanelTitle: exp.name,
+  return /* @__PURE__ */ jsxs12(APISection4, {
+    id: exp.id || exp.name,
+    title: `${kindLabel} ${exp.name}`,
+    description: /* @__PURE__ */ jsxs12("div", {
+      className: "space-y-3",
       children: [
-        properties.length > 0 && /* @__PURE__ */ jsx13(ParameterList4, {
-          title: "Properties",
-          children: properties.map((prop, index) => {
-            const type = formatSchema(prop.schema);
-            const children = specSchemaToAPISchema(prop.schema);
-            const hasNestedProperties = children?.properties && Object.keys(children.properties).length > 0;
-            return /* @__PURE__ */ jsx13(APIParameterItem4, {
-              name: prop.name,
-              type,
-              required: prop.required !== false,
-              description: prop.description,
-              children: hasNestedProperties ? children : undefined
-            }, prop.name ?? index);
-          })
+        exp.extends && /* @__PURE__ */ jsxs12("p", {
+          className: "font-mono text-sm text-muted-foreground",
+          children: [
+            "extends ",
+            exp.extends
+          ]
+        }),
+        exp.description && /* @__PURE__ */ jsx16("p", {
+          children: exp.description
         }),
-        methods.length > 0 && /* @__PURE__ */ jsx13(ParameterList4, {
-          title: "Methods",
-          className: "mt-6",
-          children: methods.map((method, index) => /* @__PURE__ */ jsx13(APIParameterItem4, {
-            name: `${method.name}()`,
-            type: formatMethodSignature2(method),
-            description: method.description
-          }, method.name ?? index))
+        exp.deprecated && /* @__PURE__ */ jsxs12("div", {
+          className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
+          children: [
+            /* @__PURE__ */ jsx16("strong", {
+              children: "Deprecated:"
+            }),
+            " This export is deprecated."
+          ]
+        }),
+        /* @__PURE__ */ jsx16("code", {
+          className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
+          children: importStatement
         })
       ]
+    }),
+    languages: displayLanguages,
+    examples: displayExamples,
+    codePanelTitle: exp.name,
+    children: [
+      properties.length > 0 && /* @__PURE__ */ jsx16(ParameterList4, {
+        title: "Properties",
+        children: properties.map((prop, index) => {
+          const type = formatSchema(prop.schema);
+          const children = specSchemaToAPISchema(prop.schema);
+          const hasNestedProperties = children?.properties && Object.keys(children.properties).length > 0;
+          return /* @__PURE__ */ jsx16(APIParameterItem4, {
+            name: prop.name,
+            type,
+            required: prop.required !== false,
+            description: prop.description,
+            children: hasNestedProperties ? children : undefined
+          }, prop.name ?? index);
+        })
+      }),
+      methods.length > 0 && /* @__PURE__ */ jsx16(ParameterList4, {
+        title: "Methods",
+        className: "mt-6",
+        children: methods.map((method, index) => /* @__PURE__ */ jsx16(APIParameterItem4, {
+          name: `${method.name}()`,
+          type: formatMethodSignature2(method),
+          description: method.description
+        }, method.name ?? index))
+      })
+    ]
+  });
+}
+
+// src/components/styled/InterfacePage.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+
+function InterfacePage({
+  export: exp,
+  spec
+}) {
+  return /* @__PURE__ */ jsx17("div", {
+    className: "doccov-interface-page not-prose",
+    children: /* @__PURE__ */ jsx17(InterfaceSection, {
+      export: exp,
+      spec
     })
   });
 }
 
-// src/components/styled/VariablePage.tsx
+// src/components/styled/sections/VariableSection.tsx
 import {
   APIParameterItem as APIParameterItem5,
   APISection as APISection5,
   ParameterList as ParameterList5
 } from "@doccov/ui/docskit";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 
-function VariablePage({
+function VariableSection({
   export: exp,
   spec
 }) {
@@ -23007,58 +23052,71 @@ console.log(${exp.name}); // ${constValue !== undefined ? JSON.stringify(constVa
     highlightLang: "ts"
   }];
   const displayLanguages = languages.length > 0 ? languages : [{ id: "typescript", label: "TypeScript" }];
-  return /* @__PURE__ */ jsx14("div", {
-    className: "doccov-variable-page not-prose",
-    children: /* @__PURE__ */ jsx14(APISection5, {
-      id: exp.id || exp.name,
-      title: `const ${exp.name}`,
-      description: /* @__PURE__ */ jsxs13("div", {
-        className: "space-y-3",
-        children: [
-          exp.description && /* @__PURE__ */ jsx14("p", {
-            children: exp.description
-          }),
-          exp.deprecated && /* @__PURE__ */ jsxs13("div", {
-            className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
-            children: [
-              /* @__PURE__ */ jsx14("strong", {
-                children: "Deprecated:"
-              }),
-              " This export is deprecated."
-            ]
-          }),
-          /* @__PURE__ */ jsx14("code", {
-            className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
-            children: importStatement
-          })
-        ]
-      }),
-      languages: displayLanguages,
-      examples: displayExamples,
-      codePanelTitle: exp.name,
-      children: /* @__PURE__ */ jsx14(ParameterList5, {
-        title: "Type",
-        children: /* @__PURE__ */ jsx14(APIParameterItem5, {
-          name: exp.name,
-          type: typeValue,
-          description: constValue !== undefined ? `Value: ${JSON.stringify(constValue)}` : undefined
+  return /* @__PURE__ */ jsx18(APISection5, {
+    id: exp.id || exp.name,
+    title: `const ${exp.name}`,
+    description: /* @__PURE__ */ jsxs13("div", {
+      className: "space-y-3",
+      children: [
+        exp.description && /* @__PURE__ */ jsx18("p", {
+          children: exp.description
+        }),
+        exp.deprecated && /* @__PURE__ */ jsxs13("div", {
+          className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
+          children: [
+            /* @__PURE__ */ jsx18("strong", {
+              children: "Deprecated:"
+            }),
+            " This export is deprecated."
+          ]
+        }),
+        /* @__PURE__ */ jsx18("code", {
+          className: "text-sm font-mono bg-muted px-2 py-1 rounded inline-block",
+          children: importStatement
         })
+      ]
+    }),
+    languages: displayLanguages,
+    examples: displayExamples,
+    codePanelTitle: exp.name,
+    children: /* @__PURE__ */ jsx18(ParameterList5, {
+      title: "Type",
+      children: /* @__PURE__ */ jsx18(APIParameterItem5, {
+        name: exp.name,
+        type: typeValue,
+        description: constValue !== undefined ? `Value: ${JSON.stringify(constValue)}` : undefined
       })
     })
   });
 }
 
+// src/components/styled/VariablePage.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+
+function VariablePage({
+  export: exp,
+  spec
+}) {
+  return /* @__PURE__ */ jsx19("div", {
+    className: "doccov-variable-page not-prose",
+    children: /* @__PURE__ */ jsx19(VariableSection, {
+      export: exp,
+      spec
+    })
+  });
+}
+
 // src/components/styled/APIPage.tsx
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 
 function NotFound({ id }) {
-  return /* @__PURE__ */ jsx15("div", {
+  return /* @__PURE__ */ jsx20("div", {
     className: "rounded-lg border border-border bg-card p-6 text-center",
     children: /* @__PURE__ */ jsxs14("p", {
       className: "text-muted-foreground",
       children: [
         "Export ",
-        /* @__PURE__ */ jsx15("code", {
+        /* @__PURE__ */ jsx20("code", {
           className: "font-mono text-primary",
           children: id
         }),
@@ -23068,17 +23126,17 @@ function NotFound({ id }) {
   });
 }
 function NoSpec() {
-  return /* @__PURE__ */ jsx15("div", {
+  return /* @__PURE__ */ jsx20("div", {
     className: "rounded-lg border border-red-500/20 bg-red-500/10 p-6 text-center",
     children: /* @__PURE__ */ jsxs14("p", {
       className: "text-red-600 dark:text-red-400",
       children: [
         "No spec provided. Pass either ",
-        /* @__PURE__ */ jsx15("code", {
+        /* @__PURE__ */ jsx20("code", {
           children: "spec"
         }),
         " or ",
-        /* @__PURE__ */ jsx15("code", {
+        /* @__PURE__ */ jsx20("code", {
           children: "instance"
         }),
         " prop."
@@ -23096,10 +23154,10 @@ function APIPage({
 }) {
   const resolvedSpec = spec ?? instance?.spec;
   if (!resolvedSpec) {
-    return /* @__PURE__ */ jsx15(NoSpec, {});
+    return /* @__PURE__ */ jsx20(NoSpec, {});
   }
   if (!id) {
-    return /* @__PURE__ */ jsx15(ExportIndexPage, {
+    return /* @__PURE__ */ jsx20(ExportIndexPage, {
       spec: resolvedSpec,
       baseHref,
       description
@@ -23107,39 +23165,324 @@ function APIPage({
   }
   const exp = resolvedSpec.exports.find((e) => e.id === id);
   if (!exp) {
-    return /* @__PURE__ */ jsx15(NotFound, {
+    return /* @__PURE__ */ jsx20(NotFound, {
       id
     });
   }
   const pageProps = { export: exp, spec: resolvedSpec, renderExample };
   switch (exp.kind) {
     case "function":
-      return /* @__PURE__ */ jsx15(FunctionPage, {
+      return /* @__PURE__ */ jsx20(FunctionPage, {
         ...pageProps
       });
     case "class":
-      return /* @__PURE__ */ jsx15(ClassPage, {
+      return /* @__PURE__ */ jsx20(ClassPage, {
         ...pageProps
       });
     case "interface":
     case "type":
-      return /* @__PURE__ */ jsx15(InterfacePage, {
+      return /* @__PURE__ */ jsx20(InterfacePage, {
         ...pageProps
       });
     case "enum":
-      return /* @__PURE__ */ jsx15(EnumPage, {
+      return /* @__PURE__ */ jsx20(EnumPage, {
         ...pageProps
       });
     default:
-      return /* @__PURE__ */ jsx15(VariablePage, {
+      return /* @__PURE__ */ jsx20(VariablePage, {
         ...pageProps
       });
   }
 }
-// src/components/styled/ParameterItem.tsx
+// src/components/styled/FullAPIReferencePage.tsx
+import { APIReferencePage } from "@doccov/ui/docskit";
 import { cn as cn3 } from "@doccov/ui/lib/utils";
-import { useState as useState5 } from "react";
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useState as useState5, useMemo as useMemo2, useEffect as useEffect2, useRef, useCallback } from "react";
+
+// src/components/styled/sections/ExportSection.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+
+function ExportSection({ export: exp, spec }) {
+  const props = { export: exp, spec };
+  switch (exp.kind) {
+    case "function":
+      return /* @__PURE__ */ jsx21(FunctionSection, {
+        ...props
+      });
+    case "class":
+      return /* @__PURE__ */ jsx21(ClassSection, {
+        ...props
+      });
+    case "interface":
+    case "type":
+      return /* @__PURE__ */ jsx21(InterfaceSection, {
+        ...props
+      });
+    case "enum":
+      return /* @__PURE__ */ jsx21(EnumSection, {
+        ...props
+      });
+    default:
+      return /* @__PURE__ */ jsx21(VariableSection, {
+        ...props
+      });
+  }
+}
+
+// src/components/styled/FullAPIReferencePage.tsx
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+
+var KIND_ORDER2 = ["function", "class", "interface", "type", "enum", "variable"];
+var KIND_LABELS2 = {
+  function: "Functions",
+  class: "Classes",
+  interface: "Interfaces",
+  type: "Types",
+  enum: "Enums",
+  variable: "Variables"
+};
+function getExportTitle(exp) {
+  switch (exp.kind) {
+    case "function":
+      return `${exp.name}()`;
+    case "class":
+      return `class ${exp.name}`;
+    case "interface":
+    case "type":
+      return exp.name;
+    case "enum":
+      return `enum ${exp.name}`;
+    default:
+      return exp.name;
+  }
+}
+function FullAPIReferencePage({
+  spec,
+  kinds,
+  showFilters = true,
+  showTOC = false,
+  title,
+  description,
+  className
+}) {
+  const [activeFilter, setActiveFilter] = useState5("all");
+  const [activeSection, setActiveSection] = useState5(null);
+  const isScrollingRef = useRef(false);
+  const availableKinds = useMemo2(() => {
+    const kindSet = new Set;
+    for (const exp of spec.exports) {
+      const kind = exp.kind;
+      if (KIND_ORDER2.includes(kind)) {
+        kindSet.add(kind);
+      }
+    }
+    return KIND_ORDER2.filter((k) => kindSet.has(k));
+  }, [spec.exports]);
+  const filteredExports = useMemo2(() => {
+    let exports = spec.exports;
+    if (kinds?.length) {
+      exports = exports.filter((e) => kinds.includes(e.kind));
+    }
+    if (activeFilter !== "all") {
+      exports = exports.filter((e) => e.kind === activeFilter);
+    }
+    return exports.sort((a, b) => {
+      const kindOrderA = KIND_ORDER2.indexOf(a.kind);
+      const kindOrderB = KIND_ORDER2.indexOf(b.kind);
+      if (kindOrderA !== kindOrderB) {
+        return kindOrderA - kindOrderB;
+      }
+      return a.name.localeCompare(b.name);
+    });
+  }, [spec.exports, kinds, activeFilter]);
+  const groupedExports = useMemo2(() => {
+    const groups = new Map;
+    for (const exp of filteredExports) {
+      const kind = exp.kind;
+      if (!groups.has(kind)) {
+        groups.set(kind, []);
+      }
+      groups.get(kind).push(exp);
+    }
+    return groups;
+  }, [filteredExports]);
+  useEffect2(() => {
+    if (typeof window === "undefined")
+      return;
+    const hash = window.location.hash.slice(1);
+    if (hash) {
+      const timer = setTimeout(() => {
+        const element = document.getElementById(hash);
+        if (element) {
+          isScrollingRef.current = true;
+          element.scrollIntoView({ behavior: "smooth" });
+          setActiveSection(hash);
+          setTimeout(() => {
+            isScrollingRef.current = false;
+          }, 1000);
+        }
+      }, 100);
+      return () => clearTimeout(timer);
+    }
+  }, []);
+  useEffect2(() => {
+    if (!showTOC || typeof window === "undefined")
+      return;
+    const sectionIds = filteredExports.map((exp) => exp.id || exp.name);
+    const observers = [];
+    const handleIntersect = (entries) => {
+      if (isScrollingRef.current)
+        return;
+      for (const entry of entries) {
+        if (entry.isIntersecting && entry.intersectionRatio > 0) {
+          const id = entry.target.id;
+          setActiveSection(id);
+          if (typeof window !== "undefined") {
+            window.history.replaceState(null, "", `#${id}`);
+          }
+          break;
+        }
+      }
+    };
+    const observer = new IntersectionObserver(handleIntersect, {
+      rootMargin: "-20% 0px -70% 0px",
+      threshold: 0
+    });
+    for (const id of sectionIds) {
+      const element = document.getElementById(id);
+      if (element) {
+        observer.observe(element);
+      }
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, [showTOC, filteredExports]);
+  const handleTOCClick = useCallback((id) => {
+    const element = document.getElementById(id);
+    if (element) {
+      isScrollingRef.current = true;
+      element.scrollIntoView({ behavior: "smooth" });
+      setActiveSection(id);
+      window.history.replaceState(null, "", `#${id}`);
+      setTimeout(() => {
+        isScrollingRef.current = false;
+      }, 1000);
+    }
+  }, []);
+  const defaultDescription = /* @__PURE__ */ jsxs15("div", {
+    children: [
+      spec.meta.description && /* @__PURE__ */ jsx22("p", {
+        children: spec.meta.description
+      }),
+      spec.meta.version && /* @__PURE__ */ jsxs15("p", {
+        className: "text-sm text-muted-foreground mt-2",
+        children: [
+          "Version ",
+          spec.meta.version
+        ]
+      })
+    ]
+  });
+  const shouldShowFilters = showFilters && !kinds?.length && availableKinds.length > 1;
+  return /* @__PURE__ */ jsxs15("div", {
+    className: cn3("not-prose", showTOC && "lg:grid lg:grid-cols-[220px_1fr] lg:gap-8", className),
+    children: [
+      showTOC && /* @__PURE__ */ jsx22("aside", {
+        className: "hidden lg:block",
+        children: /* @__PURE__ */ jsxs15("nav", {
+          className: "sticky top-20 max-h-[calc(100vh-6rem)] overflow-y-auto pr-4",
+          children: [
+            /* @__PURE__ */ jsx22("h4", {
+              className: "text-sm font-semibold text-foreground mb-3",
+              children: "On this page"
+            }),
+            /* @__PURE__ */ jsx22("div", {
+              className: "space-y-4",
+              children: KIND_ORDER2.map((kind) => {
+                const exports = groupedExports.get(kind);
+                if (!exports?.length)
+                  return null;
+                return /* @__PURE__ */ jsxs15("div", {
+                  children: [
+                    /* @__PURE__ */ jsx22("h5", {
+                      className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2",
+                      children: KIND_LABELS2[kind]
+                    }),
+                    /* @__PURE__ */ jsx22("ul", {
+                      className: "space-y-1",
+                      children: exports.map((exp) => {
+                        const id = exp.id || exp.name;
+                        const isActive = activeSection === id;
+                        return /* @__PURE__ */ jsx22("li", {
+                          children: /* @__PURE__ */ jsx22("button", {
+                            type: "button",
+                            onClick: () => handleTOCClick(id),
+                            className: cn3("block w-full text-left text-sm py-1 px-2 rounded-md transition-colors cursor-pointer truncate", isActive ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"),
+                            title: getExportTitle(exp),
+                            children: getExportTitle(exp)
+                          })
+                        }, id);
+                      })
+                    })
+                  ]
+                }, kind);
+              })
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ jsx22("div", {
+        children: /* @__PURE__ */ jsxs15(APIReferencePage, {
+          title: title || spec.meta.name || "API Reference",
+          description: description || defaultDescription,
+          children: [
+            shouldShowFilters && /* @__PURE__ */ jsxs15("div", {
+              className: "flex flex-wrap gap-2 mb-8 -mt-4",
+              children: [
+                /* @__PURE__ */ jsx22("button", {
+                  type: "button",
+                  onClick: () => setActiveFilter("all"),
+                  className: cn3("px-3 py-1.5 text-sm rounded-md transition-all cursor-pointer", activeFilter === "all" ? "bg-primary text-primary-foreground font-medium" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"),
+                  children: "All"
+                }),
+                availableKinds.map((kind) => /* @__PURE__ */ jsx22("button", {
+                  type: "button",
+                  onClick: () => setActiveFilter(kind),
+                  className: cn3("px-3 py-1.5 text-sm rounded-md transition-all cursor-pointer", activeFilter === kind ? "bg-primary text-primary-foreground font-medium" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"),
+                  children: KIND_LABELS2[kind]
+                }, kind))
+              ]
+            }),
+            filteredExports.map((exp) => /* @__PURE__ */ jsx22(ExportSection, {
+              export: exp,
+              spec
+            }, exp.id || exp.name)),
+            filteredExports.length === 0 && /* @__PURE__ */ jsxs15("div", {
+              className: "rounded-lg border border-border bg-card/50 p-8 text-center",
+              children: [
+                /* @__PURE__ */ jsx22("p", {
+                  className: "text-muted-foreground",
+                  children: activeFilter !== "all" ? `No ${KIND_LABELS2[activeFilter].toLowerCase()} found.` : "No exports found in this package."
+                }),
+                activeFilter !== "all" && /* @__PURE__ */ jsx22("button", {
+                  type: "button",
+                  onClick: () => setActiveFilter("all"),
+                  className: "mt-3 text-sm text-primary hover:underline cursor-pointer",
+                  children: "Show all exports"
+                })
+              ]
+            })
+          ]
+        })
+      })
+    ]
+  });
+}
+// src/components/styled/ParameterItem.tsx
+import { cn as cn4 } from "@doccov/ui/lib/utils";
+import { useState as useState6 } from "react";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 
 function getNestedProperties2(schema) {
   if (!schema || typeof schema !== "object")
@@ -23169,55 +23512,55 @@ function NestedPropertyItem({
   required = false,
   depth = 0
 }) {
-  const [expanded, setExpanded] = useState5(false);
+  const [expanded, setExpanded] = useState6(false);
   const type = formatSchema(schema);
   const nestedProps = getNestedProperties2(schema);
   const nestedCount = countProperties2(schema);
   const hasNested = nestedCount > 0;
   const schemaObj = schema;
   const description = schemaObj?.description;
-  return /* @__PURE__ */ jsxs15("div", {
-    className: cn3("border-t border-border first:border-t-0", depth > 0 && "ml-4"),
+  return /* @__PURE__ */ jsxs16("div", {
+    className: cn4("border-t border-border first:border-t-0", depth > 0 && "ml-4"),
     children: [
-      /* @__PURE__ */ jsx16("div", {
+      /* @__PURE__ */ jsx23("div", {
         className: "py-3",
-        children: /* @__PURE__ */ jsxs15("div", {
+        children: /* @__PURE__ */ jsxs16("div", {
           className: "flex items-start gap-2",
           children: [
-            hasNested && /* @__PURE__ */ jsx16("button", {
+            hasNested && /* @__PURE__ */ jsx23("button", {
               type: "button",
               onClick: () => setExpanded(!expanded),
               className: "mt-0.5 p-0.5 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
               "aria-label": expanded ? "Collapse" : "Expand",
-              children: /* @__PURE__ */ jsx16(ChevronRight, {
+              children: /* @__PURE__ */ jsx23(ChevronRight, {
                 size: 14,
-                className: cn3("transition-transform duration-200", expanded && "rotate-90")
+                className: cn4("transition-transform duration-200", expanded && "rotate-90")
               })
             }),
-            !hasNested && /* @__PURE__ */ jsx16("div", {
+            !hasNested && /* @__PURE__ */ jsx23("div", {
               className: "w-5"
             }),
-            /* @__PURE__ */ jsxs15("div", {
+            /* @__PURE__ */ jsxs16("div", {
               className: "flex-1 min-w-0",
               children: [
-                /* @__PURE__ */ jsxs15("div", {
+                /* @__PURE__ */ jsxs16("div", {
                   className: "flex items-baseline gap-2 flex-wrap",
                   children: [
-                    /* @__PURE__ */ jsxs15("span", {
+                    /* @__PURE__ */ jsxs16("span", {
                       className: "font-mono text-sm text-foreground",
                       children: [
                         name,
-                        !required && /* @__PURE__ */ jsx16("span", {
+                        !required && /* @__PURE__ */ jsx23("span", {
                           className: "text-muted-foreground",
                           children: "?"
                         })
                       ]
                     }),
-                    /* @__PURE__ */ jsx16("span", {
+                    /* @__PURE__ */ jsx23("span", {
                       className: "font-mono text-sm text-muted-foreground",
                       children: hasNested ? "object" : type
                     }),
-                    hasNested && /* @__PURE__ */ jsxs15("button", {
+                    hasNested && /* @__PURE__ */ jsxs16("button", {
                       type: "button",
                       onClick: () => setExpanded(!expanded),
                       className: "text-xs text-primary hover:underline cursor-pointer",
@@ -23229,7 +23572,7 @@ function NestedPropertyItem({
                     })
                   ]
                 }),
-                description && /* @__PURE__ */ jsx16("p", {
+                description && /* @__PURE__ */ jsx23("p", {
                   className: "text-sm text-muted-foreground mt-1",
                   children: description
                 })
@@ -23238,9 +23581,9 @@ function NestedPropertyItem({
           ]
         })
       }),
-      hasNested && expanded && nestedProps && /* @__PURE__ */ jsx16("div", {
+      hasNested && expanded && nestedProps && /* @__PURE__ */ jsx23("div", {
         className: "border-l border-border ml-2",
-        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsx16(NestedPropertyItem, {
+        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsx23(NestedPropertyItem, {
           name: propName,
           schema: propSchema,
           required: getRequiredFields2(schema).includes(propName),
@@ -23255,52 +23598,52 @@ function ParameterItem({
   depth = 0,
   className
 }) {
-  const [expanded, setExpanded] = useState5(false);
+  const [expanded, setExpanded] = useState6(false);
   const type = formatSchema(param.schema);
   const isRequired = param.required !== false;
   const nestedProps = getNestedProperties2(param.schema);
   const nestedCount = countProperties2(param.schema);
   const hasNested = nestedCount > 0;
-  return /* @__PURE__ */ jsxs15("div", {
-    className: cn3("border-b border-border last:border-b-0", className),
+  return /* @__PURE__ */ jsxs16("div", {
+    className: cn4("border-b border-border last:border-b-0", className),
     children: [
-      /* @__PURE__ */ jsx16("div", {
+      /* @__PURE__ */ jsx23("div", {
         className: "py-3",
-        children: /* @__PURE__ */ jsxs15("div", {
+        children: /* @__PURE__ */ jsxs16("div", {
           className: "flex items-start gap-2",
           children: [
-            hasNested && /* @__PURE__ */ jsx16("button", {
+            hasNested && /* @__PURE__ */ jsx23("button", {
               type: "button",
               onClick: () => setExpanded(!expanded),
               className: "mt-0.5 p-0.5 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
               "aria-label": expanded ? "Collapse" : "Expand",
-              children: /* @__PURE__ */ jsx16(ChevronRight, {
+              children: /* @__PURE__ */ jsx23(ChevronRight, {
                 size: 14,
-                className: cn3("transition-transform duration-200", expanded && "rotate-90")
+                className: cn4("transition-transform duration-200", expanded && "rotate-90")
               })
             }),
-            !hasNested && /* @__PURE__ */ jsx16("div", {
+            !hasNested && /* @__PURE__ */ jsx23("div", {
               className: "w-5"
             }),
-            /* @__PURE__ */ jsxs15("div", {
+            /* @__PURE__ */ jsxs16("div", {
               className: "flex-1 min-w-0",
               children: [
-                /* @__PURE__ */ jsxs15("div", {
+                /* @__PURE__ */ jsxs16("div", {
                   className: "flex items-baseline gap-2 flex-wrap",
                   children: [
-                    /* @__PURE__ */ jsx16("span", {
+                    /* @__PURE__ */ jsx23("span", {
                       className: "font-mono text-sm font-medium text-foreground",
                       children: param.name
                     }),
-                    isRequired && /* @__PURE__ */ jsx16("span", {
+                    isRequired && /* @__PURE__ */ jsx23("span", {
                       className: "text-[10px] font-semibold px-1.5 py-0.5 rounded border border-border bg-muted text-muted-foreground uppercase tracking-wide",
                       children: "Required"
                     }),
-                    /* @__PURE__ */ jsx16("span", {
+                    /* @__PURE__ */ jsx23("span", {
                       className: "font-mono text-sm text-muted-foreground",
                       children: hasNested ? "object" : type
                     }),
-                    hasNested && /* @__PURE__ */ jsxs15("button", {
+                    hasNested && /* @__PURE__ */ jsxs16("button", {
                       type: "button",
                       onClick: () => setExpanded(!expanded),
                       className: "text-xs text-primary hover:underline cursor-pointer",
@@ -23312,7 +23655,7 @@ function ParameterItem({
                     })
                   ]
                 }),
-                param.description && /* @__PURE__ */ jsx16("p", {
+                param.description && /* @__PURE__ */ jsx23("p", {
                   className: "text-sm text-muted-foreground mt-1",
                   children: param.description
                 })
@@ -23321,9 +23664,9 @@ function ParameterItem({
           ]
         })
       }),
-      hasNested && expanded && nestedProps && /* @__PURE__ */ jsx16("div", {
+      hasNested && expanded && nestedProps && /* @__PURE__ */ jsx23("div", {
         className: "border-l border-border ml-2 mb-3",
-        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsx16(NestedPropertyItem, {
+        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsx23(NestedPropertyItem, {
           name: propName,
           schema: propSchema,
           required: getRequiredFields2(param.schema).includes(propName),
@@ -23339,6 +23682,7 @@ export {
   getExampleLanguage,
   getExampleCode,
   cleanCode,
+  VariableSection,
   VariablePage,
   TypeTable,
   Signature,
@@ -23348,16 +23692,22 @@ export {
   NestedProperty,
   MembersTable,
   MemberRow,
+  InterfaceSection,
   InterfacePage,
   ImportSection,
+  FunctionSection,
   FunctionPage,
+  FullAPIReferencePage,
+  ExportSection,
   ExportIndexPage,
   ExportCard,
   ExpandableProperty,
   ExampleBlock,
+  EnumSection,
   EnumPage,
   CollapsibleMethod,
   CodeTabs,
+  ClassSection,
   ClassPage,
   APIPage
 };