@contractspec/bundle.library 3.8.10 → 3.8.12

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

@@ -1,195 +1,2 @@
 // @bun
-// src/components/docs/getting-started/DeveloperToolsPage.tsx
-import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
-import Link from "@contractspec/lib.ui-link";
-import { ChevronRight, Code2, Cpu, Layers, Terminal } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DeveloperToolsPage() {
-  const tools = [
-    {
-      name: "CLI",
-      href: "/docs/getting-started/tools/cli",
-      description: "Command-line interface for spec creation, building, validation, and CI/CD integration.",
-      icon: Terminal,
-      status: "available",
-      highlights: [
-        "AI-powered code generation",
-        "Multiple agent modes",
-        "SARIF/JSON output"
-      ]
-    },
-    {
-      name: "VS Code Extension",
-      href: "/docs/getting-started/tools/vscode",
-      description: "Real-time validation, scaffolding, and navigation directly in your editor.",
-      icon: Code2,
-      status: "available",
-      highlights: [
-        "Specs Explorer sidebar",
-        "Watch mode",
-        "Interactive walkthroughs"
-      ]
-    },
-    {
-      name: "ContractSpec Studio",
-      href: "https://www.contractspec.studio",
-      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: [
-        "Evidence-to-decision loop",
-        "Compiled spec diffs and task packs",
-        "Exports to Linear, Jira, Notion, and GitHub"
-      ]
-    },
-    {
-      name: "JetBrains Plugin",
-      href: "#",
-      description: "Full ContractSpec support for IntelliJ, WebStorm, and other JetBrains IDEs.",
-      icon: Cpu,
-      status: "coming-soon",
-      highlights: [
-        "Code navigation",
-        "Inline validation",
-        "Refactoring support"
-      ]
-    }
-  ];
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "Developer Tools"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            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."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx("div", {
-        className: "grid gap-6 md:grid-cols-2",
-        children: tools.map((tool) => {
-          const IconComponent = tool.icon;
-          const isComingSoon = tool.status === "coming-soon";
-          return /* @__PURE__ */ jsxs("div", {
-            className: `card-subtle relative space-y-4 p-6 ${isComingSoon ? "opacity-75" : ""}`,
-            children: [
-              isComingSoon && /* @__PURE__ */ jsx("span", {
-                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__ */ jsxs("div", {
-                className: "flex items-center gap-3",
-                children: [
-                  /* @__PURE__ */ jsx("div", {
-                    className: "flex h-10 w-10 items-center justify-center rounded-lg bg-violet-500/10",
-                    children: /* @__PURE__ */ jsx(IconComponent, {
-                      className: "h-5 w-5 text-violet-400"
-                    })
-                  }),
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-bold text-lg",
-                    children: tool.name
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground text-sm",
-                children: tool.description
-              }),
-              /* @__PURE__ */ jsx("ul", {
-                className: "space-y-1",
-                children: tool.highlights.map((highlight) => /* @__PURE__ */ jsxs("li", {
-                  className: "flex items-center gap-2 text-muted-foreground text-sm",
-                  children: [
-                    /* @__PURE__ */ jsx("span", {
-                      className: "text-violet-400",
-                      children: "-"
-                    }),
-                    highlight
-                  ]
-                }, highlight))
-              }),
-              !isComingSoon && /* @__PURE__ */ jsxs(Link, {
-                href: tool.href,
-                className: "btn-ghost inline-flex items-center gap-1 text-sm",
-                children: [
-                  "Learn more ",
-                  /* @__PURE__ */ jsx(ChevronRight, {
-                    size: 14
-                  })
-                ]
-              })
-            ]
-          }, tool.name);
-        })
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "card-subtle space-y-4 p-6",
-        children: [
-          /* @__PURE__ */ jsx("h3", {
-            className: "font-bold",
-            children: "Quick Install"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsx("p", {
-                    className: "mb-2 font-medium text-muted-foreground text-xs",
-                    children: "CLI"
-                  }),
-                  /* @__PURE__ */ jsx(InstallCommand, {
-                    package: "contractspec",
-                    dev: true
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsx("p", {
-                    className: "mb-2 font-medium text-muted-foreground text-xs",
-                    children: "VS Code Extension"
-                  }),
-                  /* @__PURE__ */ jsx(CodeBlock, {
-                    language: "bash",
-                    code: "code --install-extension lssm.vscode-contractspec"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsxs(Link, {
-            href: "/docs/getting-started/tools/cli",
-            className: "btn-primary",
-            children: [
-              "Get Started with CLI ",
-              /* @__PURE__ */ jsx(ChevronRight, {
-                size: 16
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/getting-started/tools/vscode",
-            className: "btn-ghost",
-            children: "VS Code Extension"
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  DeveloperToolsPage
-};
+import{CodeBlock as d,InstallCommand as l}from"@contractspec/lib.design-system";import i from"@contractspec/lib.ui-link";import{ChevronRight as s,Code2 as r,Cpu as m,Layers as p,Terminal as g}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function N(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Developer Tools"}),e("p",{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."})]}),e("div",{className:"grid gap-6 md:grid-cols-2",children:[{name:"CLI",href:"/docs/getting-started/tools/cli",description:"Command-line interface for spec creation, building, validation, and CI/CD integration.",icon:g,status:"available",highlights:["AI-powered code generation","Multiple agent modes","SARIF/JSON output"]},{name:"VS Code Extension",href:"/docs/getting-started/tools/vscode",description:"Real-time validation, scaffolding, and navigation directly in your editor.",icon:r,status:"available",highlights:["Specs Explorer sidebar","Watch mode","Interactive walkthroughs"]},{name:"ContractSpec Studio",href:"https://www.contractspec.studio",description:"The operating layer on top of OSS ContractSpec for teams that want evidence-backed decisions, workflow automation, and managed delivery loops.",icon:p,status:"available",highlights:["Evidence-to-decision loop","Compiled spec diffs and task packs","Exports to Linear, Jira, Notion, and GitHub"]},{name:"JetBrains Plugin",href:"#",description:"Full ContractSpec support for IntelliJ, WebStorm, and other JetBrains IDEs.",icon:m,status:"coming-soon",highlights:["Code navigation","Inline validation","Refactoring support"]}].map((a)=>{let c=a.icon,o=a.status==="coming-soon";return t("div",{className:`card-subtle relative space-y-4 p-6 ${o?"opacity-75":""}`,children:[o&&e("span",{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"}),t("div",{className:"flex items-center gap-3",children:[e("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-violet-500/10",children:e(c,{className:"h-5 w-5 text-violet-400"})}),e("h3",{className:"font-bold text-lg",children:a.name})]}),e("p",{className:"text-muted-foreground text-sm",children:a.description}),e("ul",{className:"space-y-1",children:a.highlights.map((n)=>t("li",{className:"flex items-center gap-2 text-muted-foreground text-sm",children:[e("span",{className:"text-violet-400",children:"-"}),n]},n))}),!o&&t(i,{href:a.href,className:"btn-ghost inline-flex items-center gap-1 text-sm",children:["Learn more ",e(s,{size:14})]})]},a.name)})}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"Quick Install"}),t("div",{className:"space-y-3",children:[t("div",{children:[e("p",{className:"mb-2 font-medium text-muted-foreground text-xs",children:"CLI"}),e(l,{package:"contractspec",dev:!0})]}),t("div",{children:[e("p",{className:"mb-2 font-medium text-muted-foreground text-xs",children:"VS Code Extension"}),e(d,{language:"bash",code:"code --install-extension lssm.vscode-contractspec"})]})]})]}),t("div",{className:"flex items-center gap-4 pt-4",children:[t(i,{href:"/docs/getting-started/tools/cli",className:"btn-primary",children:["Get Started with CLI ",e(s,{size:16})]}),e(i,{href:"/docs/getting-started/tools/vscode",className:"btn-ghost",children:"VS Code Extension"})]})]})}export{N as DeveloperToolsPage};

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

@@ -1,63 +1,5 @@
 // @bun
-// src/components/docs/getting-started/HelloWorldPage.tsx
-import { CodeBlock } from "@contractspec/lib.design-system";
-import Link from "@contractspec/lib.ui-link";
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function HelloWorldPage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "Your First Operation"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-lg text-muted-foreground",
-            children: "Build a payment capture operation with policy enforcement in under 10 minutes."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "What you'll build"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground",
-                children: "A real-world payment processing operation that validates input, enforces business rules, integrates with Stripe, and audits every transaction. This is production-ready code, not a toy example."
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "1. Define the operation spec"
-              }),
-              /* @__PURE__ */ jsxs("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Create ",
-                  /* @__PURE__ */ jsx("code", {
-                    children: "lib/specs/billing/capture-payment.ts"
-                  }),
-                  ":"
-                ]
-              }),
-              /* @__PURE__ */ jsx(CodeBlock, {
-                language: "typescript",
-                filename: "lib/specs/billing/capture-payment.ts",
-                code: `import { defineCommand } from '@contractspec/lib.contracts-spec';
+import{CodeBlock as a}from"@contractspec/lib.design-system";import i from"@contractspec/lib.ui-link";import{ChevronRight as n}from"lucide-react";import{jsx as e,jsxs as t}from"react/jsx-runtime";function s(){return t("div",{className:"space-y-8",children:[t("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Your First Operation"}),e("p",{className:"text-lg text-muted-foreground",children:"Build a payment capture operation with policy enforcement in under 10 minutes."})]}),t("div",{className:"space-y-6",children:[t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"What you'll build"}),e("p",{className:"text-muted-foreground",children:"A real-world payment processing operation that validates input, enforces business rules, integrates with Stripe, and audits every transaction. This is production-ready code, not a toy example."})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"1. Define the operation spec"}),t("p",{className:"text-muted-foreground",children:["Create ",e("code",{children:"lib/specs/billing/capture-payment.ts"}),":"]}),e(a,{language:"typescript",filename:"lib/specs/billing/capture-payment.ts",code:`import { defineCommand } from '@contractspec/lib.contracts-spec';
 import { SchemaModel, ScalarTypeEnum } from '@contractspec/lib.schema';
 
 const CapturePaymentInput = new SchemaModel({
@@ -100,31 +42,7 @@ export const CapturePayment = defineCommand({
       { resource: 'invoice', action: 'pay', condition: 'owner' },
     ],
   },
-});`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "2. Implement the handler"
-              }),
-              /* @__PURE__ */ jsxs("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Create ",
-                  /* @__PURE__ */ jsx("code", {
-                    children: "lib/handlers/billing/capture-payment.ts"
-                  }),
-                  ":"
-                ]
-              }),
-              /* @__PURE__ */ jsx(CodeBlock, {
-                language: "typescript",
-                filename: "lib/handlers/billing/capture-payment.ts",
-                code: `import { CapturePayment } from '@/lib/specs/billing/capture-payment';
+});`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"2. Implement the handler"}),t("p",{className:"text-muted-foreground",children:["Create ",e("code",{children:"lib/handlers/billing/capture-payment.ts"}),":"]}),e(a,{language:"typescript",filename:"lib/handlers/billing/capture-payment.ts",code:`import { CapturePayment } from '@/lib/specs/billing/capture-payment';
 import { stripe } from '@/lib/integrations/stripe';
 import { db } from '@/lib/db';
 
@@ -161,46 +79,12 @@ export async function handleCapturePayment(input, ctx) {
     status: paymentIntent.status,
     receiptUrl: paymentIntent.charges.data[0]?.receipt_url,
   };
-}`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "3. Register and serve"
-              }),
-              /* @__PURE__ */ jsxs("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Wire it up in ",
-                  /* @__PURE__ */ jsx("code", {
-                    children: "lib/registry.ts"
-                  }),
-                  " and",
-                  " ",
-                  /* @__PURE__ */ jsx("code", {
-                    children: "app/api/ops/[...route]/route.ts"
-                  }),
-                  ":"
-                ]
-              }),
-              /* @__PURE__ */ jsx(CodeBlock, {
-                language: "typescript",
-                filename: "lib/registry.ts",
-                code: `import { OperationSpecRegistry, installOp } from '@contractspec/lib.contracts-spec';
+}`})]}),t("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"3. Register and serve"}),t("p",{className:"text-muted-foreground",children:["Wire it up in ",e("code",{children:"lib/registry.ts"})," and"," ",e("code",{children:"app/api/ops/[...route]/route.ts"}),":"]}),e(a,{language:"typescript",filename:"lib/registry.ts",code:`import { OperationSpecRegistry, installOp } from '@contractspec/lib.contracts-spec';
 import { CapturePayment } from './specs/billing/capture-payment';
 import { handleCapturePayment } from './handlers/billing/capture-payment';
 
 export const registry = new OperationSpecRegistry();
-installOp(registry, CapturePayment, handleCapturePayment);`
-              }),
-              /* @__PURE__ */ jsx(CodeBlock, {
-                language: "typescript",
-                filename: "app/api/ops/[...route]/route.ts",
-                code: `import { makeNextAppHandler } from '@contractspec/lib.contracts-runtime-server-rest/rest-next-app';
+installOp(registry, CapturePayment, handleCapturePayment);`}),e(a,{language:"typescript",filename:"app/api/ops/[...route]/route.ts",code:`import { makeNextAppHandler } from '@contractspec/lib.contracts-runtime-server-rest/rest-next-app';
 import { registry } from '@/lib/registry';
 import { auth } from '@/lib/auth';
 
@@ -209,66 +93,4 @@ const handler = makeNextAppHandler(registry, async (req) => {
   return { actor: 'user', userId: session.userId, tenantId: session.tenantId };
 });
 
-export { handler as GET, handler as POST };`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "card-subtle space-y-4 p-6",
-            children: [
-              /* @__PURE__ */ jsx("h3", {
-                className: "font-bold",
-                children: "What you just built:"
-              }),
-              /* @__PURE__ */ jsxs("ul", {
-                className: "space-y-2 text-muted-foreground text-sm",
-                children: [
-                  /* @__PURE__ */ jsxs("li", {
-                    children: [
-                      "Type-safe API endpoint at",
-                      " ",
-                      /* @__PURE__ */ jsx("code", {
-                        children: "/api/ops/billing.capturePayment"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx("li", {
-                    children: "Automatic input validation (amount must be positive, IDs required)"
-                  }),
-                  /* @__PURE__ */ jsx("li", {
-                    children: "Policy enforcement\u2014only invoice owner can pay"
-                  }),
-                  /* @__PURE__ */ jsx("li", {
-                    children: "Stripe integration with error handling"
-                  }),
-                  /* @__PURE__ */ jsx("li", {
-                    children: "Database transaction with audit trail"
-                  }),
-                  /* @__PURE__ */ jsx("li", {
-                    children: "Same spec works with GraphQL, MCP, or webhooks"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "flex items-center gap-4 pt-4",
-            children: /* @__PURE__ */ jsxs(Link, {
-              href: "/docs/getting-started/dataviews",
-              className: "btn-primary",
-              children: [
-                "Next: Display Data with DataViews ",
-                /* @__PURE__ */ jsx(ChevronRight, {
-                  size: 16
-                })
-              ]
-            })
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  HelloWorldPage
-};
+export { handler as GET, handler as POST };`})]}),t("div",{className:"card-subtle space-y-4 p-6",children:[e("h3",{className:"font-bold",children:"What you just built:"}),t("ul",{className:"space-y-2 text-muted-foreground text-sm",children:[t("li",{children:["Type-safe API endpoint at"," ",e("code",{children:"/api/ops/billing.capturePayment"})]}),e("li",{children:"Automatic input validation (amount must be positive, IDs required)"}),e("li",{children:"Policy enforcement\u2014only invoice owner can pay"}),e("li",{children:"Stripe integration with error handling"}),e("li",{children:"Database transaction with audit trail"}),e("li",{children:"Same spec works with GraphQL, MCP, or webhooks"})]})]}),e("div",{className:"flex items-center gap-4 pt-4",children:t(i,{href:"/docs/getting-started/dataviews",className:"btn-primary",children:["Next: Display Data with DataViews ",e(n,{size:16})]})})]})]})}export{s as HelloWorldPage};

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

@@ -1,157 +1,6 @@
 // @bun
-// src/components/docs/getting-started/InstallationPage.tsx
-import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
-import Link from "@contractspec/lib.ui-link";
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function InstallationPage() {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsx("h1", {
-            className: "font-bold text-4xl",
-            children: "Installation"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-lg text-muted-foreground",
-            children: "Add ContractSpec to your existing Next.js or Bun project, or start fresh."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-6",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Prerequisites"
-              }),
-              /* @__PURE__ */ jsxs("ul", {
-                className: "space-y-2 text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsx("li", {
-                    children: "Node.js 20+ (or Bun 1.0+)"
-                  }),
-                  /* @__PURE__ */ jsx("li", {
-                    children: "Existing Next.js app or Bun HTTP server"
-                  }),
-                  /* @__PURE__ */ jsx("li", {
-                    children: "PostgreSQL database (for persistence)"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Install Core Libraries"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground",
-                children: "Add the contracts runtime and your choice of adapter:"
-              }),
-              /* @__PURE__ */ jsx(InstallCommand, {
-                package: [
-                  "@contractspec/lib.contracts-spec",
-                  "@contractspec/lib.schema"
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "For Next.js projects"
-              }),
-              /* @__PURE__ */ jsx(InstallCommand, {
-                package: "@contractspec/lib.contracts-spec"
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "For database models"
-              }),
-              /* @__PURE__ */ jsx(InstallCommand, {
-                package: [
-                  "@contractspec/app.cli-database",
-                  "prisma",
-                  "@prisma/client"
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Set up your project"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground",
-                children: "Initialize a new ContractSpec project structure:"
-              }),
-              /* @__PURE__ */ jsx(CodeBlock, {
-                language: "bash",
-                filename: "installation-init",
-                code: `bunx contractspec init
-# Follow the interactive prompts to configure your project`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-bold text-2xl",
-                children: "Initialize the database"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground",
-                children: "If using Prisma, set up your schema and generate the client:"
-              }),
-              /* @__PURE__ */ jsx(CodeBlock, {
-                language: "bash",
-                filename: "installation-prisma",
-                code: `bunx prisma init
+import{CodeBlock as i,InstallCommand as t}from"@contractspec/lib.design-system";import o from"@contractspec/lib.ui-link";import{ChevronRight as c}from"lucide-react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function s(){return a("div",{className:"space-y-8",children:[a("div",{className:"space-y-2",children:[e("h1",{className:"font-bold text-4xl",children:"Installation"}),e("p",{className:"text-lg text-muted-foreground",children:"Add ContractSpec to your existing Next.js or Bun project, or start fresh."})]}),a("div",{className:"space-y-6",children:[a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Prerequisites"}),a("ul",{className:"space-y-2 text-muted-foreground",children:[e("li",{children:"Node.js 20+ (or Bun 1.0+)"}),e("li",{children:"Existing Next.js app or Bun HTTP server"}),e("li",{children:"PostgreSQL database (for persistence)"})]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Install Core Libraries"}),e("p",{className:"text-muted-foreground",children:"Add the contracts runtime and your choice of adapter:"}),e(t,{package:["@contractspec/lib.contracts-spec","@contractspec/lib.schema"]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"For Next.js projects"}),e(t,{package:"@contractspec/lib.contracts-spec"})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"For database models"}),e(t,{package:["@contractspec/app.cli-database","prisma","@prisma/client"]})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Set up your project"}),e("p",{className:"text-muted-foreground",children:"Initialize a new ContractSpec project structure:"}),e(i,{language:"bash",filename:"installation-init",code:`bunx contractspec init
+# Follow the interactive prompts to configure your project`})]}),a("div",{className:"space-y-3",children:[e("h2",{className:"font-bold text-2xl",children:"Initialize the database"}),e("p",{className:"text-muted-foreground",children:"If using Prisma, set up your schema and generate the client:"}),e(i,{language:"bash",filename:"installation-prisma",code:`bunx prisma init
 # Edit prisma/schema.prisma with your models
 bunx prisma generate
-bunx prisma migrate dev --name init`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "flex items-center gap-4 pt-4",
-            children: /* @__PURE__ */ jsxs(Link, {
-              href: "/docs/getting-started/hello-world",
-              className: "btn-primary",
-              children: [
-                "Next: First Operation ",
-                /* @__PURE__ */ jsx(ChevronRight, {
-                  size: 16
-                })
-              ]
-            })
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  InstallationPage
-};
+bunx prisma migrate dev --name init`})]}),e("div",{className:"flex items-center gap-4 pt-4",children:a(o,{href:"/docs/getting-started/hello-world",className:"btn-primary",children:["Next: First Operation ",e(c,{size:16})]})})]})]})}export{s as InstallationPage};