@contractspec/bundle.library 3.7.6 → 3.7.7

package/dist/components/docs/getting-started/index.js

@@ -1,8 +1,8 @@
 // @bun
 // src/components/docs/getting-started/CLIPage.tsx
+import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
-import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CLIPage() {
   const commands = [
@@ -59,11 +59,11 @@ function CLIPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "ContractSpec CLI"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Command-line interface for creating, building, and validating contract specifications with AI-powered code generation."
           })
         ]
@@ -75,7 +75,7 @@ function CLIPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Installation"
               }),
               /* @__PURE__ */ jsx(InstallCommand, {
@@ -88,7 +88,7 @@ function CLIPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Quick Start"
               }),
               /* @__PURE__ */ jsx(CodeBlock, {
@@ -111,7 +111,7 @@ contractspec validate src/contracts/mySpec.ts`
             className: "space-y-4",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Commands"
               }),
               /* @__PURE__ */ jsx("div", {
@@ -120,7 +120,7 @@ contractspec validate src/contracts/mySpec.ts`
                   className: "card-subtle space-y-2 p-4",
                   children: [
                     /* @__PURE__ */ jsx("h3", {
-                      className: "font-mono font-bold text-violet-400",
+                      className: "font-bold font-mono text-violet-400",
                       children: cmd.name
                     }),
                     /* @__PURE__ */ jsx("p", {
@@ -141,7 +141,7 @@ contractspec validate src/contracts/mySpec.ts`
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "AI Agent Modes"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -211,7 +211,7 @@ contractspec validate src/contracts/mySpec.ts`
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "CI/CD Integration"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -301,11 +301,11 @@ function CompatibilityPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Compatibility"
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Supported runtimes, frameworks, and agent modes for ContractSpec."
           })
         ]
@@ -317,11 +317,11 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Runtimes"
               }),
               /* @__PURE__ */ jsxs2("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx2("li", {
                     children: "Node.js 20+"
@@ -337,11 +337,11 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Frameworks"
               }),
               /* @__PURE__ */ jsxs2("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx2("li", {
                     children: "Next.js 14+ (App Router preferred)"
@@ -357,11 +357,11 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Package managers"
               }),
               /* @__PURE__ */ jsxs2("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx2("li", {
                     children: "bun (recommended)"
@@ -380,11 +380,11 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "AI agent modes"
               }),
               /* @__PURE__ */ jsxs2("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx2("li", {
                     children: "claude-code"
@@ -409,7 +409,7 @@ function CompatibilityPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Datastores"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -417,7 +417,7 @@ function CompatibilityPage() {
                 children: "ContractSpec ships with Prisma-friendly defaults and can integrate with custom adapters for other databases."
               }),
               /* @__PURE__ */ jsxs2("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx2("li", {
                     children: "PostgreSQL via Prisma"
@@ -461,9 +461,9 @@ function CompatibilityPage() {
 }
 
 // src/components/docs/getting-started/DataViewTutorialPage.tsx
+import { CodeBlock as CodeBlock2 } from "@contractspec/lib.design-system";
 import Link3 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight3 } from "lucide-react";
-import { CodeBlock as CodeBlock2 } from "@contractspec/lib.design-system";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function DataViewTutorialPage() {
   return /* @__PURE__ */ jsxs3("div", {
@@ -473,11 +473,11 @@ function DataViewTutorialPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Display Data with DataViews"
           }),
           /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Define a filterable, sortable transaction history view that works across web and mobile without duplicating UI code."
           })
         ]
@@ -486,7 +486,7 @@ function DataViewTutorialPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "1. Define the underlying query"
           }),
           /* @__PURE__ */ jsx3("p", {
@@ -517,7 +517,7 @@ export const ListTransactions = defineQuery({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "2. Define the DataView spec"
           }),
           /* @__PURE__ */ jsx3("p", {
@@ -604,7 +604,7 @@ export const TransactionHistory = defineDataView({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "3. Render on the frontend"
           }),
           /* @__PURE__ */ jsx3("p", {
@@ -651,7 +651,7 @@ export function TransactionsPage() {
             children: "Why DataViews?"
           }),
           /* @__PURE__ */ jsxs3("ul", {
-            className: "text-muted-foreground space-y-2 text-sm",
+            className: "space-y-2 text-muted-foreground text-sm",
             children: [
               /* @__PURE__ */ jsx3("li", {
                 children: "Same spec renders on web (React) and mobile (React Native)"
@@ -697,9 +697,9 @@ export function TransactionsPage() {
 }
 
 // src/components/docs/getting-started/DeveloperToolsPage.tsx
+import { CodeBlock as CodeBlock3, InstallCommand as InstallCommand2 } from "@contractspec/lib.design-system";
 import Link4 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight4, Code2, Cpu, Layers, Terminal } from "lucide-react";
-import { CodeBlock as CodeBlock3, InstallCommand as InstallCommand2 } from "@contractspec/lib.design-system";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function DeveloperToolsPage() {
   const tools = [
@@ -730,7 +730,7 @@ function DeveloperToolsPage() {
     {
       name: "ContractSpec Studio",
       href: "https://www.contractspec.studio",
-      description: "AI-powered product decision engine that turns product signals into spec-first deliverables.",
+      description: "The operating layer on top of OSS ContractSpec for teams that want evidence-backed decisions, workflow automation, and managed delivery loops.",
       icon: Layers,
       status: "available",
       highlights: [
@@ -759,12 +759,12 @@ function DeveloperToolsPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx4("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Developer Tools"
           }),
           /* @__PURE__ */ jsx4("p", {
-            className: "text-muted-foreground text-lg",
-            children: "ContractSpec provides a suite of tools to help you build, validate, and manage your specifications across different environments."
+            className: "text-lg text-muted-foreground",
+            children: "Use the OSS toolchain to define contracts, validate changes, inspect generated surfaces, and adopt the system incrementally across different environments."
           })
         ]
       }),
@@ -777,7 +777,7 @@ function DeveloperToolsPage() {
             className: `card-subtle relative space-y-4 p-6 ${isComingSoon ? "opacity-75" : ""}`,
             children: [
               isComingSoon && /* @__PURE__ */ jsx4("span", {
-                className: "absolute -top-2 right-4 rounded-full bg-violet-500/20 px-2 py-0.5 text-xs font-medium text-violet-400",
+                className: "absolute -top-2 right-4 rounded-full bg-violet-500/20 px-2 py-0.5 font-medium text-violet-400 text-xs",
                 children: "Coming Soon"
               }),
               /* @__PURE__ */ jsxs4("div", {
@@ -790,7 +790,7 @@ function DeveloperToolsPage() {
                     })
                   }),
                   /* @__PURE__ */ jsx4("h3", {
-                    className: "text-lg font-bold",
+                    className: "font-bold text-lg",
                     children: tool.name
                   })
                 ]
@@ -802,7 +802,7 @@ function DeveloperToolsPage() {
               /* @__PURE__ */ jsx4("ul", {
                 className: "space-y-1",
                 children: tool.highlights.map((highlight) => /* @__PURE__ */ jsxs4("li", {
-                  className: "text-muted-foreground flex items-center gap-2 text-sm",
+                  className: "flex items-center gap-2 text-muted-foreground text-sm",
                   children: [
                     /* @__PURE__ */ jsx4("span", {
                       className: "text-violet-400",
@@ -839,7 +839,7 @@ function DeveloperToolsPage() {
               /* @__PURE__ */ jsxs4("div", {
                 children: [
                   /* @__PURE__ */ jsx4("p", {
-                    className: "text-muted-foreground mb-2 text-xs font-medium",
+                    className: "mb-2 font-medium text-muted-foreground text-xs",
                     children: "CLI"
                   }),
                   /* @__PURE__ */ jsx4(InstallCommand2, {
@@ -851,7 +851,7 @@ function DeveloperToolsPage() {
               /* @__PURE__ */ jsxs4("div", {
                 children: [
                   /* @__PURE__ */ jsx4("p", {
-                    className: "text-muted-foreground mb-2 text-xs font-medium",
+                    className: "mb-2 font-medium text-muted-foreground text-xs",
                     children: "VS Code Extension"
                   }),
                   /* @__PURE__ */ jsx4(CodeBlock3, {
@@ -889,9 +889,9 @@ function DeveloperToolsPage() {
 }
 
 // src/components/docs/getting-started/HelloWorldPage.tsx
+import { CodeBlock as CodeBlock4 } from "@contractspec/lib.design-system";
 import Link5 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight5 } from "lucide-react";
-import { CodeBlock as CodeBlock4 } from "@contractspec/lib.design-system";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function HelloWorldPage() {
   return /* @__PURE__ */ jsxs5("div", {
@@ -901,11 +901,11 @@ function HelloWorldPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx5("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Your First Operation"
           }),
           /* @__PURE__ */ jsx5("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Build a payment capture operation with policy enforcement in under 10 minutes."
           })
         ]
@@ -917,7 +917,7 @@ function HelloWorldPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx5("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "What you'll build"
               }),
               /* @__PURE__ */ jsx5("p", {
@@ -930,7 +930,7 @@ function HelloWorldPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx5("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "1. Define the operation spec"
               }),
               /* @__PURE__ */ jsxs5("p", {
@@ -997,7 +997,7 @@ export const CapturePayment = defineCommand({
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx5("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "2. Implement the handler"
               }),
               /* @__PURE__ */ jsxs5("p", {
@@ -1058,7 +1058,7 @@ export async function handleCapturePayment(input, ctx) {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx5("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "3. Register and serve"
               }),
               /* @__PURE__ */ jsxs5("p", {
@@ -1110,7 +1110,7 @@ export { handler as GET, handler as POST };`
                 children: "What you just built:"
               }),
               /* @__PURE__ */ jsxs5("ul", {
-                className: "text-muted-foreground space-y-2 text-sm",
+                className: "space-y-2 text-muted-foreground text-sm",
                 children: [
                   /* @__PURE__ */ jsxs5("li", {
                     children: [
@@ -1160,9 +1160,9 @@ export { handler as GET, handler as POST };`
 }
 
 // src/components/docs/getting-started/InstallationPage.tsx
+import { CodeBlock as CodeBlock5, InstallCommand as InstallCommand3 } from "@contractspec/lib.design-system";
 import Link6 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight6 } from "lucide-react";
-import { CodeBlock as CodeBlock5, InstallCommand as InstallCommand3 } from "@contractspec/lib.design-system";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function InstallationPage() {
   return /* @__PURE__ */ jsxs6("div", {
@@ -1172,11 +1172,11 @@ function InstallationPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx6("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx6("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Add ContractSpec to your existing Next.js or Bun project, or start fresh."
           })
         ]
@@ -1188,11 +1188,11 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx6("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Prerequisites"
               }),
               /* @__PURE__ */ jsxs6("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx6("li", {
                     children: "Node.js 20+ (or Bun 1.0+)"
@@ -1211,7 +1211,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx6("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Install Core Libraries"
               }),
               /* @__PURE__ */ jsx6("p", {
@@ -1230,7 +1230,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx6("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "For Next.js projects"
               }),
               /* @__PURE__ */ jsx6(InstallCommand3, {
@@ -1242,7 +1242,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx6("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "For database models"
               }),
               /* @__PURE__ */ jsx6(InstallCommand3, {
@@ -1258,7 +1258,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx6("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Set up your project"
               }),
               /* @__PURE__ */ jsx6("p", {
@@ -1277,7 +1277,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx6("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Initialize the database"
               }),
               /* @__PURE__ */ jsx6("p", {
@@ -1314,9 +1314,9 @@ bunx prisma migrate dev --name init`
 }
 
 // src/components/docs/getting-started/StartHerePage.tsx
+import { CodeBlock as CodeBlock6, InstallCommand as InstallCommand4 } from "@contractspec/lib.design-system";
 import Link7 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight7 } from "lucide-react";
-import { CodeBlock as CodeBlock6, InstallCommand as InstallCommand4 } from "@contractspec/lib.design-system";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function StartHerePage() {
   return /* @__PURE__ */ jsxs7("div", {
@@ -1326,11 +1326,11 @@ function StartHerePage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx7("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Start here"
           }),
           /* @__PURE__ */ jsx7("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "A fast onboarding path from install to your first generated contract."
           })
         ]
@@ -1342,7 +1342,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx7("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Install the CLI"
               }),
               /* @__PURE__ */ jsx7(InstallCommand4, {
@@ -1355,7 +1355,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx7("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Add core libraries"
               }),
               /* @__PURE__ */ jsx7(InstallCommand4, {
@@ -1370,7 +1370,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx7("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Initialize your project"
               }),
               /* @__PURE__ */ jsx7(CodeBlock6, {
@@ -1384,7 +1384,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx7("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Create your first contract"
               }),
               /* @__PURE__ */ jsx7(CodeBlock6, {
@@ -1398,7 +1398,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx7("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Generate implementation"
               }),
               /* @__PURE__ */ jsx7(CodeBlock6, {
@@ -1441,9 +1441,9 @@ contractspec validate src/contracts/mySpec.ts`
 }
 
 // src/components/docs/getting-started/TroubleshootingPage.tsx
+import { CodeBlock as CodeBlock7 } from "@contractspec/lib.design-system";
 import Link8 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight8 } from "lucide-react";
-import { CodeBlock as CodeBlock7 } from "@contractspec/lib.design-system";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function TroubleshootingPage() {
   return /* @__PURE__ */ jsxs8("div", {
@@ -1453,11 +1453,11 @@ function TroubleshootingPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx8("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Troubleshooting"
           }),
           /* @__PURE__ */ jsx8("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Common issues and fixes when installing or generating with ContractSpec."
           })
         ]
@@ -1469,11 +1469,11 @@ function TroubleshootingPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx8("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Command not found"
               }),
               /* @__PURE__ */ jsxs8("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx8("li", {
                     children: "Reinstall the CLI and ensure it is in your PATH."
@@ -1489,11 +1489,11 @@ function TroubleshootingPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx8("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Specs not discovered"
               }),
               /* @__PURE__ */ jsxs8("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsxs8("li", {
                     children: [
@@ -1515,11 +1515,11 @@ function TroubleshootingPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx8("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Build or validate fails"
               }),
               /* @__PURE__ */ jsxs8("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsxs8("li", {
                     children: [
@@ -1541,7 +1541,7 @@ function TroubleshootingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx8("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Diagnostics"
               }),
               /* @__PURE__ */ jsx8(CodeBlock7, {
@@ -1557,11 +1557,11 @@ contractspec validate src/contracts/mySpec.ts`
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx8("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Still blocked?"
               }),
               /* @__PURE__ */ jsxs8("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx8("li", {
                     children: "Confirm compatibility requirements for runtime and framework."
@@ -1608,9 +1608,9 @@ contractspec validate src/contracts/mySpec.ts`
 }
 
 // src/components/docs/getting-started/VSCodeExtensionPage.tsx
+import { CodeBlock as CodeBlock8 } from "@contractspec/lib.design-system";
 import Link9 from "@contractspec/lib.ui-link";
 import { ChevronRight as ChevronRight9, ExternalLink } from "lucide-react";
-import { CodeBlock as CodeBlock8 } from "@contractspec/lib.design-system";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function VSCodeExtensionPage() {
   const features = [
@@ -1677,11 +1677,11 @@ function VSCodeExtensionPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx9("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "VS Code Extension"
           }),
           /* @__PURE__ */ jsx9("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Spec-first development directly in VS Code. Validate, scaffold, and explore your contract specifications with real-time feedback."
           })
         ]
@@ -1715,7 +1715,7 @@ function VSCodeExtensionPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx9("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Installation"
               }),
               /* @__PURE__ */ jsxs9("div", {
@@ -1735,7 +1735,7 @@ function VSCodeExtensionPage() {
                     code: "code --install-extension lssm.vscode-contractspec"
                   }),
                   /* @__PURE__ */ jsxs9("p", {
-                    className: "text-muted-foreground mt-4 text-sm",
+                    className: "mt-4 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx9("strong", {
                         children: "Option 2:"
@@ -1751,7 +1751,7 @@ function VSCodeExtensionPage() {
             className: "space-y-4",
             children: [
               /* @__PURE__ */ jsx9("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Features"
               }),
               /* @__PURE__ */ jsx9("div", {
@@ -1766,7 +1766,7 @@ function VSCodeExtensionPage() {
                     /* @__PURE__ */ jsx9("ul", {
                       className: "space-y-2",
                       children: section.items.map((item) => /* @__PURE__ */ jsxs9("li", {
-                        className: "text-muted-foreground flex items-start gap-2 text-sm",
+                        className: "flex items-start gap-2 text-muted-foreground text-sm",
                         children: [
                           /* @__PURE__ */ jsx9("span", {
                             className: "mt-1 text-violet-400",
@@ -1787,7 +1787,7 @@ function VSCodeExtensionPage() {
             className: "space-y-4",
             children: [
               /* @__PURE__ */ jsx9("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Commands"
               }),
               /* @__PURE__ */ jsxs9("p", {
@@ -1808,7 +1808,7 @@ function VSCodeExtensionPage() {
                     className: "flex-1",
                     children: [
                       /* @__PURE__ */ jsx9("p", {
-                        className: "font-mono text-sm font-medium",
+                        className: "font-medium font-mono text-sm",
                         children: cmd.name
                       }),
                       /* @__PURE__ */ jsx9("p", {
@@ -1825,7 +1825,7 @@ function VSCodeExtensionPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx9("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Sidebar Views"
               }),
               /* @__PURE__ */ jsx9("p", {
@@ -1882,11 +1882,11 @@ function VSCodeExtensionPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx9("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Getting Started"
               }),
               /* @__PURE__ */ jsxs9("ol", {
-                className: "text-muted-foreground list-inside list-decimal space-y-2",
+                className: "list-inside list-decimal space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx9("li", {
                     children: "Install the extension from VS Code Marketplace"
@@ -1930,7 +1930,7 @@ function VSCodeExtensionPage() {
               /* @__PURE__ */ jsx9("div", {
                 className: "overflow-x-auto",
                 children: /* @__PURE__ */ jsxs9("table", {
-                  className: "text-muted-foreground w-full text-sm",
+                  className: "w-full text-muted-foreground text-sm",
                   children: [
                     /* @__PURE__ */ jsx9("thead", {
                       children: /* @__PURE__ */ jsxs9("tr", {