@contractspec/bundle.library 3.7.6 → 3.8.2

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

@@ -1,7 +1,7 @@
 // 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 = [
@@ -58,11 +58,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."
           })
         ]
@@ -74,7 +74,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, {
@@ -87,7 +87,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, {
@@ -110,7 +110,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", {
@@ -119,7 +119,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", {
@@ -140,7 +140,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", {
@@ -210,7 +210,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", {
@@ -300,11 +300,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."
           })
         ]
@@ -316,11 +316,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+"
@@ -336,11 +336,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)"
@@ -356,11 +356,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)"
@@ -379,11 +379,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"
@@ -408,7 +408,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", {
@@ -416,7 +416,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"
@@ -460,9 +460,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", {
@@ -472,11 +472,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."
           })
         ]
@@ -485,7 +485,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", {
@@ -516,7 +516,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", {
@@ -603,7 +603,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", {
@@ -650,7 +650,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)"
@@ -696,9 +696,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 = [
@@ -729,7 +729,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: [
@@ -758,12 +758,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."
           })
         ]
       }),
@@ -776,7 +776,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", {
@@ -789,7 +789,7 @@ function DeveloperToolsPage() {
                     })
                   }),
                   /* @__PURE__ */ jsx4("h3", {
-                    className: "text-lg font-bold",
+                    className: "font-bold text-lg",
                     children: tool.name
                   })
                 ]
@@ -801,7 +801,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",
@@ -838,7 +838,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, {
@@ -850,7 +850,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, {
@@ -888,9 +888,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", {
@@ -900,11 +900,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."
           })
         ]
@@ -916,7 +916,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", {
@@ -929,7 +929,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", {
@@ -996,7 +996,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", {
@@ -1057,7 +1057,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", {
@@ -1109,7 +1109,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: [
@@ -1159,9 +1159,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", {
@@ -1171,11 +1171,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."
           })
         ]
@@ -1187,11 +1187,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+)"
@@ -1210,7 +1210,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", {
@@ -1229,7 +1229,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, {
@@ -1241,7 +1241,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, {
@@ -1257,7 +1257,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", {
@@ -1276,7 +1276,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", {
@@ -1313,9 +1313,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", {
@@ -1325,11 +1325,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."
           })
         ]
@@ -1341,7 +1341,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, {
@@ -1354,7 +1354,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, {
@@ -1369,7 +1369,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, {
@@ -1383,7 +1383,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, {
@@ -1397,7 +1397,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, {
@@ -1440,9 +1440,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", {
@@ -1452,11 +1452,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."
           })
         ]
@@ -1468,11 +1468,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."
@@ -1488,11 +1488,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: [
@@ -1514,11 +1514,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: [
@@ -1540,7 +1540,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, {
@@ -1556,11 +1556,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."
@@ -1607,9 +1607,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 = [
@@ -1676,11 +1676,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."
           })
         ]
@@ -1714,7 +1714,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", {
@@ -1734,7 +1734,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:"
@@ -1750,7 +1750,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", {
@@ -1765,7 +1765,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",
@@ -1786,7 +1786,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", {
@@ -1807,7 +1807,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", {
@@ -1824,7 +1824,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", {
@@ -1881,11 +1881,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"
@@ -1929,7 +1929,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", {