@doccov/fumadocs-adapter 0.0.1 → 0.0.3

package/dist/shared/{chunk-pqaj3kdh.js → chunk-edfpjshy.js}

@@ -1,58 +1,7 @@
 "use client";
-// src/components/parameter-card.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-
-function formatSchema(schema) {
-  if (!schema)
-    return "unknown";
-  if (typeof schema === "string")
-    return schema;
-  if (typeof schema === "object" && schema !== null) {
-    const s = schema;
-    if (s.$ref && typeof s.$ref === "string") {
-      return s.$ref.replace("#/types/", "");
-    }
-    if (s.tsType)
-      return String(s.tsType);
-    if (s.type)
-      return String(s.type);
-  }
-  return "unknown";
-}
-function ParameterCard({ param, spec }) {
-  const type = formatSchema(param.schema);
-  const isRequired = param.required !== false;
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "rounded-lg border border-fd-border bg-fd-card/50 p-4",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "flex items-center gap-2 mb-1",
-        children: [
-          /* @__PURE__ */ jsxDEV("span", {
-            className: "font-mono text-sm text-fd-foreground",
-            children: param.name
-          }, undefined, false, undefined, this),
-          isRequired && /* @__PURE__ */ jsxDEV("span", {
-            className: "text-[10px] font-semibold px-1.5 py-0.5 rounded border border-fd-border bg-fd-muted text-fd-muted-foreground uppercase tracking-wide",
-            children: "Required"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "text-sm text-fd-muted-foreground font-mono",
-        children: type
-      }, undefined, false, undefined, this),
-      param.description && /* @__PURE__ */ jsxDEV("p", {
-        className: "text-sm text-fd-muted-foreground mt-2",
-        children: param.description
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
 // src/components/code-example.tsx
 import { ClientDocsKitCode } from "@doccov/ui/docskit";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
 
 function cleanCode(code) {
   let cleaned = code.trim();
@@ -68,215 +17,36 @@ function cleanCode(code) {
   }
   return cleaned;
 }
-function CodeExample({ code, filename = "example.ts", language = "typescript" }) {
+function CodeExample({
+  code,
+  filename = "example.ts",
+  language = "typescript"
+}) {
   const cleaned = cleanCode(code);
   const codeblock = {
     value: cleaned,
     lang: language,
     meta: `${filename} -cn`
   };
-  return /* @__PURE__ */ jsxDEV2(ClientDocsKitCode, {
+  return /* @__PURE__ */ jsxDEV(ClientDocsKitCode, {
     codeblock,
     className: "not-fumadocs-codeblock"
   }, undefined, false, undefined, this);
 }
 
-// src/components/coverage-badge.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-
-function getScoreColor(score) {
-  if (score >= 80)
-    return "text-green-600 dark:text-green-400 bg-green-500/10 border-green-500/20";
-  if (score >= 60)
-    return "text-yellow-600 dark:text-yellow-400 bg-yellow-500/10 border-yellow-500/20";
-  return "text-red-600 dark:text-red-400 bg-red-500/10 border-red-500/20";
-}
-function formatSignal(signal) {
-  return signal.charAt(0).toUpperCase() + signal.slice(1);
-}
-function CoverageBadge({ docs, showMissing = true, showDrift = true }) {
-  const score = docs.coverageScore;
-  const hasMissing = showMissing && docs.missing && docs.missing.length > 0;
-  const hasDrift = showDrift && docs.drift && docs.drift.length > 0;
-  if (score == null && !hasMissing && !hasDrift)
-    return null;
-  return /* @__PURE__ */ jsxDEV3("div", {
-    className: "my-6 space-y-3",
-    children: [
-      score != null && /* @__PURE__ */ jsxDEV3("div", {
-        className: `inline-flex items-center gap-2 px-3 py-1.5 rounded-md border text-sm font-medium ${getScoreColor(score)}`,
-        children: [
-          /* @__PURE__ */ jsxDEV3("svg", {
-            className: "w-4 h-4",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ jsxDEV3("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          "Coverage: ",
-          score,
-          "%"
-        ]
-      }, undefined, true, undefined, this),
-      hasMissing && /* @__PURE__ */ jsxDEV3("div", {
-        className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2",
-        children: [
-          /* @__PURE__ */ jsxDEV3("p", {
-            className: "text-sm font-medium text-yellow-600 dark:text-yellow-400 mb-1",
-            children: "Missing Documentation"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ul", {
-            className: "text-sm text-yellow-600/80 dark:text-yellow-400/80 list-disc list-inside",
-            children: docs.missing.map((signal) => /* @__PURE__ */ jsxDEV3("li", {
-              children: formatSignal(signal)
-            }, signal, false, undefined, this))
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      hasDrift && /* @__PURE__ */ jsxDEV3("div", {
-        className: "rounded-md bg-red-500/10 border border-red-500/20 px-3 py-2",
-        children: [
-          /* @__PURE__ */ jsxDEV3("p", {
-            className: "text-sm font-medium text-red-600 dark:text-red-400 mb-1",
-            children: "Documentation Drift"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ul", {
-            className: "text-sm text-red-600/80 dark:text-red-400/80 space-y-1",
-            children: docs.drift.map((drift, index) => /* @__PURE__ */ jsxDEV3("li", {
-              className: "flex flex-col",
-              children: [
-                /* @__PURE__ */ jsxDEV3("span", {
-                  className: "font-medium",
-                  children: drift.type
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV3("span", {
-                  className: "text-xs opacity-80",
-                  children: drift.issue
-                }, undefined, false, undefined, this),
-                drift.suggestion && /* @__PURE__ */ jsxDEV3("span", {
-                  className: "text-xs text-fd-muted-foreground mt-0.5",
-                  children: [
-                    "Suggestion: ",
-                    drift.suggestion
-                  ]
-                }, undefined, true, undefined, this)
-              ]
-            }, index, true, undefined, this))
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/components/function-page.tsx
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-
-function formatSchema2(schema) {
-  if (!schema)
-    return "unknown";
-  if (typeof schema === "string")
-    return schema;
-  if (typeof schema === "object" && schema !== null) {
-    const s = schema;
-    if (s.$ref && typeof s.$ref === "string") {
-      return s.$ref.replace("#/types/", "");
-    }
-    if (s.tsType)
-      return String(s.tsType);
-    if (s.type)
-      return String(s.type);
-  }
-  return "unknown";
-}
-function FunctionPage({ export: exp, spec }) {
-  const sig = exp.signatures?.[0];
-  const hasExamples = exp.examples && exp.examples.length > 0;
-  const hasParams = sig?.parameters && sig.parameters.length > 0;
-  return /* @__PURE__ */ jsxDEV4("div", {
-    className: "space-y-6 not-prose",
-    children: [
-      exp.description && /* @__PURE__ */ jsxDEV4("p", {
-        className: "text-fd-muted-foreground leading-relaxed",
-        children: exp.description
-      }, undefined, false, undefined, this),
-      sig?.returns && /* @__PURE__ */ jsxDEV4("p", {
-        className: "text-fd-muted-foreground text-sm",
-        children: [
-          /* @__PURE__ */ jsxDEV4("span", {
-            className: "font-medium text-fd-foreground",
-            children: "Returns:"
-          }, undefined, false, undefined, this),
-          " ",
-          sig.returns.description || `A ${sig.returns.tsType ?? formatSchema2(sig.returns.schema)}`
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
-        className: "not-prose",
-        style: {
-          display: hasExamples ? "grid" : "block",
-          gridTemplateColumns: hasExamples ? "repeat(2, minmax(0, 1fr))" : undefined,
-          gap: "2rem",
-          alignItems: "start"
-        },
-        children: [
-          /* @__PURE__ */ jsxDEV4("div", {
-            className: "space-y-6",
-            children: hasParams && /* @__PURE__ */ jsxDEV4("div", {
-              children: [
-                /* @__PURE__ */ jsxDEV4("h3", {
-                  className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
-                  children: "Parameters"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV4("div", {
-                  className: "space-y-3",
-                  children: sig.parameters.map((param, index) => /* @__PURE__ */ jsxDEV4(ParameterCard, {
-                    param,
-                    spec
-                  }, param.name ?? index, false, undefined, this))
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          hasExamples && /* @__PURE__ */ jsxDEV4("div", {
-            style: { position: "sticky", top: "5rem" },
-            children: [
-              /* @__PURE__ */ jsxDEV4("h3", {
-                className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
-                children: "Example"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(CodeExample, {
-                code: exp.examples[0],
-                filename: `${exp.name.toLowerCase().replace(/[^a-z0-9]/g, "-")}.ts`
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      exp.docs && /* @__PURE__ */ jsxDEV4(CoverageBadge, {
-        docs: exp.docs
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
 // src/components/expandable-property.tsx
 import { useState } from "react";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 
 function ChevronIcon({ expanded }) {
-  return /* @__PURE__ */ jsxDEV5("svg", {
+  return /* @__PURE__ */ jsxDEV2("svg", {
     width: "12",
     height: "12",
     viewBox: "0 0 12 12",
     fill: "none",
     className: `transition-transform duration-200 ${expanded ? "rotate-90" : ""}`,
-    children: /* @__PURE__ */ jsxDEV5("path", {
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsxDEV2("path", {
       d: "M4.5 2.5L8 6L4.5 9.5",
       stroke: "currentColor",
       strokeWidth: "1.5",
@@ -292,20 +62,13 @@ function formatType(schema) {
     return schema;
   if (typeof schema === "object" && schema !== null) {
     const s = schema;
-    if (s.tsType && typeof s.tsType === "string") {
-      const tsType = s.tsType;
-      if (tsType.length > 80) {
-        return tsType.slice(0, 77) + "...";
-      }
-      return tsType;
-    }
     if (s.$ref && typeof s.$ref === "string") {
       return s.$ref.replace("#/types/", "");
     }
     if (s.enum && Array.isArray(s.enum)) {
       const enumVals = s.enum.map((v) => JSON.stringify(v)).join(" | ");
       if (enumVals.length > 50)
-        return enumVals.slice(0, 47) + "...";
+        return `${enumVals.slice(0, 47)}...`;
       return enumVals;
     }
     if (s.anyOf && Array.isArray(s.anyOf)) {
@@ -344,7 +107,12 @@ function countProperties(schema) {
   const props = getNestedProperties(schema);
   return props ? Object.keys(props).length : 0;
 }
-function NestedProperty({ name, schema, required = false, depth = 0 }) {
+function NestedProperty({
+  name,
+  schema,
+  required = false,
+  depth = 0
+}) {
   const [expanded, setExpanded] = useState(false);
   const type = formatType(schema);
   const nestedProps = getNestedProperties(schema);
@@ -352,19 +120,19 @@ function NestedProperty({ name, schema, required = false, depth = 0 }) {
   const hasNested = nestedCount > 0;
   const schemaObj = schema;
   const description = schemaObj?.description;
-  return /* @__PURE__ */ jsxDEV5("div", {
+  return /* @__PURE__ */ jsxDEV2("div", {
     className: "flex flex-col border-b border-fd-border last:border-0",
     children: [
-      /* @__PURE__ */ jsxDEV5("div", {
+      /* @__PURE__ */ jsxDEV2("div", {
         className: "flex flex-row items-start gap-2 py-2.5 px-3",
         children: [
-          /* @__PURE__ */ jsxDEV5("div", {
+          /* @__PURE__ */ jsxDEV2("div", {
             className: "flex-1 min-w-0",
             children: [
-              /* @__PURE__ */ jsxDEV5("div", {
+              /* @__PURE__ */ jsxDEV2("div", {
                 className: "flex items-baseline gap-2 flex-wrap",
                 children: [
-                  /* @__PURE__ */ jsxDEV5("span", {
+                  /* @__PURE__ */ jsxDEV2("span", {
                     className: "font-mono text-sm font-medium text-fd-foreground",
                     children: [
                       name,
@@ -372,28 +140,29 @@ function NestedProperty({ name, schema, required = false, depth = 0 }) {
                       ":"
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV5("span", {
+                  /* @__PURE__ */ jsxDEV2("span", {
                     className: "font-mono text-sm text-fd-muted-foreground",
                     children: hasNested ? "object" : type
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              description && /* @__PURE__ */ jsxDEV5("p", {
+              description && /* @__PURE__ */ jsxDEV2("p", {
                 className: "text-sm text-fd-muted-foreground mt-0.5 leading-relaxed",
                 children: description
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          hasNested && /* @__PURE__ */ jsxDEV5("button", {
+          hasNested && /* @__PURE__ */ jsxDEV2("button", {
+            type: "button",
             onClick: () => setExpanded(!expanded),
             className: `flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-md
                        bg-fd-muted text-fd-muted-foreground hover:bg-fd-accent hover:text-fd-accent-foreground
                        transition-colors cursor-pointer shrink-0`,
             children: [
-              /* @__PURE__ */ jsxDEV5(ChevronIcon, {
+              /* @__PURE__ */ jsxDEV2(ChevronIcon, {
                 expanded
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("span", {
+              /* @__PURE__ */ jsxDEV2("span", {
                 children: [
                   nestedCount,
                   " properties"
@@ -403,9 +172,9 @@ function NestedProperty({ name, schema, required = false, depth = 0 }) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      hasNested && expanded && nestedProps && /* @__PURE__ */ jsxDEV5("div", {
+      hasNested && expanded && nestedProps && /* @__PURE__ */ jsxDEV2("div", {
         className: "mx-3 mb-3 rounded-lg border border-fd-border bg-fd-card/50 overflow-hidden",
-        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsxDEV5(NestedProperty, {
+        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsxDEV2(NestedProperty, {
           name: propName,
           schema: propSchema,
           required: getRequiredFields(schema).includes(propName),
@@ -422,19 +191,19 @@ function ExpandableProperty({ param, depth = 0 }) {
   const nestedProps = getNestedProperties(param.schema);
   const nestedCount = countProperties(param.schema);
   const hasNested = nestedCount > 0;
-  return /* @__PURE__ */ jsxDEV5("div", {
+  return /* @__PURE__ */ jsxDEV2("div", {
     className: "flex flex-col border-b border-fd-border last:border-0",
     children: [
-      /* @__PURE__ */ jsxDEV5("div", {
+      /* @__PURE__ */ jsxDEV2("div", {
         className: "flex flex-row items-start gap-2 py-3",
         children: [
-          /* @__PURE__ */ jsxDEV5("div", {
+          /* @__PURE__ */ jsxDEV2("div", {
             className: "flex-1 min-w-0",
             children: [
-              /* @__PURE__ */ jsxDEV5("div", {
+              /* @__PURE__ */ jsxDEV2("div", {
                 className: "flex items-baseline gap-2 flex-wrap",
                 children: [
-                  /* @__PURE__ */ jsxDEV5("span", {
+                  /* @__PURE__ */ jsxDEV2("span", {
                     className: "font-mono text-sm font-medium text-fd-foreground",
                     children: [
                       param.name,
@@ -442,28 +211,29 @@ function ExpandableProperty({ param, depth = 0 }) {
                       ":"
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV5("span", {
+                  /* @__PURE__ */ jsxDEV2("span", {
                     className: "font-mono text-sm text-fd-muted-foreground",
                     children: hasNested ? "object" : type
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              param.description && /* @__PURE__ */ jsxDEV5("p", {
+              param.description && /* @__PURE__ */ jsxDEV2("p", {
                 className: "text-sm text-fd-muted-foreground mt-1 leading-relaxed",
                 children: param.description
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          hasNested && /* @__PURE__ */ jsxDEV5("button", {
+          hasNested && /* @__PURE__ */ jsxDEV2("button", {
+            type: "button",
             onClick: () => setExpanded(!expanded),
             className: `flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-md
                        bg-fd-muted text-fd-muted-foreground hover:bg-fd-accent hover:text-fd-accent-foreground
                        transition-colors cursor-pointer shrink-0`,
             children: [
-              /* @__PURE__ */ jsxDEV5(ChevronIcon, {
+              /* @__PURE__ */ jsxDEV2(ChevronIcon, {
                 expanded
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("span", {
+              /* @__PURE__ */ jsxDEV2("span", {
                 children: [
                   nestedCount,
                   " properties"
@@ -473,9 +243,9 @@ function ExpandableProperty({ param, depth = 0 }) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      hasNested && expanded && nestedProps && /* @__PURE__ */ jsxDEV5("div", {
+      hasNested && expanded && nestedProps && /* @__PURE__ */ jsxDEV2("div", {
         className: "ml-4 mb-3 rounded-lg border border-fd-border bg-fd-card/50 overflow-hidden",
-        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsxDEV5(NestedProperty, {
+        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsxDEV2(NestedProperty, {
           name: propName,
           schema: propSchema,
           required: getRequiredFields(param.schema).includes(propName),
@@ -487,17 +257,18 @@ function ExpandableProperty({ param, depth = 0 }) {
 }
 
 // src/components/collapsible-method.tsx
-import { useState as useState2, useEffect } from "react";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { useEffect, useState as useState2 } from "react";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 
 function ChevronIcon2({ expanded }) {
-  return /* @__PURE__ */ jsxDEV6("svg", {
+  return /* @__PURE__ */ jsxDEV3("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     className: `transition-transform duration-200 ${expanded ? "rotate-90" : ""}`,
-    children: /* @__PURE__ */ jsxDEV6("path", {
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsxDEV3("path", {
       d: "M6 4L10 8L6 12",
       stroke: "currentColor",
       strokeWidth: "1.5",
@@ -506,7 +277,7 @@ function ChevronIcon2({ expanded }) {
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-function formatSchema3(schema) {
+function formatSchema(schema) {
   if (!schema)
     return "unknown";
   if (typeof schema === "string")
@@ -516,12 +287,6 @@ function formatSchema3(schema) {
     if (s.$ref && typeof s.$ref === "string") {
       return s.$ref.replace("#/types/", "");
     }
-    if (s.tsType) {
-      const tsType = String(s.tsType);
-      if (tsType.length > 40)
-        return tsType.slice(0, 37) + "...";
-      return tsType;
-    }
     if (s.type)
       return String(s.type);
   }
@@ -530,13 +295,7 @@ function formatSchema3(schema) {
 function formatReturnType(returns) {
   if (!returns)
     return "void";
-  if (returns.tsType) {
-    const t = returns.tsType;
-    if (t.length > 40)
-      return t.slice(0, 37) + "...";
-    return t;
-  }
-  return formatSchema3(returns.schema);
+  return formatSchema(returns.schema);
 }
 function formatParamPreview(params) {
   if (!params || params.length === 0)
@@ -545,7 +304,10 @@ function formatParamPreview(params) {
     return params[0].name || "arg";
   return `${params[0].name || "arg"}, ...`;
 }
-function CollapsibleMethod({ member, defaultExpanded = false }) {
+function CollapsibleMethod({
+  member,
+  defaultExpanded = false
+}) {
   const [expanded, setExpanded] = useState2(defaultExpanded);
   const sig = member.signatures?.[0];
   const hasParams = sig?.parameters && sig.parameters.length > 0;
@@ -561,28 +323,29 @@ function CollapsibleMethod({ member, defaultExpanded = false }) {
       setExpanded(true);
     }
   }, [member.name]);
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsxDEV3("div", {
     id: member.name,
     className: "scroll-mt-20 border-b border-fd-border last:border-0",
     children: [
-      /* @__PURE__ */ jsxDEV6("button", {
+      /* @__PURE__ */ jsxDEV3("button", {
+        type: "button",
         onClick: () => setExpanded(!expanded),
         className: "w-full flex items-center gap-3 py-4 px-1 text-left hover:bg-fd-muted/30 transition-colors cursor-pointer group",
         children: [
-          /* @__PURE__ */ jsxDEV6("span", {
+          /* @__PURE__ */ jsxDEV3("span", {
             className: "text-fd-muted-foreground group-hover:text-fd-foreground transition-colors",
-            children: /* @__PURE__ */ jsxDEV6(ChevronIcon2, {
+            children: /* @__PURE__ */ jsxDEV3(ChevronIcon2, {
               expanded
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          /* @__PURE__ */ jsxDEV3("div", {
             className: "flex-1 min-w-0 flex items-baseline gap-2 flex-wrap",
             children: [
-              /* @__PURE__ */ jsxDEV6("span", {
+              /* @__PURE__ */ jsxDEV3("span", {
                 className: "font-mono text-sm font-semibold text-fd-foreground",
                 children: [
                   member.name,
-                  /* @__PURE__ */ jsxDEV6("span", {
+                  /* @__PURE__ */ jsxDEV3("span", {
                     className: "text-fd-muted-foreground font-normal",
                     children: [
                       "(",
@@ -592,28 +355,28 @@ function CollapsibleMethod({ member, defaultExpanded = false }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV6("span", {
+              /* @__PURE__ */ jsxDEV3("span", {
                 className: "text-fd-muted-foreground",
                 children: "→"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("span", {
+              /* @__PURE__ */ jsxDEV3("span", {
                 className: "font-mono text-sm text-fd-muted-foreground truncate",
                 children: returnType
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV6("div", {
+          /* @__PURE__ */ jsxDEV3("div", {
             className: "flex gap-1.5 shrink-0",
             children: [
-              visibility !== "public" && /* @__PURE__ */ jsxDEV6("span", {
+              visibility !== "public" && /* @__PURE__ */ jsxDEV3("span", {
                 className: "text-xs px-1.5 py-0.5 rounded bg-fd-muted text-fd-muted-foreground",
                 children: visibility
               }, undefined, false, undefined, this),
-              isStatic && /* @__PURE__ */ jsxDEV6("span", {
+              isStatic && /* @__PURE__ */ jsxDEV3("span", {
                 className: "text-xs px-1.5 py-0.5 rounded bg-blue-500/10 text-blue-600 dark:text-blue-400",
                 children: "static"
               }, undefined, false, undefined, this),
-              isAsync && /* @__PURE__ */ jsxDEV6("span", {
+              isAsync && /* @__PURE__ */ jsxDEV3("span", {
                 className: "text-xs px-1.5 py-0.5 rounded bg-purple-500/10 text-purple-600 dark:text-purple-400",
                 children: "async"
               }, undefined, false, undefined, this)
@@ -621,42 +384,42 @@ function CollapsibleMethod({ member, defaultExpanded = false }) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      expanded && /* @__PURE__ */ jsxDEV6("div", {
+      expanded && /* @__PURE__ */ jsxDEV3("div", {
         className: "pb-6 pl-8 pr-4",
         children: [
-          member.description && /* @__PURE__ */ jsxDEV6("p", {
+          member.description && /* @__PURE__ */ jsxDEV3("p", {
             className: "text-fd-muted-foreground mb-4 leading-relaxed",
             children: member.description
           }, undefined, false, undefined, this),
-          hasParams && /* @__PURE__ */ jsxDEV6("div", {
+          hasParams && /* @__PURE__ */ jsxDEV3("div", {
             className: "mb-4",
             children: [
-              /* @__PURE__ */ jsxDEV6("span", {
+              /* @__PURE__ */ jsxDEV3("span", {
                 className: "text-xs uppercase tracking-wide text-fd-muted-foreground font-medium block mb-2",
                 children: "Parameters"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
+              /* @__PURE__ */ jsxDEV3("div", {
                 className: "border-l-2 border-fd-border pl-4",
-                children: sig.parameters.map((param, index) => /* @__PURE__ */ jsxDEV6(ExpandableProperty, {
+                children: sig.parameters.map((param, index) => /* @__PURE__ */ jsxDEV3(ExpandableProperty, {
                   param
                 }, param.name ?? index, false, undefined, this))
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          sig?.returns && returnType !== "void" && /* @__PURE__ */ jsxDEV6("div", {
+          sig?.returns && returnType !== "void" && /* @__PURE__ */ jsxDEV3("div", {
             children: [
-              /* @__PURE__ */ jsxDEV6("span", {
+              /* @__PURE__ */ jsxDEV3("span", {
                 className: "text-xs uppercase tracking-wide text-fd-muted-foreground font-medium block mb-2",
                 children: "Returns"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("div", {
+              /* @__PURE__ */ jsxDEV3("div", {
                 className: "border-l-2 border-fd-border pl-4 py-2",
                 children: [
-                  /* @__PURE__ */ jsxDEV6("span", {
+                  /* @__PURE__ */ jsxDEV3("span", {
                     className: "font-mono text-sm text-fd-muted-foreground",
-                    children: sig.returns.tsType || formatSchema3(sig.returns.schema)
+                    children: formatSchema(sig.returns.schema)
                   }, undefined, false, undefined, this),
-                  returnDescription && /* @__PURE__ */ jsxDEV6("p", {
+                  returnDescription && /* @__PURE__ */ jsxDEV3("p", {
                     className: "text-sm text-fd-muted-foreground mt-1 leading-relaxed",
                     children: returnDescription
                   }, undefined, false, undefined, this)
@@ -670,87 +433,183 @@ function CollapsibleMethod({ member, defaultExpanded = false }) {
   }, undefined, true, undefined, this);
 }
 
-// src/components/class-page.tsx
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+// src/components/coverage-badge.tsx
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 
-function formatSchema4(schema) {
-  if (!schema)
-    return "unknown";
-  if (typeof schema === "string")
-    return schema;
-  if (typeof schema === "object" && schema !== null) {
-    const s = schema;
-    if (s.$ref && typeof s.$ref === "string") {
-      return s.$ref.replace("#/types/", "");
-    }
-    if (s.tsType)
-      return String(s.tsType);
-    if (s.type)
-      return String(s.type);
-  }
-  return "unknown";
+function getScoreColor(score) {
+  if (score >= 80)
+    return "text-green-600 dark:text-green-400 bg-green-500/10 border-green-500/20";
+  if (score >= 60)
+    return "text-yellow-600 dark:text-yellow-400 bg-yellow-500/10 border-yellow-500/20";
+  return "text-red-600 dark:text-red-400 bg-red-500/10 border-red-500/20";
 }
-function PropertyItem({ member }) {
-  const visibility = member.visibility ?? "public";
-  const flags = member.flags;
-  const isStatic = flags?.static;
-  const isReadonly = flags?.readonly;
-  const type = formatSchema4(member.schema);
-  return /* @__PURE__ */ jsxDEV7("div", {
-    className: "py-3 border-b border-fd-border last:border-0",
+function formatSignal(signal) {
+  return signal.charAt(0).toUpperCase() + signal.slice(1);
+}
+function CoverageBadge({
+  docs,
+  showMissing = true,
+  showDrift = true
+}) {
+  const score = docs.coverageScore;
+  const hasMissing = showMissing && docs.missing && docs.missing.length > 0;
+  const hasDrift = showDrift && docs.drift && docs.drift.length > 0;
+  if (score == null && !hasMissing && !hasDrift)
+    return null;
+  return /* @__PURE__ */ jsxDEV4("div", {
+    className: "my-6 space-y-3",
     children: [
-      /* @__PURE__ */ jsxDEV7("div", {
-        className: "flex items-baseline gap-2 flex-wrap",
+      score != null && /* @__PURE__ */ jsxDEV4("div", {
+        className: `inline-flex items-center gap-2 px-3 py-1.5 rounded-md border text-sm font-medium ${getScoreColor(score)}`,
         children: [
-          /* @__PURE__ */ jsxDEV7("span", {
-            className: "font-semibold text-fd-foreground",
+          /* @__PURE__ */ jsxDEV4("svg", {
+            className: "w-4 h-4",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsxDEV4("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          "Coverage: ",
+          score,
+          "%"
+        ]
+      }, undefined, true, undefined, this),
+      hasMissing && /* @__PURE__ */ jsxDEV4("div", {
+        className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2",
+        children: [
+          /* @__PURE__ */ jsxDEV4("p", {
+            className: "text-sm font-medium text-yellow-600 dark:text-yellow-400 mb-1",
+            children: "Missing Documentation"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("ul", {
+            className: "text-sm text-yellow-600/80 dark:text-yellow-400/80 list-disc list-inside",
+            children: docs.missing.map((signal) => /* @__PURE__ */ jsxDEV4("li", {
+              children: formatSignal(signal)
+            }, signal, false, undefined, this))
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      hasDrift && /* @__PURE__ */ jsxDEV4("div", {
+        className: "rounded-md bg-red-500/10 border border-red-500/20 px-3 py-2",
+        children: [
+          /* @__PURE__ */ jsxDEV4("p", {
+            className: "text-sm font-medium text-red-600 dark:text-red-400 mb-1",
+            children: "Documentation Drift"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("ul", {
+            className: "text-sm text-red-600/80 dark:text-red-400/80 space-y-1",
+            children: docs.drift.map((drift) => /* @__PURE__ */ jsxDEV4("li", {
+              className: "flex flex-col",
+              children: [
+                /* @__PURE__ */ jsxDEV4("span", {
+                  className: "font-medium",
+                  children: drift.type
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV4("span", {
+                  className: "text-xs opacity-80",
+                  children: drift.issue
+                }, undefined, false, undefined, this),
+                drift.suggestion && /* @__PURE__ */ jsxDEV4("span", {
+                  className: "text-xs text-fd-muted-foreground mt-0.5",
+                  children: [
+                    "Suggestion: ",
+                    drift.suggestion
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, `${drift.type}-${drift.issue}`, true, undefined, this))
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/class-page.tsx
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+
+function formatSchema2(schema) {
+  if (!schema)
+    return "unknown";
+  if (typeof schema === "string")
+    return schema;
+  if (typeof schema === "object" && schema !== null) {
+    const s = schema;
+    if (s.$ref && typeof s.$ref === "string") {
+      return s.$ref.replace("#/types/", "");
+    }
+    if (s.type)
+      return String(s.type);
+  }
+  return "unknown";
+}
+function PropertyItem({ member }) {
+  const visibility = member.visibility ?? "public";
+  const flags = member.flags;
+  const isStatic = flags?.static;
+  const isReadonly = flags?.readonly;
+  const type = formatSchema2(member.schema);
+  return /* @__PURE__ */ jsxDEV5("div", {
+    className: "py-3 border-b border-fd-border last:border-0",
+    children: [
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "flex items-baseline gap-2 flex-wrap",
+        children: [
+          /* @__PURE__ */ jsxDEV5("span", {
+            className: "font-semibold text-fd-foreground",
             children: [
               member.name,
               ":"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV7("span", {
+          /* @__PURE__ */ jsxDEV5("span", {
             className: "text-fd-muted-foreground font-mono text-sm",
             children: type
           }, undefined, false, undefined, this),
-          visibility !== "public" && /* @__PURE__ */ jsxDEV7("span", {
+          visibility !== "public" && /* @__PURE__ */ jsxDEV5("span", {
             className: "text-xs px-1.5 py-0.5 rounded bg-fd-muted text-fd-muted-foreground",
             children: visibility
           }, undefined, false, undefined, this),
-          isStatic && /* @__PURE__ */ jsxDEV7("span", {
+          isStatic && /* @__PURE__ */ jsxDEV5("span", {
             className: "text-xs px-1.5 py-0.5 rounded bg-blue-500/10 text-blue-600 dark:text-blue-400",
             children: "static"
           }, undefined, false, undefined, this),
-          isReadonly && /* @__PURE__ */ jsxDEV7("span", {
+          isReadonly && /* @__PURE__ */ jsxDEV5("span", {
             className: "text-xs px-1.5 py-0.5 rounded bg-purple-500/10 text-purple-600 dark:text-purple-400",
             children: "readonly"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      member.description && /* @__PURE__ */ jsxDEV7("p", {
+      member.description && /* @__PURE__ */ jsxDEV5("p", {
         className: "text-sm text-fd-muted-foreground mt-1",
         children: member.description
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-function ClassPage({ export: exp, spec }) {
+function ClassPage({ export: exp, spec: _spec }) {
   const hasExamples = exp.examples && exp.examples.length > 0;
   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") ?? [];
   const constructorSig = constructors[0]?.signatures?.[0];
   const constructorParams = constructorSig?.parameters ?? [];
-  return /* @__PURE__ */ jsxDEV7("div", {
+  return /* @__PURE__ */ jsxDEV5("div", {
     className: "space-y-8",
     children: [
-      exp.description && /* @__PURE__ */ jsxDEV7("p", {
+      exp.description && /* @__PURE__ */ jsxDEV5("p", {
         className: "text-fd-muted-foreground text-lg leading-relaxed",
         children: exp.description
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxDEV5("div", {
         className: "rounded-lg border border-fd-border bg-fd-muted/30 p-4 overflow-x-auto",
-        children: /* @__PURE__ */ jsxDEV7("code", {
+        children: /* @__PURE__ */ jsxDEV5("code", {
           className: "font-mono text-sm text-fd-foreground whitespace-pre",
           children: [
             "class ",
@@ -760,50 +619,50 @@ function ClassPage({ export: exp, spec }) {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV7("div", {
+      /* @__PURE__ */ jsxDEV5("div", {
         className: `grid gap-8 ${hasExamples ? "lg:grid-cols-2" : "grid-cols-1"}`,
         children: [
-          /* @__PURE__ */ jsxDEV7("div", {
+          /* @__PURE__ */ jsxDEV5("div", {
             className: "space-y-8",
             children: [
-              constructorParams.length > 0 && /* @__PURE__ */ jsxDEV7("section", {
+              constructorParams.length > 0 && /* @__PURE__ */ jsxDEV5("section", {
                 children: [
-                  /* @__PURE__ */ jsxDEV7("h3", {
+                  /* @__PURE__ */ jsxDEV5("h3", {
                     className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
                     children: "Constructor"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV7("div", {
+                  /* @__PURE__ */ jsxDEV5("div", {
                     className: "ml-2 border-l-2 border-fd-border pl-4",
-                    children: constructorParams.map((param, index) => /* @__PURE__ */ jsxDEV7(ExpandableProperty, {
+                    children: constructorParams.map((param, index) => /* @__PURE__ */ jsxDEV5(ExpandableProperty, {
                       param
                     }, param.name ?? index, false, undefined, this))
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              methods.length > 0 && /* @__PURE__ */ jsxDEV7("section", {
+              methods.length > 0 && /* @__PURE__ */ jsxDEV5("section", {
                 children: [
-                  /* @__PURE__ */ jsxDEV7("h3", {
+                  /* @__PURE__ */ jsxDEV5("h3", {
                     className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
                     children: "Methods"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV7("div", {
+                  /* @__PURE__ */ jsxDEV5("div", {
                     className: "rounded-lg border border-fd-border overflow-hidden",
-                    children: methods.map((member, index) => /* @__PURE__ */ jsxDEV7(CollapsibleMethod, {
+                    children: methods.map((member, index) => /* @__PURE__ */ jsxDEV5(CollapsibleMethod, {
                       member,
                       defaultExpanded: index === 0
                     }, member.name ?? index, false, undefined, this))
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              properties.length > 0 && /* @__PURE__ */ jsxDEV7("section", {
+              properties.length > 0 && /* @__PURE__ */ jsxDEV5("section", {
                 children: [
-                  /* @__PURE__ */ jsxDEV7("h3", {
+                  /* @__PURE__ */ jsxDEV5("h3", {
                     className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
                     children: "Properties"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV7("div", {
+                  /* @__PURE__ */ jsxDEV5("div", {
                     className: "rounded-lg border border-fd-border bg-fd-card px-4",
-                    children: properties.map((member, index) => /* @__PURE__ */ jsxDEV7(PropertyItem, {
+                    children: properties.map((member, index) => /* @__PURE__ */ jsxDEV5(PropertyItem, {
                       member
                     }, member.name ?? index, false, undefined, this))
                   }, undefined, false, undefined, this)
@@ -811,14 +670,14 @@ function ClassPage({ export: exp, spec }) {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          hasExamples && /* @__PURE__ */ jsxDEV7("div", {
+          hasExamples && /* @__PURE__ */ jsxDEV5("div", {
             className: "lg:sticky lg:top-20 lg:self-start",
             children: [
-              /* @__PURE__ */ jsxDEV7("h3", {
+              /* @__PURE__ */ jsxDEV5("h3", {
                 className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
                 children: "Example"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7(CodeExample, {
+              /* @__PURE__ */ jsxDEV5(CodeExample, {
                 code: exp.examples[0],
                 filename: `${exp.name.toLowerCase()}.ts`
               }, undefined, false, undefined, this)
@@ -826,16 +685,102 @@ function ClassPage({ export: exp, spec }) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      exp.docs && /* @__PURE__ */ jsxDEV7(CoverageBadge, {
+      exp.docs && /* @__PURE__ */ jsxDEV5(CoverageBadge, {
         docs: exp.docs
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 
+// src/components/examples.tsx
+import { useState as useState3 } from "react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+
+function CopyButton({ text }) {
+  const [copied, setCopied] = useState3(false);
+  const handleCopy = async () => {
+    await navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  };
+  return /* @__PURE__ */ jsxDEV6("button", {
+    type: "button",
+    onClick: handleCopy,
+    className: "absolute top-2 right-2 p-1.5 rounded-md bg-fd-secondary hover:bg-fd-accent text-fd-muted-foreground hover:text-fd-foreground transition-colors opacity-0 group-hover:opacity-100",
+    "aria-label": "Copy code",
+    children: copied ? /* @__PURE__ */ jsxDEV6("svg", {
+      className: "w-4 h-4",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxDEV6("path", {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 2,
+        d: "M5 13l4 4L19 7"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6("svg", {
+      className: "w-4 h-4",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxDEV6("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"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function ExamplesSection({ examples }) {
+  const [activeIndex, setActiveIndex] = useState3(0);
+  if (!examples?.length)
+    return null;
+  const showTabs = examples.length > 1;
+  return /* @__PURE__ */ jsxDEV6("div", {
+    className: "my-6",
+    children: [
+      /* @__PURE__ */ jsxDEV6("h3", {
+        className: "text-lg font-semibold mb-3",
+        children: "Examples"
+      }, undefined, false, undefined, this),
+      showTabs && /* @__PURE__ */ jsxDEV6("div", {
+        className: "flex gap-1 mb-2 border-b border-fd-border",
+        children: examples.map((example, index) => /* @__PURE__ */ jsxDEV6("button", {
+          type: "button",
+          onClick: () => setActiveIndex(index),
+          className: `px-3 py-1.5 text-sm font-medium transition-colors ${activeIndex === index ? "text-fd-primary border-b-2 border-fd-primary -mb-px" : "text-fd-muted-foreground hover:text-fd-foreground"}`,
+          children: [
+            "Example ",
+            index + 1
+          ]
+        }, `example-${typeof example === "string" ? example.slice(0, 20) : index}`, true, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("div", {
+        className: "group relative",
+        children: [
+          /* @__PURE__ */ jsxDEV6("pre", {
+            className: "overflow-x-auto rounded-lg border border-fd-border bg-fd-secondary p-4",
+            children: /* @__PURE__ */ jsxDEV6("code", {
+              className: "font-mono text-sm text-fd-foreground whitespace-pre",
+              children: examples[activeIndex]
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6(CopyButton, {
+            text: examples[activeIndex]
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
 // src/components/signature.tsx
 import { ClientDocsKitCode as ClientDocsKitCode2 } from "@doccov/ui/docskit";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
 
 function formatTypeParameters(typeParams) {
   if (!typeParams?.length)
@@ -855,12 +800,12 @@ function formatParameters(sig) {
     return "()";
   const params = sig.parameters.map((p) => {
     const optional = p.required === false ? "?" : "";
-    const type = formatSchema5(p.schema);
+    const type = formatSchema3(p.schema);
     return `${p.name}${optional}: ${type}`;
   });
   return `(${params.join(", ")})`;
 }
-function formatSchema5(schema) {
+function formatSchema3(schema) {
   if (!schema)
     return "unknown";
   if (typeof schema === "string")
@@ -870,8 +815,6 @@ function formatSchema5(schema) {
     if (s.$ref && typeof s.$ref === "string") {
       return s.$ref.replace("#/types/", "");
     }
-    if (s.tsType)
-      return String(s.tsType);
     if (s.type)
       return String(s.type);
   }
@@ -880,9 +823,7 @@ function formatSchema5(schema) {
 function formatReturnType2(sig) {
   if (!sig?.returns)
     return "void";
-  if (sig.returns.tsType)
-    return sig.returns.tsType;
-  return formatSchema5(sig.returns.schema);
+  return formatSchema3(sig.returns.schema);
 }
 function buildSignatureString(exp, sigIndex = 0) {
   const sig = exp.signatures?.[sigIndex];
@@ -903,14 +844,14 @@ function buildSignatureString(exp, sigIndex = 0) {
       return `interface ${exp.name}${typeParams}${ext}`;
     }
     case "type": {
-      const typeValue = typeof exp.type === "string" ? exp.type : formatSchema5(exp.schema);
+      const typeValue = typeof exp.type === "string" ? exp.type : formatSchema3(exp.schema);
       return `type ${exp.name}${typeParams} = ${typeValue}`;
     }
     case "enum": {
       return `enum ${exp.name}`;
     }
     case "variable": {
-      const typeValue = typeof exp.type === "string" ? exp.type : formatSchema5(exp.schema);
+      const typeValue = typeof exp.type === "string" ? exp.type : formatSchema3(exp.schema);
       return `const ${exp.name}: ${typeValue}`;
     }
     default:
@@ -924,16 +865,16 @@ function Signature({ export: exp, signatureIndex = 0 }) {
     lang: "typescript",
     meta: "c"
   };
-  return /* @__PURE__ */ jsxDEV8("div", {
+  return /* @__PURE__ */ jsxDEV7("div", {
     className: "not-prose",
     children: [
-      /* @__PURE__ */ jsxDEV8(ClientDocsKitCode2, {
+      /* @__PURE__ */ jsxDEV7(ClientDocsKitCode2, {
         codeblock
       }, undefined, false, undefined, this),
-      exp.deprecated && /* @__PURE__ */ jsxDEV8("div", {
+      exp.deprecated && /* @__PURE__ */ jsxDEV7("div", {
         className: "mt-2 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__ */ jsxDEV8("strong", {
+          /* @__PURE__ */ jsxDEV7("strong", {
             children: "Deprecated:"
           }, undefined, false, undefined, this),
           " This export is deprecated."
@@ -943,10 +884,106 @@ function Signature({ export: exp, signatureIndex = 0 }) {
   }, undefined, true, undefined, this);
 }
 
-// src/components/type-table.tsx
+// src/components/enum-page.tsx
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+
+function EnumPage({ export: exp, spec: _spec }) {
+  const members = exp.members ?? [];
+  return /* @__PURE__ */ jsxDEV8("div", {
+    className: "space-y-6",
+    children: [
+      exp.description && /* @__PURE__ */ jsxDEV8("p", {
+        className: "text-fd-muted-foreground text-base leading-relaxed",
+        children: exp.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV8("section", {
+        children: [
+          /* @__PURE__ */ jsxDEV8("h2", {
+            className: "text-xl font-semibold mb-2",
+            children: "Declaration"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8(Signature, {
+            export: exp
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      members.length > 0 && /* @__PURE__ */ jsxDEV8("section", {
+        children: [
+          /* @__PURE__ */ jsxDEV8("h2", {
+            className: "text-xl font-semibold mb-2",
+            children: "Members"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8("div", {
+            className: "overflow-x-auto",
+            children: /* @__PURE__ */ jsxDEV8("table", {
+              className: "w-full text-sm border-collapse",
+              children: [
+                /* @__PURE__ */ jsxDEV8("thead", {
+                  children: /* @__PURE__ */ jsxDEV8("tr", {
+                    className: "border-b border-fd-border",
+                    children: [
+                      /* @__PURE__ */ jsxDEV8("th", {
+                        className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
+                        children: "Name"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV8("th", {
+                        className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
+                        children: "Value"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV8("th", {
+                        className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
+                        children: "Description"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV8("tbody", {
+                  children: members.map((member, index) => {
+                    const value = member.schema !== undefined ? typeof member.schema === "object" && member.schema !== null ? member.schema.const ?? member.schema.default ?? "-" : member.schema : "-";
+                    return /* @__PURE__ */ jsxDEV8("tr", {
+                      className: "border-b border-fd-border last:border-0",
+                      children: [
+                        /* @__PURE__ */ jsxDEV8("td", {
+                          className: "py-2 px-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV8("code", {
+                            className: "text-fd-primary font-mono text-xs bg-fd-secondary px-1.5 py-0.5 rounded",
+                            children: member.name
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV8("td", {
+                          className: "py-2 px-3 align-top",
+                          children: /* @__PURE__ */ jsxDEV8("code", {
+                            className: "font-mono text-xs text-fd-muted-foreground",
+                            children: String(value)
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV8("td", {
+                          className: "py-2 px-3 align-top text-fd-muted-foreground",
+                          children: member.description ?? ""
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, member.name ?? index, true, undefined, this);
+                  })
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      exp.examples && exp.examples.length > 0 && /* @__PURE__ */ jsxDEV8(ExamplesSection, {
+        examples: exp.examples
+      }, undefined, false, undefined, this),
+      exp.docs && /* @__PURE__ */ jsxDEV8(CoverageBadge, {
+        docs: exp.docs
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/parameter-card.tsx
 import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
 
-function formatSchema6(schema) {
+function formatSchema4(schema) {
   if (!schema)
     return "unknown";
   if (typeof schema === "string")
@@ -954,80 +991,216 @@ function formatSchema6(schema) {
   if (typeof schema === "object" && schema !== null) {
     const s = schema;
     if (s.$ref && typeof s.$ref === "string") {
-      const refName = s.$ref.replace("#/types/", "");
-      return refName;
+      return s.$ref.replace("#/types/", "");
     }
     if (s.type)
       return String(s.type);
-    if (s.tsType)
-      return String(s.tsType);
   }
   return "unknown";
 }
-function isParameter(item) {
-  return "required" in item;
-}
-function TypeTable({ items, showRequired = true }) {
-  if (!items?.length)
-    return null;
+function ParameterCard({ param, spec: _spec }) {
+  const type = formatSchema4(param.schema);
+  const isRequired = param.required !== false;
   return /* @__PURE__ */ jsxDEV9("div", {
-    className: "my-4 overflow-x-auto",
-    children: /* @__PURE__ */ jsxDEV9("table", {
-      className: "w-full text-sm border-collapse",
-      children: [
-        /* @__PURE__ */ jsxDEV9("thead", {
-          children: /* @__PURE__ */ jsxDEV9("tr", {
+    className: "rounded-lg border border-fd-border bg-fd-card/50 p-4",
+    children: [
+      /* @__PURE__ */ jsxDEV9("div", {
+        className: "flex items-center gap-2 mb-1",
+        children: [
+          /* @__PURE__ */ jsxDEV9("span", {
+            className: "font-mono text-sm text-fd-foreground",
+            children: param.name
+          }, undefined, false, undefined, this),
+          isRequired && /* @__PURE__ */ jsxDEV9("span", {
+            className: "text-[10px] font-semibold px-1.5 py-0.5 rounded border border-fd-border bg-fd-muted text-fd-muted-foreground uppercase tracking-wide",
+            children: "Required"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV9("div", {
+        className: "text-sm text-fd-muted-foreground font-mono",
+        children: type
+      }, undefined, false, undefined, this),
+      param.description && /* @__PURE__ */ jsxDEV9("p", {
+        className: "text-sm text-fd-muted-foreground mt-2",
+        children: param.description
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/function-page.tsx
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+
+function formatSchema5(schema) {
+  if (!schema)
+    return "unknown";
+  if (typeof schema === "string")
+    return schema;
+  if (typeof schema === "object" && schema !== null) {
+    const s = schema;
+    if (s.$ref && typeof s.$ref === "string") {
+      return s.$ref.replace("#/types/", "");
+    }
+    if (s.type)
+      return String(s.type);
+  }
+  return "unknown";
+}
+function FunctionPage({ export: exp, spec }) {
+  const sig = exp.signatures?.[0];
+  const hasExamples = exp.examples && exp.examples.length > 0;
+  const hasParams = sig?.parameters && sig.parameters.length > 0;
+  return /* @__PURE__ */ jsxDEV10("div", {
+    className: "space-y-6 not-prose",
+    children: [
+      exp.description && /* @__PURE__ */ jsxDEV10("p", {
+        className: "text-fd-muted-foreground leading-relaxed",
+        children: exp.description
+      }, undefined, false, undefined, this),
+      sig?.returns && /* @__PURE__ */ jsxDEV10("p", {
+        className: "text-fd-muted-foreground text-sm",
+        children: [
+          /* @__PURE__ */ jsxDEV10("span", {
+            className: "font-medium text-fd-foreground",
+            children: "Returns:"
+          }, undefined, false, undefined, this),
+          " ",
+          sig.returns.description || `A ${formatSchema5(sig.returns.schema)}`
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV10("div", {
+        className: "not-prose",
+        style: {
+          display: hasExamples ? "grid" : "block",
+          gridTemplateColumns: hasExamples ? "repeat(2, minmax(0, 1fr))" : undefined,
+          gap: "2rem",
+          alignItems: "start"
+        },
+        children: [
+          /* @__PURE__ */ jsxDEV10("div", {
+            className: "space-y-6",
+            children: hasParams && /* @__PURE__ */ jsxDEV10("div", {
+              children: [
+                /* @__PURE__ */ jsxDEV10("h3", {
+                  className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
+                  children: "Parameters"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV10("div", {
+                  className: "space-y-3",
+                  children: sig.parameters.map((param, index) => /* @__PURE__ */ jsxDEV10(ParameterCard, {
+                    param,
+                    spec
+                  }, param.name ?? index, false, undefined, this))
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          hasExamples && /* @__PURE__ */ jsxDEV10("div", {
+            style: { position: "sticky", top: "5rem" },
+            children: [
+              /* @__PURE__ */ jsxDEV10("h3", {
+                className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
+                children: "Example"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV10(CodeExample, {
+                code: exp.examples[0],
+                filename: `${exp.name.toLowerCase().replace(/[^a-z0-9]/g, "-")}.ts`
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      exp.docs && /* @__PURE__ */ jsxDEV10(CoverageBadge, {
+        docs: exp.docs
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/type-table.tsx
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+
+function formatSchema6(schema) {
+  if (!schema)
+    return "unknown";
+  if (typeof schema === "string")
+    return schema;
+  if (typeof schema === "object" && schema !== null) {
+    const s = schema;
+    if (s.$ref && typeof s.$ref === "string") {
+      const refName = s.$ref.replace("#/types/", "");
+      return refName;
+    }
+    if (s.type)
+      return String(s.type);
+  }
+  return "unknown";
+}
+function isParameter(item) {
+  return "required" in item;
+}
+function TypeTable({ items, showRequired = true }) {
+  if (!items?.length)
+    return null;
+  return /* @__PURE__ */ jsxDEV11("div", {
+    className: "my-4 overflow-x-auto",
+    children: /* @__PURE__ */ jsxDEV11("table", {
+      className: "w-full text-sm border-collapse",
+      children: [
+        /* @__PURE__ */ jsxDEV11("thead", {
+          children: /* @__PURE__ */ jsxDEV11("tr", {
             className: "border-b border-fd-border",
             children: [
-              /* @__PURE__ */ jsxDEV9("th", {
+              /* @__PURE__ */ jsxDEV11("th", {
                 className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
                 children: "Name"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV9("th", {
+              /* @__PURE__ */ jsxDEV11("th", {
                 className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
                 children: "Type"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV9("th", {
+              /* @__PURE__ */ jsxDEV11("th", {
                 className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
                 children: "Description"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV9("tbody", {
+        /* @__PURE__ */ jsxDEV11("tbody", {
           children: items.map((item, index) => {
             const name = item.name ?? `arg${index}`;
             const type = formatSchema6(item.schema);
             const description = item.description ?? "";
             const required = isParameter(item) ? item.required : true;
-            return /* @__PURE__ */ jsxDEV9("tr", {
+            return /* @__PURE__ */ jsxDEV11("tr", {
               className: "border-b border-fd-border last:border-0",
               children: [
-                /* @__PURE__ */ jsxDEV9("td", {
+                /* @__PURE__ */ jsxDEV11("td", {
                   className: "py-2 px-3 align-top",
                   children: [
-                    /* @__PURE__ */ jsxDEV9("code", {
+                    /* @__PURE__ */ jsxDEV11("code", {
                       className: "text-fd-primary font-mono text-xs bg-fd-secondary px-1.5 py-0.5 rounded",
                       children: name
                     }, undefined, false, undefined, this),
-                    showRequired && required && /* @__PURE__ */ jsxDEV9("span", {
+                    showRequired && required && /* @__PURE__ */ jsxDEV11("span", {
                       className: "ml-1 text-red-500 text-xs",
                       children: "*"
                     }, undefined, false, undefined, this),
-                    showRequired && !required && /* @__PURE__ */ jsxDEV9("span", {
+                    showRequired && !required && /* @__PURE__ */ jsxDEV11("span", {
                       className: "ml-1 text-fd-muted-foreground text-xs",
                       children: "?"
                     }, undefined, false, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV9("td", {
+                /* @__PURE__ */ jsxDEV11("td", {
                   className: "py-2 px-3 align-top",
-                  children: /* @__PURE__ */ jsxDEV9("code", {
+                  children: /* @__PURE__ */ jsxDEV11("code", {
                     className: "font-mono text-xs text-fd-muted-foreground",
                     children: type
                   }, undefined, false, undefined, this)
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV9("td", {
+                /* @__PURE__ */ jsxDEV11("td", {
                   className: "py-2 px-3 align-top text-fd-muted-foreground",
                   children: description
                 }, undefined, false, undefined, this)
@@ -1040,172 +1213,103 @@ function TypeTable({ items, showRequired = true }) {
   }, undefined, false, undefined, this);
 }
 
-// src/components/examples.tsx
-import { useState as useState3 } from "react";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
-
-function CopyButton({ text }) {
-  const [copied, setCopied] = useState3(false);
-  const handleCopy = async () => {
-    await navigator.clipboard.writeText(text);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2000);
-  };
-  return /* @__PURE__ */ jsxDEV10("button", {
-    type: "button",
-    onClick: handleCopy,
-    className: "absolute top-2 right-2 p-1.5 rounded-md bg-fd-secondary hover:bg-fd-accent text-fd-muted-foreground hover:text-fd-foreground transition-colors opacity-0 group-hover:opacity-100",
-    "aria-label": "Copy code",
-    children: copied ? /* @__PURE__ */ jsxDEV10("svg", {
-      className: "w-4 h-4",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxDEV10("path", {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 2,
-        d: "M5 13l4 4L19 7"
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV10("svg", {
-      className: "w-4 h-4",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxDEV10("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"
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function ExamplesSection({ examples }) {
-  const [activeIndex, setActiveIndex] = useState3(0);
-  if (!examples?.length)
-    return null;
-  const showTabs = examples.length > 1;
-  return /* @__PURE__ */ jsxDEV10("div", {
-    className: "my-6",
-    children: [
-      /* @__PURE__ */ jsxDEV10("h3", {
-        className: "text-lg font-semibold mb-3",
-        children: "Examples"
-      }, undefined, false, undefined, this),
-      showTabs && /* @__PURE__ */ jsxDEV10("div", {
-        className: "flex gap-1 mb-2 border-b border-fd-border",
-        children: examples.map((_, index) => /* @__PURE__ */ jsxDEV10("button", {
-          type: "button",
-          onClick: () => setActiveIndex(index),
-          className: `px-3 py-1.5 text-sm font-medium transition-colors ${activeIndex === index ? "text-fd-primary border-b-2 border-fd-primary -mb-px" : "text-fd-muted-foreground hover:text-fd-foreground"}`,
-          children: [
-            "Example ",
-            index + 1
-          ]
-        }, index, true, undefined, this))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV10("div", {
-        className: "group relative",
-        children: [
-          /* @__PURE__ */ jsxDEV10("pre", {
-            className: "overflow-x-auto rounded-lg border border-fd-border bg-fd-secondary p-4",
-            children: /* @__PURE__ */ jsxDEV10("code", {
-              className: "font-mono text-sm text-fd-foreground whitespace-pre",
-              children: examples[activeIndex]
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(CopyButton, {
-            text: examples[activeIndex]
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
 // src/components/interface-page.tsx
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
 
+function formatSchema7(schema) {
+  if (!schema)
+    return "unknown";
+  if (typeof schema === "string")
+    return schema;
+  if (typeof schema === "object" && schema !== null) {
+    const s = schema;
+    if (s.$ref && typeof s.$ref === "string") {
+      return s.$ref.replace("#/types/", "");
+    }
+    if (s.type)
+      return String(s.type);
+  }
+  return "unknown";
+}
 function InterfacePage({ export: exp, spec }) {
   const properties = exp.members?.filter((m) => m.kind === "property" || m.kind === "field" || !m.kind);
   const methods = exp.members?.filter((m) => m.kind === "method" || m.kind === "function");
-  return /* @__PURE__ */ jsxDEV11("div", {
+  return /* @__PURE__ */ jsxDEV12("div", {
     className: "space-y-6",
     children: [
-      exp.description && /* @__PURE__ */ jsxDEV11("p", {
+      exp.description && /* @__PURE__ */ jsxDEV12("p", {
         className: "text-fd-muted-foreground text-base leading-relaxed",
         children: exp.description
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV11("section", {
+      /* @__PURE__ */ jsxDEV12("section", {
         children: [
-          /* @__PURE__ */ jsxDEV11("h2", {
+          /* @__PURE__ */ jsxDEV12("h2", {
             className: "text-xl font-semibold mb-2",
             children: "Declaration"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11(Signature, {
+          /* @__PURE__ */ jsxDEV12(Signature, {
             export: exp
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      exp.extends && /* @__PURE__ */ jsxDEV11("section", {
+      exp.extends && /* @__PURE__ */ jsxDEV12("section", {
         children: [
-          /* @__PURE__ */ jsxDEV11("h2", {
+          /* @__PURE__ */ jsxDEV12("h2", {
             className: "text-xl font-semibold mb-2",
             children: "Extends"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("div", {
+          /* @__PURE__ */ jsxDEV12("div", {
             className: "rounded-lg border border-fd-border bg-fd-card p-4",
-            children: /* @__PURE__ */ jsxDEV11("code", {
+            children: /* @__PURE__ */ jsxDEV12("code", {
               className: "font-mono text-sm text-fd-primary",
               children: exp.extends
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      properties && properties.length > 0 && /* @__PURE__ */ jsxDEV11("section", {
+      properties && properties.length > 0 && /* @__PURE__ */ jsxDEV12("section", {
         children: [
-          /* @__PURE__ */ jsxDEV11("h2", {
+          /* @__PURE__ */ jsxDEV12("h2", {
             className: "text-xl font-semibold mb-2",
             children: "Properties"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11(TypeTable, {
+          /* @__PURE__ */ jsxDEV12(TypeTable, {
             items: properties,
             spec,
             showRequired: true
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      methods && methods.length > 0 && /* @__PURE__ */ jsxDEV11("section", {
+      methods && methods.length > 0 && /* @__PURE__ */ jsxDEV12("section", {
         children: [
-          /* @__PURE__ */ jsxDEV11("h2", {
+          /* @__PURE__ */ jsxDEV12("h2", {
             className: "text-xl font-semibold mb-2",
             children: "Methods"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("div", {
+          /* @__PURE__ */ jsxDEV12("div", {
             className: "space-y-4",
             children: methods.map((method, index) => {
               const sig = method.signatures?.[0];
               const params = sig?.parameters ?? [];
-              const returnType = sig?.returns?.tsType ?? "void";
-              return /* @__PURE__ */ jsxDEV11("div", {
+              const returnType = formatSchema7(sig?.returns?.schema);
+              return /* @__PURE__ */ jsxDEV12("div", {
                 className: "rounded-lg border border-fd-border p-4",
                 children: [
-                  /* @__PURE__ */ jsxDEV11("code", {
+                  /* @__PURE__ */ jsxDEV12("code", {
                     className: "font-mono text-sm text-fd-primary",
                     children: [
                       method.name,
                       "(",
                       params.map((p) => {
                         const optional = p.required === false ? "?" : "";
-                        const type = typeof p.schema === "string" ? p.schema : p.schema?.tsType ?? "any";
+                        const type = formatSchema7(p.schema);
                         return `${p.name}${optional}: ${type}`;
                       }).join(", "),
                       "): ",
                       returnType
                     ]
                   }, undefined, true, undefined, this),
-                  method.description && /* @__PURE__ */ jsxDEV11("p", {
+                  method.description && /* @__PURE__ */ jsxDEV12("p", {
                     className: "text-sm text-fd-muted-foreground mt-2",
                     children: method.description
                   }, undefined, false, undefined, this)
@@ -1215,102 +1319,6 @@ function InterfacePage({ export: exp, spec }) {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      exp.examples && exp.examples.length > 0 && /* @__PURE__ */ jsxDEV11(ExamplesSection, {
-        examples: exp.examples
-      }, undefined, false, undefined, this),
-      exp.docs && /* @__PURE__ */ jsxDEV11(CoverageBadge, {
-        docs: exp.docs
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/components/enum-page.tsx
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
-
-function EnumPage({ export: exp, spec }) {
-  const members = exp.members ?? [];
-  return /* @__PURE__ */ jsxDEV12("div", {
-    className: "space-y-6",
-    children: [
-      exp.description && /* @__PURE__ */ jsxDEV12("p", {
-        className: "text-fd-muted-foreground text-base leading-relaxed",
-        children: exp.description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV12("section", {
-        children: [
-          /* @__PURE__ */ jsxDEV12("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Declaration"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(Signature, {
-            export: exp
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      members.length > 0 && /* @__PURE__ */ jsxDEV12("section", {
-        children: [
-          /* @__PURE__ */ jsxDEV12("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Members"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("div", {
-            className: "overflow-x-auto",
-            children: /* @__PURE__ */ jsxDEV12("table", {
-              className: "w-full text-sm border-collapse",
-              children: [
-                /* @__PURE__ */ jsxDEV12("thead", {
-                  children: /* @__PURE__ */ jsxDEV12("tr", {
-                    className: "border-b border-fd-border",
-                    children: [
-                      /* @__PURE__ */ jsxDEV12("th", {
-                        className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
-                        children: "Name"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV12("th", {
-                        className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
-                        children: "Value"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV12("th", {
-                        className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
-                        children: "Description"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV12("tbody", {
-                  children: members.map((member, index) => {
-                    const value = member.schema !== undefined ? typeof member.schema === "object" && member.schema !== null ? member.schema.const ?? member.schema.default ?? "-" : member.schema : "-";
-                    return /* @__PURE__ */ jsxDEV12("tr", {
-                      className: "border-b border-fd-border last:border-0",
-                      children: [
-                        /* @__PURE__ */ jsxDEV12("td", {
-                          className: "py-2 px-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV12("code", {
-                            className: "text-fd-primary font-mono text-xs bg-fd-secondary px-1.5 py-0.5 rounded",
-                            children: member.name
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV12("td", {
-                          className: "py-2 px-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV12("code", {
-                            className: "font-mono text-xs text-fd-muted-foreground",
-                            children: String(value)
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV12("td", {
-                          className: "py-2 px-3 align-top text-fd-muted-foreground",
-                          children: member.description ?? ""
-                        }, undefined, false, undefined, this)
-                      ]
-                    }, member.name ?? index, true, undefined, this);
-                  })
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
       exp.examples && exp.examples.length > 0 && /* @__PURE__ */ jsxDEV12(ExamplesSection, {
         examples: exp.examples
       }, undefined, false, undefined, this),
@@ -1324,7 +1332,7 @@ function EnumPage({ export: exp, spec }) {
 // src/components/variable-page.tsx
 import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
 
-function formatSchema7(schema) {
+function formatSchema8(schema) {
   if (!schema)
     return "unknown";
   if (typeof schema === "string")
@@ -1334,15 +1342,13 @@ function formatSchema7(schema) {
     if (s.$ref && typeof s.$ref === "string") {
       return s.$ref.replace("#/types/", "");
     }
-    if (s.tsType)
-      return String(s.tsType);
     if (s.type)
       return String(s.type);
   }
   return "unknown";
 }
-function VariablePage({ export: exp, spec }) {
-  const typeValue = typeof exp.type === "string" ? exp.type : formatSchema7(exp.schema);
+function VariablePage({ export: exp, spec: _spec }) {
+  const typeValue = typeof exp.type === "string" ? exp.type : formatSchema8(exp.schema);
   const hasExamples = exp.examples && exp.examples.length > 0;
   return /* @__PURE__ */ jsxDEV13("div", {
     className: "space-y-8",
@@ -1473,11 +1479,6 @@ function APIPage({ spec, instance, id }) {
       return /* @__PURE__ */ jsxDEV14(EnumPage, {
         ...pageProps
       }, undefined, false, undefined, this);
-    case "variable":
-    case "namespace":
-    case "module":
-    case "reference":
-    case "external":
     default:
       return /* @__PURE__ */ jsxDEV14(VariablePage, {
         ...pageProps
@@ -1485,4 +1486,4 @@ function APIPage({ spec, instance, id }) {
   }
 }
 
-export { ParameterCard, CodeExample, CoverageBadge, FunctionPage, NestedProperty, ExpandableProperty, CollapsibleMethod, ClassPage, Signature, TypeTable, ExamplesSection, InterfacePage, EnumPage, VariablePage, APIPage };
+export { CodeExample, NestedProperty, ExpandableProperty, CollapsibleMethod, CoverageBadge, ClassPage, ExamplesSection, Signature, EnumPage, ParameterCard, FunctionPage, TypeTable, InterfacePage, VariablePage, APIPage };