@doccov/fumadocs-adapter 0.0.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doccov/fumadocs-adapter",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -30,4 +30,3 @@
     "typescript": "^5.0.0"
   }
 }
-

package/src/components/api-page.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import type { OpenPkg, SpecExport } from '@openpkg-ts/spec';
+import type { OpenPkg } from '@openpkg-ts/spec';
 import type { OpenPkgInstance } from '../server';
-import { FunctionPage } from './function-page';
 import { ClassPage } from './class-page';
-import { InterfacePage } from './interface-page';
 import { EnumPage } from './enum-page';
+import { FunctionPage } from './function-page';
+import { InterfacePage } from './interface-page';
 import { VariablePage } from './variable-page';
 
 export interface APIPageProps {
@@ -47,7 +47,7 @@ function NotFound({ id }: { id: string }) {
  * <APIPage instance={openpkg} id="createClient" />
  * ```
  */
-export function APIPage({ spec, instance, id }: APIPageProps) {
+export function APIPage({ spec, instance, id }: APIPageProps): React.ReactNode {
   const resolvedSpec = spec ?? instance?.spec;
 
   if (!resolvedSpec) {
@@ -78,13 +78,7 @@ export function APIPage({ spec, instance, id }: APIPageProps) {
       return <InterfacePage {...pageProps} />;
     case 'enum':
       return <EnumPage {...pageProps} />;
-    case 'variable':
-    case 'namespace':
-    case 'module':
-    case 'reference':
-    case 'external':
     default:
       return <VariablePage {...pageProps} />;
   }
 }
-

package/src/components/class-page.tsx

@@ -2,9 +2,9 @@
 
 import type { OpenPkg, SpecExport, SpecMember } from '@openpkg-ts/spec';
 import { CodeExample } from './code-example';
+import { CollapsibleMethod } from './collapsible-method';
 import { CoverageBadge } from './coverage-badge';
 import { ExpandableProperty } from './expandable-property';
-import { CollapsibleMethod } from './collapsible-method';
 
 export interface ClassPageProps {
   export: SpecExport;
@@ -19,7 +19,6 @@ function formatSchema(schema: unknown): string {
     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';
@@ -63,7 +62,7 @@ function PropertyItem({ member }: { member: SpecMember }) {
   );
 }
 
-export function ClassPage({ export: exp, spec }: ClassPageProps) {
+export function ClassPage({ export: exp, spec: _spec }: ClassPageProps): React.ReactNode {
   const hasExamples = exp.examples && exp.examples.length > 0;
 
   // Group members
@@ -79,9 +78,7 @@ export function ClassPage({ export: exp, spec }: ClassPageProps) {
     <div className="space-y-8">
       {/* Description */}
       {exp.description && (
-        <p className="text-fd-muted-foreground text-lg leading-relaxed">
-          {exp.description}
-        </p>
+        <p className="text-fd-muted-foreground text-lg leading-relaxed">{exp.description}</p>
       )}
 
       {/* Declaration */}
@@ -150,10 +147,7 @@ export function ClassPage({ export: exp, spec }: ClassPageProps) {
             <h3 className="text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4">
               Example
             </h3>
-            <CodeExample
-              code={exp.examples![0]}
-              filename={`${exp.name.toLowerCase()}.ts`}
-            />
+            <CodeExample code={exp.examples![0]} filename={`${exp.name.toLowerCase()}.ts`} />
           </div>
         )}
       </div>

package/src/components/code-example.tsx

@@ -25,9 +25,13 @@ function cleanCode(code: string): string {
   return cleaned;
 }
 
-export function CodeExample({ code, filename = 'example.ts', language = 'typescript' }: CodeExampleProps) {
+export function CodeExample({
+  code,
+  filename = 'example.ts',
+  language = 'typescript',
+}: CodeExampleProps): React.ReactNode {
   const cleaned = cleanCode(code);
-  
+
   // Build RawCode object for ClientDocsKitCode
   // The meta field uses flags: 'c' for copyButton, 'n' for lineNumbers
   const codeblock: RawCode = {

package/src/components/collapsible-method.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { useState, useEffect } from 'react';
 import type { SpecMember, SpecSchema } from '@openpkg-ts/spec';
+import { useEffect, useState } from 'react';
 import { ExpandableProperty } from './expandable-property';
 
 export interface CollapsibleMethodProps {
@@ -18,6 +18,7 @@ function ChevronIcon({ expanded }: { expanded: boolean }) {
       viewBox="0 0 16 16"
       fill="none"
       className={`transition-transform duration-200 ${expanded ? 'rotate-90' : ''}`}
+      aria-hidden="true"
     >
       <path
         d="M6 4L10 8L6 12"
@@ -38,23 +39,13 @@ function formatSchema(schema: unknown): string {
     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: { schema?: SpecSchema; tsType?: string } | undefined): string {
+function formatReturnType(returns: { schema?: SpecSchema } | undefined): string {
   if (!returns) return 'void';
-  if (returns.tsType) {
-    const t = returns.tsType;
-    if (t.length > 40) return t.slice(0, 37) + '...';
-    return t;
-  }
   return formatSchema(returns.schema);
 }
 
@@ -68,7 +59,10 @@ function formatParamPreview(params: { name?: string }[] | undefined): string {
  * Collapsible method section with expand/collapse behavior
  * Shows compact signature when collapsed, full details when expanded
  */
-export function CollapsibleMethod({ member, defaultExpanded = false }: CollapsibleMethodProps) {
+export function CollapsibleMethod({
+  member,
+  defaultExpanded = false,
+}: CollapsibleMethodProps): React.ReactNode {
   const [expanded, setExpanded] = useState(defaultExpanded);
 
   const sig = member.signatures?.[0];
@@ -90,12 +84,10 @@ export function CollapsibleMethod({ member, defaultExpanded = false }: Collapsib
   }, [member.name]);
 
   return (
-    <div
-      id={member.name}
-      className="scroll-mt-20 border-b border-fd-border last:border-0"
-    >
+    <div id={member.name} className="scroll-mt-20 border-b border-fd-border last:border-0">
       {/* Clickable header */}
       <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"
       >
@@ -111,9 +103,7 @@ export function CollapsibleMethod({ member, defaultExpanded = false }: Collapsib
             <span className="text-fd-muted-foreground font-normal">({paramPreview})</span>
           </span>
           <span className="text-fd-muted-foreground">→</span>
-          <span className="font-mono text-sm text-fd-muted-foreground truncate">
-            {returnType}
-          </span>
+          <span className="font-mono text-sm text-fd-muted-foreground truncate">{returnType}</span>
         </div>
 
         {/* Badges */}
@@ -141,9 +131,7 @@ export function CollapsibleMethod({ member, defaultExpanded = false }: Collapsib
         <div className="pb-6 pl-8 pr-4">
           {/* Description */}
           {member.description && (
-            <p className="text-fd-muted-foreground mb-4 leading-relaxed">
-              {member.description}
-            </p>
+            <p className="text-fd-muted-foreground mb-4 leading-relaxed">{member.description}</p>
           )}
 
           {/* Parameters */}
@@ -168,7 +156,7 @@ export function CollapsibleMethod({ member, defaultExpanded = false }: Collapsib
               </span>
               <div className="border-l-2 border-fd-border pl-4 py-2">
                 <span className="font-mono text-sm text-fd-muted-foreground">
-                  {sig.returns.tsType || formatSchema(sig.returns.schema)}
+                  {formatSchema(sig.returns.schema)}
                 </span>
                 {returnDescription && (
                   <p className="text-sm text-fd-muted-foreground mt-1 leading-relaxed">

package/src/components/coverage-badge.tsx

@@ -10,7 +10,8 @@ export interface CoverageBadgeProps {
 
 function getScoreColor(score: number): string {
   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';
+  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';
 }
 
@@ -18,7 +19,11 @@ function formatSignal(signal: string): string {
   return signal.charAt(0).toUpperCase() + signal.slice(1);
 }
 
-export function CoverageBadge({ docs, showMissing = true, showDrift = true }: CoverageBadgeProps) {
+export function CoverageBadge({
+  docs,
+  showMissing = true,
+  showDrift = true,
+}: CoverageBadgeProps): React.ReactNode {
   const score = docs.coverageScore;
   const hasMissing = showMissing && docs.missing && docs.missing.length > 0;
   const hasDrift = showDrift && docs.drift && docs.drift.length > 0;
@@ -31,7 +36,13 @@ export function CoverageBadge({ docs, showMissing = true, showDrift = true }: Co
         <div
           className={`inline-flex items-center gap-2 px-3 py-1.5 rounded-md border text-sm font-medium ${getScoreColor(score)}`}
         >
-          <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <svg
+            className="w-4 h-4"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+            aria-hidden="true"
+          >
             <path
               strokeLinecap="round"
               strokeLinejoin="round"
@@ -58,10 +69,12 @@ export function CoverageBadge({ docs, showMissing = true, showDrift = true }: Co
 
       {hasDrift && (
         <div className="rounded-md bg-red-500/10 border border-red-500/20 px-3 py-2">
-          <p className="text-sm font-medium text-red-600 dark:text-red-400 mb-1">Documentation Drift</p>
+          <p className="text-sm font-medium text-red-600 dark:text-red-400 mb-1">
+            Documentation Drift
+          </p>
           <ul className="text-sm text-red-600/80 dark:text-red-400/80 space-y-1">
-            {docs.drift!.map((drift, index) => (
-              <li key={index} className="flex flex-col">
+            {docs.drift!.map((drift) => (
+              <li key={`${drift.type}-${drift.issue}`} className="flex flex-col">
                 <span className="font-medium">{drift.type}</span>
                 <span className="text-xs opacity-80">{drift.issue}</span>
                 {drift.suggestion && (
@@ -77,4 +90,3 @@ export function CoverageBadge({ docs, showMissing = true, showDrift = true }: Co
     </div>
   );
 }
-

package/src/components/enum-page.tsx

@@ -1,16 +1,16 @@
 'use client';
 
 import type { OpenPkg, SpecExport } from '@openpkg-ts/spec';
-import { Signature } from './signature';
-import { ExamplesSection } from './examples';
 import { CoverageBadge } from './coverage-badge';
+import { ExamplesSection } from './examples';
+import { Signature } from './signature';
 
 export interface EnumPageProps {
   export: SpecExport;
   spec: OpenPkg;
 }
 
-export function EnumPage({ export: exp, spec }: EnumPageProps) {
+export function EnumPage({ export: exp, spec: _spec }: EnumPageProps): React.ReactNode {
   const members = exp.members ?? [];
 
   return (
@@ -35,7 +35,9 @@ export function EnumPage({ export: exp, spec }: EnumPageProps) {
               <thead>
                 <tr className="border-b border-fd-border">
                   <th className="text-left py-2 px-3 font-medium text-fd-muted-foreground">Name</th>
-                  <th className="text-left py-2 px-3 font-medium text-fd-muted-foreground">Value</th>
+                  <th className="text-left py-2 px-3 font-medium text-fd-muted-foreground">
+                    Value
+                  </th>
                   <th className="text-left py-2 px-3 font-medium text-fd-muted-foreground">
                     Description
                   </th>
@@ -47,12 +49,17 @@ export function EnumPage({ export: exp, spec }: EnumPageProps) {
                   const value =
                     member.schema !== undefined
                       ? typeof member.schema === 'object' && member.schema !== null
-                        ? (member.schema as any).const ?? (member.schema as any).default ?? '-'
+                        ? ((member.schema as Record<string, unknown>).const ??
+                          (member.schema as Record<string, unknown>).default ??
+                          '-')
                         : member.schema
                       : '-';
 
                   return (
-                    <tr key={member.name ?? index} className="border-b border-fd-border last:border-0">
+                    <tr
+                      key={member.name ?? index}
+                      className="border-b border-fd-border last:border-0"
+                    >
                       <td className="py-2 px-3 align-top">
                         <code className="text-fd-primary font-mono text-xs bg-fd-secondary px-1.5 py-0.5 rounded">
                           {member.name}
@@ -83,4 +90,3 @@ export function EnumPage({ export: exp, spec }: EnumPageProps) {
     </div>
   );
 }
-

package/src/components/examples.tsx

@@ -23,11 +23,23 @@ function CopyButton({ text }: { text: string }) {
       aria-label="Copy code"
     >
       {copied ? (
-        <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <svg
+          className="w-4 h-4"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+          aria-hidden="true"
+        >
           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
         </svg>
       ) : (
-        <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <svg
+          className="w-4 h-4"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+          aria-hidden="true"
+        >
           <path
             strokeLinecap="round"
             strokeLinejoin="round"
@@ -40,7 +52,7 @@ function CopyButton({ text }: { text: string }) {
   );
 }
 
-export function ExamplesSection({ examples }: ExamplesSectionProps) {
+export function ExamplesSection({ examples }: ExamplesSectionProps): React.ReactNode {
   const [activeIndex, setActiveIndex] = useState(0);
 
   if (!examples?.length) return null;
@@ -53,9 +65,9 @@ export function ExamplesSection({ examples }: ExamplesSectionProps) {
 
       {showTabs && (
         <div className="flex gap-1 mb-2 border-b border-fd-border">
-          {examples.map((_, index) => (
+          {examples.map((example, index) => (
             <button
-              key={index}
+              key={`example-${typeof example === 'string' ? example.slice(0, 20) : index}`}
               type="button"
               onClick={() => setActiveIndex(index)}
               className={`px-3 py-1.5 text-sm font-medium transition-colors ${
@@ -81,4 +93,3 @@ export function ExamplesSection({ examples }: ExamplesSectionProps) {
     </div>
   );
 }
-

package/src/components/expandable-property.tsx

@@ -1,7 +1,7 @@
 'use client';
 
+import type { SpecSchema, SpecSignatureParameter } from '@openpkg-ts/spec';
 import { useState } from 'react';
-import type { SpecSignatureParameter, SpecSchema } from '@openpkg-ts/spec';
 
 export interface ExpandablePropertyProps {
   param: SpecSignatureParameter;
@@ -24,6 +24,7 @@ function ChevronIcon({ expanded }: { expanded: boolean }) {
       viewBox="0 0 12 12"
       fill="none"
       className={`transition-transform duration-200 ${expanded ? 'rotate-90' : ''}`}
+      aria-hidden="true"
     >
       <path
         d="M4.5 2.5L8 6L4.5 9.5"
@@ -42,15 +43,6 @@ function formatType(schema: SpecSchema): string {
   if (typeof schema === 'object' && schema !== null) {
     const s = schema as Record<string, unknown>;
 
-    // Use tsType if available (most readable)
-    if (s.tsType && typeof s.tsType === 'string') {
-      const tsType = s.tsType as string;
-      if (tsType.length > 80) {
-        return tsType.slice(0, 77) + '...';
-      }
-      return tsType;
-    }
-
     // Handle refs
     if (s.$ref && typeof s.$ref === 'string') {
       return (s.$ref as string).replace('#/types/', '');
@@ -58,8 +50,8 @@ function formatType(schema: SpecSchema): string {
 
     // Handle enums
     if (s.enum && Array.isArray(s.enum)) {
-      const enumVals = (s.enum as unknown[]).map(v => JSON.stringify(v)).join(' | ');
-      if (enumVals.length > 50) return enumVals.slice(0, 47) + '...';
+      const enumVals = (s.enum as unknown[]).map((v) => JSON.stringify(v)).join(' | ');
+      if (enumVals.length > 50) return `${enumVals.slice(0, 47)}...`;
       return enumVals;
     }
 
@@ -108,7 +100,12 @@ function countProperties(schema: SpecSchema): number {
 /**
  * Nested property row with expandable nested objects
  */
-export function NestedProperty({ name, schema, required = false, depth = 0 }: NestedPropertyProps) {
+export function NestedProperty({
+  name,
+  schema,
+  required = false,
+  depth = 0,
+}: NestedPropertyProps): React.ReactNode {
   const [expanded, setExpanded] = useState(false);
   const type = formatType(schema);
   const nestedProps = getNestedProperties(schema);
@@ -135,15 +132,14 @@ export function NestedProperty({ name, schema, required = false, depth = 0 }: Ne
             </span>
           </div>
           {description && (
-            <p className="text-sm text-fd-muted-foreground mt-0.5 leading-relaxed">
-              {description}
-            </p>
+            <p className="text-sm text-fd-muted-foreground mt-0.5 leading-relaxed">{description}</p>
           )}
         </div>
 
         {/* Expand badge for nested objects */}
         {hasNested && (
           <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
@@ -177,7 +173,7 @@ export function NestedProperty({ name, schema, required = false, depth = 0 }: Ne
  * Top-level expandable property for method parameters
  * Entry point for rendering a parameter with progressive disclosure
  */
-export function ExpandableProperty({ param, depth = 0 }: ExpandablePropertyProps) {
+export function ExpandableProperty({ param, depth = 0 }: ExpandablePropertyProps): React.ReactNode {
   const [expanded, setExpanded] = useState(false);
   const type = formatType(param.schema);
   const isOptional = param.required === false;
@@ -210,6 +206,7 @@ export function ExpandableProperty({ param, depth = 0 }: ExpandablePropertyProps
         {/* Expand badge for nested objects */}
         {hasNested && (
           <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

package/src/components/function-page.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import type { OpenPkg, SpecExport } from '@openpkg-ts/spec';
-import { ParameterCard } from './parameter-card';
 import { CodeExample } from './code-example';
 import { CoverageBadge } from './coverage-badge';
+import { ParameterCard } from './parameter-card';
 
 export interface FunctionPageProps {
   export: SpecExport;
@@ -18,13 +18,12 @@ function formatSchema(schema: unknown): string {
     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';
 }
 
-export function FunctionPage({ export: exp, spec }: FunctionPageProps) {
+export function FunctionPage({ export: exp, spec }: FunctionPageProps): React.ReactNode {
   const sig = exp.signatures?.[0];
   const hasExamples = exp.examples && exp.examples.length > 0;
   const hasParams = sig?.parameters && sig.parameters.length > 0;
@@ -33,27 +32,25 @@ export function FunctionPage({ export: exp, spec }: FunctionPageProps) {
     <div className="space-y-6 not-prose">
       {/* Description */}
       {exp.description && (
-        <p className="text-fd-muted-foreground leading-relaxed">
-          {exp.description}
-        </p>
+        <p className="text-fd-muted-foreground leading-relaxed">{exp.description}</p>
       )}
 
       {/* Returns */}
       {sig?.returns && (
         <p className="text-fd-muted-foreground text-sm">
           <span className="font-medium text-fd-foreground">Returns:</span>{' '}
-          {sig.returns.description || `A ${sig.returns.tsType ?? formatSchema(sig.returns.schema)}`}
+          {sig.returns.description || `A ${formatSchema(sig.returns.schema)}`}
         </p>
       )}
 
       {/* Two-column layout - using inline styles to override prose */}
-      <div 
+      <div
         className="not-prose"
-        style={{ 
+        style={{
           display: hasExamples ? 'grid' : 'block',
           gridTemplateColumns: hasExamples ? 'repeat(2, minmax(0, 1fr))' : undefined,
           gap: '2rem',
-          alignItems: 'start'
+          alignItems: 'start',
         }}
       >
         {/* Left column: Parameters */}
@@ -78,8 +75,8 @@ export function FunctionPage({ export: exp, spec }: FunctionPageProps) {
             <h3 className="text-sm font-semibold uppercase tracking-wide text-fd-muted-foreground mb-4">
               Example
             </h3>
-            <CodeExample 
-              code={exp.examples![0]} 
+            <CodeExample
+              code={exp.examples![0]}
               filename={`${exp.name.toLowerCase().replace(/[^a-z0-9]/g, '-')}.ts`}
             />
           </div>

package/src/components/index.ts

@@ -1,51 +1,36 @@
 // Main component
-export { APIPage } from './api-page';
-export type { APIPageProps } from './api-page';
-
-// Page components
-export { FunctionPage } from './function-page';
-export type { FunctionPageProps } from './function-page';
 
-export { ClassPage } from './class-page';
+export type { APIPageProps } from './api-page';
+export { APIPage } from './api-page';
 export type { ClassPageProps } from './class-page';
-
-export { InterfacePage } from './interface-page';
-export type { InterfacePageProps } from './interface-page';
-
-export { EnumPage } from './enum-page';
+export { ClassPage } from './class-page';
+export type { CodeExampleProps } from './code-example';
+export { CodeExample } from './code-example';
+export type { CollapsibleMethodProps } from './collapsible-method';
+export { CollapsibleMethod } from './collapsible-method';
+export type { CoverageBadgeProps } from './coverage-badge';
+export { CoverageBadge } from './coverage-badge';
 export type { EnumPageProps } from './enum-page';
-
-export { VariablePage } from './variable-page';
-export type { VariablePageProps } from './variable-page';
-
-// Shared components
-export { TypeTable } from './type-table';
-export type { TypeTableProps } from './type-table';
-
-export { Signature } from './signature';
-export type { SignatureProps } from './signature';
-
-export { ExamplesSection } from './examples';
+export { EnumPage } from './enum-page';
 export type { ExamplesSectionProps } from './examples';
-
-export { CoverageBadge } from './coverage-badge';
-export type { CoverageBadgeProps } from './coverage-badge';
-
-export { MembersSection } from './members-section';
-export type { MembersSectionProps } from './members-section';
-
-export { ParameterCard } from './parameter-card';
-export type { ParameterCardProps } from './parameter-card';
-
-export { CodeExample } from './code-example';
-export type { CodeExampleProps } from './code-example';
-
-export { ExpandableProperty, NestedProperty } from './expandable-property';
+export { ExamplesSection } from './examples';
 export type { ExpandablePropertyProps, NestedPropertyProps } from './expandable-property';
-
-export { CollapsibleMethod } from './collapsible-method';
-export type { CollapsibleMethodProps } from './collapsible-method';
-
-export { MethodSection } from './method-section';
+export { ExpandableProperty, NestedProperty } from './expandable-property';
+export type { FunctionPageProps } from './function-page';
+// Page components
+export { FunctionPage } from './function-page';
+export type { InterfacePageProps } from './interface-page';
+export { InterfacePage } from './interface-page';
+export type { MembersSectionProps } from './members-section';
+export { MembersSection } from './members-section';
 export type { MethodSectionProps } from './method-section';
-
+export { MethodSection } from './method-section';
+export type { ParameterCardProps } from './parameter-card';
+export { ParameterCard } from './parameter-card';
+export type { SignatureProps } from './signature';
+export { Signature } from './signature';
+export type { TypeTableProps } from './type-table';
+// Shared components
+export { TypeTable } from './type-table';
+export type { VariablePageProps } from './variable-page';
+export { VariablePage } from './variable-page';