@openpkg-ts/fumadocs-adapter 0.3.2 → 0.4.0

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 import { CollapsibleMethod, CollapsibleMethodProps, ExampleBlock, ExampleBlockProps, ExpandableProperty, ExpandablePropertyProps, MemberRow, MemberRowProps, MembersTable, MembersTableProps, NestedProperty, NestedPropertyProps, ParamRow, ParamRowProps, ParamTable, ParamTableProps, Signature, SignatureProps, TypeTable, TypeTableProps } from "@openpkg-ts/doc-generator/react";
-import { APIPage, APIPageProps, ClassPage, ClassPageProps, EnumPage, EnumPageProps, FunctionPage, FunctionPageProps, InterfacePage, InterfacePageProps, VariablePage, VariablePageProps } from "@openpkg-ts/doc-generator/react/styled";
+import { APIPage, APIPageProps, ClassPage, ClassPageProps, CodeTabs, CodeTab, CodeTabsProps, EnumPage, EnumPageProps, ExportCard, ExportCardProps, ExportIndexPage, ExportIndexPageProps, FunctionPage, FunctionPageProps, ImportSection, ImportSectionProps, InterfacePage, InterfacePageProps, ParameterItem, NestedPropertyItemProps, ParameterItemProps, VariablePage, VariablePageProps } from "@openpkg-ts/doc-generator/react/styled";
 /**
 * Documentation drift information.
 * Describes a mismatch between docs and code.
@@ -24,4 +24,4 @@ interface CoverageBadgeProps {
 	showDrift?: boolean;
 }
 declare function CoverageBadge({ docs, showMissing, showDrift }: CoverageBadgeProps): React.ReactNode;
-export { VariablePageProps, VariablePage, TypeTableProps, TypeTable, SignatureProps, Signature, ParamTableProps, ParamTable, ParamRowProps, ParamRow, NestedPropertyProps, NestedProperty, MembersTableProps, MembersTable, MemberRowProps, MemberRow, InterfacePageProps, InterfacePage, FunctionPageProps, FunctionPage, ExpandablePropertyProps, ExpandableProperty, ExampleBlockProps, ExampleBlock, EnumPageProps, EnumPage, DocsMetadata, DocDrift, CoverageBadgeProps, CoverageBadge, CollapsibleMethodProps, CollapsibleMethod, ClassPageProps, ClassPage, APIPageProps, APIPage };
+export { VariablePageProps, VariablePage, TypeTableProps, TypeTable, SignatureProps, Signature, ParameterItemProps, ParameterItem, ParamTableProps, ParamTable, ParamRowProps, ParamRow, NestedPropertyProps, NestedPropertyItemProps, NestedProperty, MembersTableProps, MembersTable, MemberRowProps, MemberRow, InterfacePageProps, InterfacePage, ImportSectionProps, ImportSection, FunctionPageProps, FunctionPage, ExportIndexPageProps, ExportIndexPage, ExportCardProps, ExportCard, ExpandablePropertyProps, ExpandableProperty, ExampleBlockProps, ExampleBlock, EnumPageProps, EnumPage, DocsMetadata, DocDrift, CoverageBadgeProps, CoverageBadge, CollapsibleMethodProps, CollapsibleMethod, CodeTabsProps, CodeTabs, CodeTab, ClassPageProps, ClassPage, APIPageProps, APIPage };

package/dist/components/index.js

@@ -18,27 +18,37 @@ import {
 import {
   APIPage,
   ClassPage,
+  CodeTabs,
   EnumPage,
+  ExportCard,
+  ExportIndexPage,
   FunctionPage,
+  ImportSection,
   InterfacePage,
+  ParameterItem,
   VariablePage
 } from "@openpkg-ts/doc-generator/react/styled";
 export {
   VariablePage,
   TypeTable,
   Signature,
+  ParameterItem,
   ParamTable,
   ParamRow,
   NestedProperty,
   MembersTable,
   MemberRow,
   InterfacePage,
+  ImportSection,
   FunctionPage,
+  ExportIndexPage,
+  ExportCard,
   ExpandableProperty,
   ExampleBlock,
   EnumPage,
   CoverageBadge,
   CollapsibleMethod,
+  CodeTabs,
   ClassPage,
   APIPage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openpkg-ts/fumadocs-adapter",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Fumadocs integration for OpenPkg API documentation",
   "type": "module",
   "sideEffects": false,
@@ -28,7 +28,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@openpkg-ts/doc-generator": "^0.2.4"
+    "@openpkg-ts/doc-generator": "^0.3.0"
   },
   "peerDependencies": {
     "fumadocs-core": "^16.0.0",

package/src/styles/docskit.css

@@ -14,8 +14,40 @@
  *   @import '@openpkg-ts/fumadocs-adapter/css';
  */
 
+/* Tailwind v4 theme - shadcn-style color utilities */
+@theme {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-border: var(--border);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+}
+
 @layer base {
   :root {
+    /* shadcn/ui style variables mapped to Fumadocs */
+    --background: var(--color-fd-background);
+    --foreground: var(--color-fd-foreground);
+    --card: var(--color-fd-card);
+    --card-foreground: var(--color-fd-card-foreground, var(--color-fd-foreground));
+    --muted: var(--color-fd-muted);
+    --muted-foreground: var(--color-fd-muted-foreground);
+    --border: var(--color-fd-border);
+    --primary: var(--color-fd-primary);
+    --primary-foreground: var(--color-fd-primary-foreground, hsl(0 0% 100%));
+    --secondary: var(--color-fd-secondary);
+    --secondary-foreground: var(--color-fd-secondary-foreground, var(--color-fd-foreground));
+    --accent: var(--color-fd-accent);
+    --accent-foreground: var(--color-fd-accent-foreground, var(--color-fd-foreground));
+
     /* Docskit code block colors - mapped to Fumadocs variables */
     --dk-background: var(--color-fd-card, hsl(0 0% 3%));
     --dk-border: var(--color-fd-border, hsl(0 0% 18%));
@@ -119,6 +151,33 @@
   }
 }
 
+/* Stripe-style FunctionPage layout */
+@layer components {
+  .doccov-function-page {
+    /* Full width within container */
+    width: 100%;
+  }
+
+  /* Mobile-first: stack layout on small screens */
+  @media (max-width: 1023px) {
+    .doccov-function-page aside {
+      margin-top: 2rem;
+      position: relative;
+      top: auto;
+      max-height: none;
+      overflow-y: visible;
+    }
+  }
+
+  /* Large screens: two-column with sticky sidebar */
+  @media (min-width: 1024px) {
+    .doccov-function-page {
+      /* Prevent overflow in grid */
+      overflow: visible;
+    }
+  }
+}
+
 /* CodeHike syntax highlighting theme - github-from-css */
 /* These --ch-* variables are required for the "github-from-css" theme */
 @layer base {