@contractspec/bundle.library 3.7.6 → 3.8.2

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

@@ -1,8 +1,8 @@
 // @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 { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 function DeveloperToolsPage() {
   const tools = [
@@ -33,7 +33,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: [
@@ -62,12 +62,12 @@ function DeveloperToolsPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Developer Tools"
           }),
           /* @__PURE__ */ jsx("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."
           })
         ]
       }),
@@ -80,7 +80,7 @@ function DeveloperToolsPage() {
             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 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__ */ jsxs("div", {
@@ -93,7 +93,7 @@ function DeveloperToolsPage() {
                     })
                   }),
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold",
+                    className: "font-bold text-lg",
                     children: tool.name
                   })
                 ]
@@ -105,7 +105,7 @@ function DeveloperToolsPage() {
               /* @__PURE__ */ jsx("ul", {
                 className: "space-y-1",
                 children: tool.highlights.map((highlight) => /* @__PURE__ */ jsxs("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__ */ jsx("span", {
                       className: "text-violet-400",
@@ -142,7 +142,7 @@ function DeveloperToolsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mb-2 text-xs font-medium",
+                    className: "mb-2 font-medium text-muted-foreground text-xs",
                     children: "CLI"
                   }),
                   /* @__PURE__ */ jsx(InstallCommand, {
@@ -154,7 +154,7 @@ function DeveloperToolsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("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__ */ jsx(CodeBlock, {

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

@@ -1,8 +1,8 @@
 // @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 { CodeBlock } from "@contractspec/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 function HelloWorldPage() {
   return /* @__PURE__ */ jsxs("div", {
@@ -12,11 +12,11 @@ function HelloWorldPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Your First Operation"
           }),
           /* @__PURE__ */ jsx("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."
           })
         ]
@@ -28,7 +28,7 @@ function HelloWorldPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "What you'll build"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -41,7 +41,7 @@ function HelloWorldPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "1. Define the operation spec"
               }),
               /* @__PURE__ */ jsxs("p", {
@@ -108,7 +108,7 @@ export const CapturePayment = defineCommand({
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "2. Implement the handler"
               }),
               /* @__PURE__ */ jsxs("p", {
@@ -169,7 +169,7 @@ export async function handleCapturePayment(input, ctx) {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "3. Register and serve"
               }),
               /* @__PURE__ */ jsxs("p", {
@@ -221,7 +221,7 @@ export { handler as GET, handler as POST };`
                 children: "What you just built:"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2 text-sm",
+                className: "space-y-2 text-muted-foreground text-sm",
                 children: [
                   /* @__PURE__ */ jsxs("li", {
                     children: [

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

@@ -1,8 +1,8 @@
 // @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 { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 function InstallationPage() {
   return /* @__PURE__ */ jsxs("div", {
@@ -12,11 +12,11 @@ function InstallationPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx("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."
           })
         ]
@@ -28,11 +28,11 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Prerequisites"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx("li", {
                     children: "Node.js 20+ (or Bun 1.0+)"
@@ -51,7 +51,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Install Core Libraries"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -70,7 +70,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "For Next.js projects"
               }),
               /* @__PURE__ */ jsx(InstallCommand, {
@@ -82,7 +82,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "For database models"
               }),
               /* @__PURE__ */ jsx(InstallCommand, {
@@ -98,7 +98,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Set up your project"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -117,7 +117,7 @@ function InstallationPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Initialize the database"
               }),
               /* @__PURE__ */ jsx("p", {

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

@@ -1,8 +1,8 @@
 // @bun
 // src/components/docs/getting-started/StartHerePage.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 StartHerePage() {
   return /* @__PURE__ */ jsxs("div", {
@@ -12,11 +12,11 @@ function StartHerePage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Start here"
           }),
           /* @__PURE__ */ jsx("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."
           })
         ]
@@ -28,7 +28,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Install the CLI"
               }),
               /* @__PURE__ */ jsx(InstallCommand, {
@@ -41,7 +41,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Add core libraries"
               }),
               /* @__PURE__ */ jsx(InstallCommand, {
@@ -56,7 +56,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Initialize your project"
               }),
               /* @__PURE__ */ jsx(CodeBlock, {
@@ -70,7 +70,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Create your first contract"
               }),
               /* @__PURE__ */ jsx(CodeBlock, {
@@ -84,7 +84,7 @@ function StartHerePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Generate implementation"
               }),
               /* @__PURE__ */ jsx(CodeBlock, {

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

@@ -1,8 +1,8 @@
 // @bun
 // src/components/docs/getting-started/TroubleshootingPage.tsx
+import { CodeBlock } from "@contractspec/lib.design-system";
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
-import { CodeBlock } from "@contractspec/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 function TroubleshootingPage() {
   return /* @__PURE__ */ jsxs("div", {
@@ -12,11 +12,11 @@ function TroubleshootingPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Troubleshooting"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Common issues and fixes when installing or generating with ContractSpec."
           })
         ]
@@ -28,11 +28,11 @@ function TroubleshootingPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Command not found"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx("li", {
                     children: "Reinstall the CLI and ensure it is in your PATH."
@@ -48,11 +48,11 @@ function TroubleshootingPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Specs not discovered"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsxs("li", {
                     children: [
@@ -74,11 +74,11 @@ function TroubleshootingPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Build or validate fails"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsxs("li", {
                     children: [
@@ -100,7 +100,7 @@ function TroubleshootingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Diagnostics"
               }),
               /* @__PURE__ */ jsx(CodeBlock, {
@@ -116,11 +116,11 @@ contractspec validate src/contracts/mySpec.ts`
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Still blocked?"
               }),
               /* @__PURE__ */ jsxs("ul", {
-                className: "text-muted-foreground space-y-2",
+                className: "space-y-2 text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsx("li", {
                     children: "Confirm compatibility requirements for runtime and framework."

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

@@ -1,8 +1,8 @@
 // @bun
 // src/components/docs/getting-started/VSCodeExtensionPage.tsx
+import { CodeBlock } from "@contractspec/lib.design-system";
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight, ExternalLink } from "lucide-react";
-import { CodeBlock } from "@contractspec/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 function VSCodeExtensionPage() {
   const features = [
@@ -69,11 +69,11 @@ function VSCodeExtensionPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "VS Code Extension"
           }),
           /* @__PURE__ */ jsx("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."
           })
         ]
@@ -107,7 +107,7 @@ function VSCodeExtensionPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Installation"
               }),
               /* @__PURE__ */ jsxs("div", {
@@ -127,7 +127,7 @@ function VSCodeExtensionPage() {
                     code: "code --install-extension lssm.vscode-contractspec"
                   }),
                   /* @__PURE__ */ jsxs("p", {
-                    className: "text-muted-foreground mt-4 text-sm",
+                    className: "mt-4 text-muted-foreground text-sm",
                     children: [
                       /* @__PURE__ */ jsx("strong", {
                         children: "Option 2:"
@@ -143,7 +143,7 @@ function VSCodeExtensionPage() {
             className: "space-y-4",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Features"
               }),
               /* @__PURE__ */ jsx("div", {
@@ -158,7 +158,7 @@ function VSCodeExtensionPage() {
                     /* @__PURE__ */ jsx("ul", {
                       className: "space-y-2",
                       children: section.items.map((item) => /* @__PURE__ */ jsxs("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__ */ jsx("span", {
                             className: "mt-1 text-violet-400",
@@ -179,7 +179,7 @@ function VSCodeExtensionPage() {
             className: "space-y-4",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Commands"
               }),
               /* @__PURE__ */ jsxs("p", {
@@ -200,7 +200,7 @@ function VSCodeExtensionPage() {
                     className: "flex-1",
                     children: [
                       /* @__PURE__ */ jsx("p", {
-                        className: "font-mono text-sm font-medium",
+                        className: "font-medium font-mono text-sm",
                         children: cmd.name
                       }),
                       /* @__PURE__ */ jsx("p", {
@@ -217,7 +217,7 @@ function VSCodeExtensionPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Sidebar Views"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -274,11 +274,11 @@ function VSCodeExtensionPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Getting Started"
               }),
               /* @__PURE__ */ jsxs("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__ */ jsx("li", {
                     children: "Install the extension from VS Code Marketplace"
@@ -322,7 +322,7 @@ function VSCodeExtensionPage() {
               /* @__PURE__ */ jsx("div", {
                 className: "overflow-x-auto",
                 children: /* @__PURE__ */ jsxs("table", {
-                  className: "text-muted-foreground w-full text-sm",
+                  className: "w-full text-muted-foreground text-sm",
                   children: [
                     /* @__PURE__ */ jsx("thead", {
                       children: /* @__PURE__ */ jsxs("tr", {

package/dist/components/docs/getting-started/index.d.ts

@@ -1,10 +1,10 @@
 import './getting-started.docblocks';
-export { InstallationPage } from './InstallationPage';
-export { HelloWorldPage } from './HelloWorldPage';
 export { CLIPage } from './CLIPage';
-export * from './VSCodeExtensionPage';
-export * from './DeveloperToolsPage';
+export { CompatibilityPage } from './CompatibilityPage';
 export { DataViewTutorialPage } from './DataViewTutorialPage';
+export * from './DeveloperToolsPage';
+export { HelloWorldPage } from './HelloWorldPage';
+export { InstallationPage } from './InstallationPage';
 export { StartHerePage } from './StartHerePage';
 export { TroubleshootingPage } from './TroubleshootingPage';
-export { CompatibilityPage } from './CompatibilityPage';
+export * from './VSCodeExtensionPage';