@doccov/fumadocs-adapter 0.0.1

package/dist/shared/chunk-pqaj3kdh.js

@@ -0,0 +1,1488 @@
+"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";
+
+function cleanCode(code) {
+  let cleaned = code.trim();
+  if (cleaned.startsWith("```")) {
+    const lines = cleaned.split(`
+`);
+    lines.shift();
+    if (lines[lines.length - 1] === "```") {
+      lines.pop();
+    }
+    cleaned = lines.join(`
+`);
+  }
+  return cleaned;
+}
+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, {
+    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";
+
+function ChevronIcon({ expanded }) {
+  return /* @__PURE__ */ jsxDEV5("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    className: `transition-transform duration-200 ${expanded ? "rotate-90" : ""}`,
+    children: /* @__PURE__ */ jsxDEV5("path", {
+      d: "M4.5 2.5L8 6L4.5 9.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function formatType(schema) {
+  if (!schema)
+    return "unknown";
+  if (typeof schema === "string")
+    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;
+    }
+    if (s.anyOf && Array.isArray(s.anyOf)) {
+      return s.anyOf.map(formatType).join(" | ");
+    }
+    if (s.oneOf && Array.isArray(s.oneOf)) {
+      return s.oneOf.map(formatType).join(" | ");
+    }
+    if (s.type === "array" && s.items) {
+      return `${formatType(s.items)}[]`;
+    }
+    if (s.type)
+      return String(s.type);
+  }
+  return "unknown";
+}
+function getNestedProperties(schema) {
+  if (!schema || typeof schema !== "object")
+    return null;
+  const s = schema;
+  if (s.type === "object" && s.properties && typeof s.properties === "object") {
+    return s.properties;
+  }
+  return null;
+}
+function getRequiredFields(schema) {
+  if (!schema || typeof schema !== "object")
+    return [];
+  const s = schema;
+  if (Array.isArray(s.required)) {
+    return s.required;
+  }
+  return [];
+}
+function countProperties(schema) {
+  const props = getNestedProperties(schema);
+  return props ? Object.keys(props).length : 0;
+}
+function NestedProperty({ name, schema, required = false, depth = 0 }) {
+  const [expanded, setExpanded] = useState(false);
+  const type = formatType(schema);
+  const nestedProps = getNestedProperties(schema);
+  const nestedCount = countProperties(schema);
+  const hasNested = nestedCount > 0;
+  const schemaObj = schema;
+  const description = schemaObj?.description;
+  return /* @__PURE__ */ jsxDEV5("div", {
+    className: "flex flex-col border-b border-fd-border last:border-0",
+    children: [
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "flex flex-row items-start gap-2 py-2.5 px-3",
+        children: [
+          /* @__PURE__ */ jsxDEV5("div", {
+            className: "flex-1 min-w-0",
+            children: [
+              /* @__PURE__ */ jsxDEV5("div", {
+                className: "flex items-baseline gap-2 flex-wrap",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("span", {
+                    className: "font-mono text-sm font-medium text-fd-foreground",
+                    children: [
+                      name,
+                      !required && "?",
+                      ":"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("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", {
+                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", {
+            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, {
+                expanded
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("span", {
+                children: [
+                  nestedCount,
+                  " properties"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      hasNested && expanded && nestedProps && /* @__PURE__ */ jsxDEV5("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, {
+          name: propName,
+          schema: propSchema,
+          required: getRequiredFields(schema).includes(propName),
+          depth: depth + 1
+        }, propName, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function ExpandableProperty({ param, depth = 0 }) {
+  const [expanded, setExpanded] = useState(false);
+  const type = formatType(param.schema);
+  const isOptional = param.required === false;
+  const nestedProps = getNestedProperties(param.schema);
+  const nestedCount = countProperties(param.schema);
+  const hasNested = nestedCount > 0;
+  return /* @__PURE__ */ jsxDEV5("div", {
+    className: "flex flex-col border-b border-fd-border last:border-0",
+    children: [
+      /* @__PURE__ */ jsxDEV5("div", {
+        className: "flex flex-row items-start gap-2 py-3",
+        children: [
+          /* @__PURE__ */ jsxDEV5("div", {
+            className: "flex-1 min-w-0",
+            children: [
+              /* @__PURE__ */ jsxDEV5("div", {
+                className: "flex items-baseline gap-2 flex-wrap",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("span", {
+                    className: "font-mono text-sm font-medium text-fd-foreground",
+                    children: [
+                      param.name,
+                      isOptional && "?",
+                      ":"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("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", {
+                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", {
+            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, {
+                expanded
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("span", {
+                children: [
+                  nestedCount,
+                  " properties"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      hasNested && expanded && nestedProps && /* @__PURE__ */ jsxDEV5("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, {
+          name: propName,
+          schema: propSchema,
+          required: getRequiredFields(param.schema).includes(propName),
+          depth: depth + 1
+        }, propName, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/collapsible-method.tsx
+import { useState as useState2, useEffect } from "react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+
+function ChevronIcon2({ expanded }) {
+  return /* @__PURE__ */ jsxDEV6("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    className: `transition-transform duration-200 ${expanded ? "rotate-90" : ""}`,
+    children: /* @__PURE__ */ jsxDEV6("path", {
+      d: "M6 4L10 8L6 12",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function formatSchema3(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) {
+      const tsType = String(s.tsType);
+      if (tsType.length > 40)
+        return tsType.slice(0, 37) + "...";
+      return tsType;
+    }
+    if (s.type)
+      return String(s.type);
+  }
+  return "unknown";
+}
+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);
+}
+function formatParamPreview(params) {
+  if (!params || params.length === 0)
+    return "";
+  if (params.length === 1)
+    return params[0].name || "arg";
+  return `${params[0].name || "arg"}, ...`;
+}
+function CollapsibleMethod({ member, defaultExpanded = false }) {
+  const [expanded, setExpanded] = useState2(defaultExpanded);
+  const sig = member.signatures?.[0];
+  const hasParams = sig?.parameters && sig.parameters.length > 0;
+  const visibility = member.visibility ?? "public";
+  const flags = member.flags;
+  const isStatic = flags?.static;
+  const isAsync = flags?.async;
+  const returnType = formatReturnType(sig?.returns);
+  const returnDescription = sig?.returns?.description;
+  const paramPreview = formatParamPreview(sig?.parameters);
+  useEffect(() => {
+    if (typeof window !== "undefined" && window.location.hash === `#${member.name}`) {
+      setExpanded(true);
+    }
+  }, [member.name]);
+  return /* @__PURE__ */ jsxDEV6("div", {
+    id: member.name,
+    className: "scroll-mt-20 border-b border-fd-border last:border-0",
+    children: [
+      /* @__PURE__ */ jsxDEV6("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", {
+            className: "text-fd-muted-foreground group-hover:text-fd-foreground transition-colors",
+            children: /* @__PURE__ */ jsxDEV6(ChevronIcon2, {
+              expanded
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6("div", {
+            className: "flex-1 min-w-0 flex items-baseline gap-2 flex-wrap",
+            children: [
+              /* @__PURE__ */ jsxDEV6("span", {
+                className: "font-mono text-sm font-semibold text-fd-foreground",
+                children: [
+                  member.name,
+                  /* @__PURE__ */ jsxDEV6("span", {
+                    className: "text-fd-muted-foreground font-normal",
+                    children: [
+                      "(",
+                      paramPreview,
+                      ")"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV6("span", {
+                className: "text-fd-muted-foreground",
+                children: "→"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV6("span", {
+                className: "font-mono text-sm text-fd-muted-foreground truncate",
+                children: returnType
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV6("div", {
+            className: "flex gap-1.5 shrink-0",
+            children: [
+              visibility !== "public" && /* @__PURE__ */ jsxDEV6("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", {
+                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", {
+                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)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      expanded && /* @__PURE__ */ jsxDEV6("div", {
+        className: "pb-6 pl-8 pr-4",
+        children: [
+          member.description && /* @__PURE__ */ jsxDEV6("p", {
+            className: "text-fd-muted-foreground mb-4 leading-relaxed",
+            children: member.description
+          }, undefined, false, undefined, this),
+          hasParams && /* @__PURE__ */ jsxDEV6("div", {
+            className: "mb-4",
+            children: [
+              /* @__PURE__ */ jsxDEV6("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", {
+                className: "border-l-2 border-fd-border pl-4",
+                children: sig.parameters.map((param, index) => /* @__PURE__ */ jsxDEV6(ExpandableProperty, {
+                  param
+                }, param.name ?? index, false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          sig?.returns && returnType !== "void" && /* @__PURE__ */ jsxDEV6("div", {
+            children: [
+              /* @__PURE__ */ jsxDEV6("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", {
+                className: "border-l-2 border-fd-border pl-4 py-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV6("span", {
+                    className: "font-mono text-sm text-fd-muted-foreground",
+                    children: sig.returns.tsType || formatSchema3(sig.returns.schema)
+                  }, undefined, false, undefined, this),
+                  returnDescription && /* @__PURE__ */ jsxDEV6("p", {
+                    className: "text-sm text-fd-muted-foreground mt-1 leading-relaxed",
+                    children: returnDescription
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/class-page.tsx
+import { jsxDEV as jsxDEV7 } 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 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",
+    children: [
+      /* @__PURE__ */ jsxDEV7("div", {
+        className: "flex items-baseline gap-2 flex-wrap",
+        children: [
+          /* @__PURE__ */ jsxDEV7("span", {
+            className: "font-semibold text-fd-foreground",
+            children: [
+              member.name,
+              ":"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV7("span", {
+            className: "text-fd-muted-foreground font-mono text-sm",
+            children: type
+          }, undefined, false, undefined, this),
+          visibility !== "public" && /* @__PURE__ */ jsxDEV7("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", {
+            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", {
+            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", {
+        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 }) {
+  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", {
+    className: "space-y-8",
+    children: [
+      exp.description && /* @__PURE__ */ jsxDEV7("p", {
+        className: "text-fd-muted-foreground text-lg leading-relaxed",
+        children: exp.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV7("div", {
+        className: "rounded-lg border border-fd-border bg-fd-muted/30 p-4 overflow-x-auto",
+        children: /* @__PURE__ */ jsxDEV7("code", {
+          className: "font-mono text-sm text-fd-foreground whitespace-pre",
+          children: [
+            "class ",
+            exp.name,
+            exp.extends ? ` extends ${exp.extends}` : "",
+            exp.implements?.length ? ` implements ${exp.implements.join(", ")}` : ""
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV7("div", {
+        className: `grid gap-8 ${hasExamples ? "lg:grid-cols-2" : "grid-cols-1"}`,
+        children: [
+          /* @__PURE__ */ jsxDEV7("div", {
+            className: "space-y-8",
+            children: [
+              constructorParams.length > 0 && /* @__PURE__ */ jsxDEV7("section", {
+                children: [
+                  /* @__PURE__ */ jsxDEV7("h3", {
+                    className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
+                    children: "Constructor"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV7("div", {
+                    className: "ml-2 border-l-2 border-fd-border pl-4",
+                    children: constructorParams.map((param, index) => /* @__PURE__ */ jsxDEV7(ExpandableProperty, {
+                      param
+                    }, param.name ?? index, false, undefined, this))
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              methods.length > 0 && /* @__PURE__ */ jsxDEV7("section", {
+                children: [
+                  /* @__PURE__ */ jsxDEV7("h3", {
+                    className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
+                    children: "Methods"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV7("div", {
+                    className: "rounded-lg border border-fd-border overflow-hidden",
+                    children: methods.map((member, index) => /* @__PURE__ */ jsxDEV7(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", {
+                children: [
+                  /* @__PURE__ */ jsxDEV7("h3", {
+                    className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
+                    children: "Properties"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV7("div", {
+                    className: "rounded-lg border border-fd-border bg-fd-card px-4",
+                    children: properties.map((member, index) => /* @__PURE__ */ jsxDEV7(PropertyItem, {
+                      member
+                    }, member.name ?? index, false, undefined, this))
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          hasExamples && /* @__PURE__ */ jsxDEV7("div", {
+            className: "lg:sticky lg:top-20 lg:self-start",
+            children: [
+              /* @__PURE__ */ jsxDEV7("h3", {
+                className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4",
+                children: "Example"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV7(CodeExample, {
+                code: exp.examples[0],
+                filename: `${exp.name.toLowerCase()}.ts`
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      exp.docs && /* @__PURE__ */ jsxDEV7(CoverageBadge, {
+        docs: exp.docs
+      }, undefined, false, 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";
+
+function formatTypeParameters(typeParams) {
+  if (!typeParams?.length)
+    return "";
+  const params = typeParams.map((tp) => {
+    let str = tp.name;
+    if (tp.constraint)
+      str += ` extends ${tp.constraint}`;
+    if (tp.default)
+      str += ` = ${tp.default}`;
+    return str;
+  });
+  return `<${params.join(", ")}>`;
+}
+function formatParameters(sig) {
+  if (!sig?.parameters?.length)
+    return "()";
+  const params = sig.parameters.map((p) => {
+    const optional = p.required === false ? "?" : "";
+    const type = formatSchema5(p.schema);
+    return `${p.name}${optional}: ${type}`;
+  });
+  return `(${params.join(", ")})`;
+}
+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.tsType)
+      return String(s.tsType);
+    if (s.type)
+      return String(s.type);
+  }
+  return "unknown";
+}
+function formatReturnType2(sig) {
+  if (!sig?.returns)
+    return "void";
+  if (sig.returns.tsType)
+    return sig.returns.tsType;
+  return formatSchema5(sig.returns.schema);
+}
+function buildSignatureString(exp, sigIndex = 0) {
+  const sig = exp.signatures?.[sigIndex];
+  const typeParams = formatTypeParameters(exp.typeParameters || sig?.typeParameters);
+  switch (exp.kind) {
+    case "function": {
+      const params = formatParameters(sig);
+      const returnType = formatReturnType2(sig);
+      return `function ${exp.name}${typeParams}${params}: ${returnType}`;
+    }
+    case "class": {
+      const ext = exp.extends ? ` extends ${exp.extends}` : "";
+      const impl = exp.implements?.length ? ` implements ${exp.implements.join(", ")}` : "";
+      return `class ${exp.name}${typeParams}${ext}${impl}`;
+    }
+    case "interface": {
+      const ext = exp.extends ? ` extends ${exp.extends}` : "";
+      return `interface ${exp.name}${typeParams}${ext}`;
+    }
+    case "type": {
+      const typeValue = typeof exp.type === "string" ? exp.type : formatSchema5(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);
+      return `const ${exp.name}: ${typeValue}`;
+    }
+    default:
+      return exp.name;
+  }
+}
+function Signature({ export: exp, signatureIndex = 0 }) {
+  const signature = buildSignatureString(exp, signatureIndex);
+  const codeblock = {
+    value: signature,
+    lang: "typescript",
+    meta: "c"
+  };
+  return /* @__PURE__ */ jsxDEV8("div", {
+    className: "not-prose",
+    children: [
+      /* @__PURE__ */ jsxDEV8(ClientDocsKitCode2, {
+        codeblock
+      }, undefined, false, undefined, this),
+      exp.deprecated && /* @__PURE__ */ jsxDEV8("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", {
+            children: "Deprecated:"
+          }, undefined, false, undefined, this),
+          " This export is deprecated."
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/type-table.tsx
+import { jsxDEV as jsxDEV9 } 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);
+    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;
+  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: "border-b border-fd-border",
+            children: [
+              /* @__PURE__ */ jsxDEV9("th", {
+                className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
+                children: "Name"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV9("th", {
+                className: "text-left py-2 px-3 font-medium text-fd-muted-foreground",
+                children: "Type"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV9("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", {
+          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", {
+              className: "border-b border-fd-border last:border-0",
+              children: [
+                /* @__PURE__ */ jsxDEV9("td", {
+                  className: "py-2 px-3 align-top",
+                  children: [
+                    /* @__PURE__ */ jsxDEV9("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", {
+                      className: "ml-1 text-red-500 text-xs",
+                      children: "*"
+                    }, undefined, false, undefined, this),
+                    showRequired && !required && /* @__PURE__ */ jsxDEV9("span", {
+                      className: "ml-1 text-fd-muted-foreground text-xs",
+                      children: "?"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV9("td", {
+                  className: "py-2 px-3 align-top",
+                  children: /* @__PURE__ */ jsxDEV9("code", {
+                    className: "font-mono text-xs text-fd-muted-foreground",
+                    children: type
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV9("td", {
+                  className: "py-2 px-3 align-top text-fd-muted-foreground",
+                  children: description
+                }, undefined, false, undefined, this)
+              ]
+            }, name, true, undefined, this);
+          })
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, 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";
+
+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", {
+    className: "space-y-6",
+    children: [
+      exp.description && /* @__PURE__ */ jsxDEV11("p", {
+        className: "text-fd-muted-foreground text-base leading-relaxed",
+        children: exp.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV11("section", {
+        children: [
+          /* @__PURE__ */ jsxDEV11("h2", {
+            className: "text-xl font-semibold mb-2",
+            children: "Declaration"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV11(Signature, {
+            export: exp
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      exp.extends && /* @__PURE__ */ jsxDEV11("section", {
+        children: [
+          /* @__PURE__ */ jsxDEV11("h2", {
+            className: "text-xl font-semibold mb-2",
+            children: "Extends"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV11("div", {
+            className: "rounded-lg border border-fd-border bg-fd-card p-4",
+            children: /* @__PURE__ */ jsxDEV11("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", {
+        children: [
+          /* @__PURE__ */ jsxDEV11("h2", {
+            className: "text-xl font-semibold mb-2",
+            children: "Properties"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV11(TypeTable, {
+            items: properties,
+            spec,
+            showRequired: true
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      methods && methods.length > 0 && /* @__PURE__ */ jsxDEV11("section", {
+        children: [
+          /* @__PURE__ */ jsxDEV11("h2", {
+            className: "text-xl font-semibold mb-2",
+            children: "Methods"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV11("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", {
+                className: "rounded-lg border border-fd-border p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV11("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";
+                        return `${p.name}${optional}: ${type}`;
+                      }).join(", "),
+                      "): ",
+                      returnType
+                    ]
+                  }, undefined, true, undefined, this),
+                  method.description && /* @__PURE__ */ jsxDEV11("p", {
+                    className: "text-sm text-fd-muted-foreground mt-2",
+                    children: method.description
+                  }, undefined, false, undefined, this)
+                ]
+              }, method.name ?? index, true, undefined, this);
+            })
+          }, 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),
+      exp.docs && /* @__PURE__ */ jsxDEV12(CoverageBadge, {
+        docs: exp.docs
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/variable-page.tsx
+import { jsxDEV as jsxDEV13 } 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.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);
+  const hasExamples = exp.examples && exp.examples.length > 0;
+  return /* @__PURE__ */ jsxDEV13("div", {
+    className: "space-y-8",
+    children: [
+      exp.description && /* @__PURE__ */ jsxDEV13("p", {
+        className: "text-fd-muted-foreground text-lg leading-relaxed",
+        children: exp.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV13("div", {
+        className: "rounded-lg border border-fd-border bg-fd-muted/30 p-4 overflow-x-auto",
+        children: /* @__PURE__ */ jsxDEV13("code", {
+          className: "font-mono text-sm text-fd-foreground whitespace-pre",
+          children: [
+            "const ",
+            exp.name,
+            ": ",
+            typeValue
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV13("div", {
+        className: `grid gap-8 ${hasExamples ? "lg:grid-cols-2" : "grid-cols-1"}`,
+        children: [
+          /* @__PURE__ */ jsxDEV13("div", {
+            className: "space-y-6",
+            children: /* @__PURE__ */ jsxDEV13("div", {
+              children: [
+                /* @__PURE__ */ jsxDEV13("h3", {
+                  className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-3",
+                  children: "Type"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV13("div", {
+                  className: "rounded-lg border border-fd-border bg-fd-card p-4",
+                  children: /* @__PURE__ */ jsxDEV13("code", {
+                    className: "font-mono text-sm text-fd-primary",
+                    children: typeValue
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          hasExamples && /* @__PURE__ */ jsxDEV13("div", {
+            children: [
+              /* @__PURE__ */ jsxDEV13("h3", {
+                className: "text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-3",
+                children: [
+                  exp.name,
+                  " usage"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV13(CodeExample, {
+                code: exp.examples[0],
+                filename: `${exp.name.toLowerCase()}.ts`
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      exp.docs && /* @__PURE__ */ jsxDEV13(CoverageBadge, {
+        docs: exp.docs
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/api-page.tsx
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+
+function NotFound({ id }) {
+  return /* @__PURE__ */ jsxDEV14("div", {
+    className: "rounded-lg border border-fd-border bg-fd-card p-6 text-center",
+    children: /* @__PURE__ */ jsxDEV14("p", {
+      className: "text-fd-muted-foreground",
+      children: [
+        "Export ",
+        /* @__PURE__ */ jsxDEV14("code", {
+          className: "font-mono text-fd-primary",
+          children: id
+        }, undefined, false, undefined, this),
+        " not found in spec."
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function APIPage({ spec, instance, id }) {
+  const resolvedSpec = spec ?? instance?.spec;
+  if (!resolvedSpec) {
+    return /* @__PURE__ */ jsxDEV14("div", {
+      className: "rounded-lg border border-red-500/20 bg-red-500/10 p-6 text-center",
+      children: /* @__PURE__ */ jsxDEV14("p", {
+        className: "text-red-600 dark:text-red-400",
+        children: [
+          "No spec provided. Pass either ",
+          /* @__PURE__ */ jsxDEV14("code", {
+            children: "spec"
+          }, undefined, false, undefined, this),
+          " or ",
+          /* @__PURE__ */ jsxDEV14("code", {
+            children: "instance"
+          }, undefined, false, undefined, this),
+          " prop."
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const exp = resolvedSpec.exports.find((e) => e.id === id);
+  if (!exp) {
+    return /* @__PURE__ */ jsxDEV14(NotFound, {
+      id
+    }, undefined, false, undefined, this);
+  }
+  const pageProps = { export: exp, spec: resolvedSpec };
+  switch (exp.kind) {
+    case "function":
+      return /* @__PURE__ */ jsxDEV14(FunctionPage, {
+        ...pageProps
+      }, undefined, false, undefined, this);
+    case "class":
+      return /* @__PURE__ */ jsxDEV14(ClassPage, {
+        ...pageProps
+      }, undefined, false, undefined, this);
+    case "interface":
+    case "type":
+      return /* @__PURE__ */ jsxDEV14(InterfacePage, {
+        ...pageProps
+      }, undefined, false, undefined, this);
+    case "enum":
+      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
+      }, undefined, false, undefined, this);
+  }
+}
+
+export { ParameterCard, CodeExample, CoverageBadge, FunctionPage, NestedProperty, ExpandableProperty, CollapsibleMethod, ClassPage, Signature, TypeTable, ExamplesSection, InterfacePage, EnumPage, VariablePage, APIPage };