@contractspec/bundle.library 3.7.6 → 3.8.2

package/dist/components/docs/guides/GuideCIDiffGatingPage.js

@@ -3,16 +3,16 @@
 import Link from "@contractspec/lib.ui-link";
 import { jsx, jsxs } from "react/jsx-runtime";
 function StudioPrompt({
-  title = "Want to turn product signals into spec-first deliverables?",
-  body = "ContractSpec Studio ingests evidence from meetings, support, analytics, docs, and code, then compiles decisions into spec diffs and task packs.",
-  ctaLabel = "Try Studio",
-  href = "https://www.contractspec.studio"
+  title = "Need the operating layer on top of OSS ContractSpec?",
+  body = "ContractSpec Studio helps teams turn evidence into proposed spec changes, governed delivery loops, and execution-ready task packs while keeping the open contract system as the source of truth.",
+  ctaLabel = "See what Studio adds",
+  href = "https://www.contractspec.studio/docs"
 }) {
   return /* @__PURE__ */ jsxs("div", {
     className: "card-subtle space-y-3 p-6",
     children: [
       /* @__PURE__ */ jsx("h3", {
-        className: "text-lg font-semibold",
+        className: "font-semibold text-lg",
         children: title
       }),
       /* @__PURE__ */ jsx("p", {
@@ -41,11 +41,11 @@ function GuideCIDiffGatingPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "CI gating with deterministic diffs"
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Add ContractSpec CI checks that validate specs, detect drift, and gate breaking changes before merge."
           })
         ]
@@ -54,11 +54,11 @@ function GuideCIDiffGatingPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "What you'll build"
           }),
           /* @__PURE__ */ jsxs2("ul", {
-            className: "text-muted-foreground space-y-2 text-sm",
+            className: "space-y-2 text-muted-foreground text-sm",
             children: [
               /* @__PURE__ */ jsx2("li", {
                 children: "CI workflow running ContractSpec validation and drift checks."
@@ -80,7 +80,7 @@ function GuideCIDiffGatingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "1) Add the CI workflow"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -108,7 +108,7 @@ function GuideCIDiffGatingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "2) Run CI locally"
               }),
               /* @__PURE__ */ jsx2(CodeBlock, {
@@ -126,7 +126,7 @@ function GuideCIDiffGatingPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "3) Add a diff check"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -148,7 +148,7 @@ function GuideCIDiffGatingPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx2("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Example package"
               }),
               /* @__PURE__ */ jsx2("p", {

package/dist/components/docs/guides/GuideContractTypesPage.js

@@ -3,16 +3,16 @@
 import Link from "@contractspec/lib.ui-link";
 import { jsx, jsxs } from "react/jsx-runtime";
 function StudioPrompt({
-  title = "Want to turn product signals into spec-first deliverables?",
-  body = "ContractSpec Studio ingests evidence from meetings, support, analytics, docs, and code, then compiles decisions into spec diffs and task packs.",
-  ctaLabel = "Try Studio",
-  href = "https://www.contractspec.studio"
+  title = "Need the operating layer on top of OSS ContractSpec?",
+  body = "ContractSpec Studio helps teams turn evidence into proposed spec changes, governed delivery loops, and execution-ready task packs while keeping the open contract system as the source of truth.",
+  ctaLabel = "See what Studio adds",
+  href = "https://www.contractspec.studio/docs"
 }) {
   return /* @__PURE__ */ jsxs("div", {
     className: "card-subtle space-y-3 p-6",
     children: [
       /* @__PURE__ */ jsx("h3", {
-        className: "text-lg font-semibold",
+        className: "font-semibold text-lg",
         children: title
       }),
       /* @__PURE__ */ jsx("p", {
@@ -31,7 +31,7 @@ function StudioPrompt({
 // src/components/docs/guides/GuideContractTypesPage.tsx
 import { CodeBlock } from "@contractspec/lib.design-system";
 import Link2 from "@contractspec/lib.ui-link";
-import { ChevronRight, Layers, Zap, Shield, Globe } from "lucide-react";
+import { ChevronRight, Globe, Layers, Shield, Zap } from "lucide-react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var contractTypes = [
   {
@@ -71,12 +71,12 @@ function GuideContractTypesPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Contract Types Overview"
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground text-lg",
-            children: "Learn about the different contract types in ContractSpec and when to use each one for spec-first development."
+            className: "text-lg text-muted-foreground",
+            children: "Learn about the different contract types in ContractSpec and when to use each one when you are making the system boundary explicit."
           })
         ]
       }),
@@ -84,7 +84,7 @@ function GuideContractTypesPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Core Contract Types"
           }),
           /* @__PURE__ */ jsx2("div", {
@@ -108,7 +108,7 @@ function GuideContractTypesPage() {
                       children: type.description
                     }),
                     /* @__PURE__ */ jsx2("code", {
-                      className: "text-xs text-violet-400",
+                      className: "text-violet-400 text-xs",
                       children: type.factory
                     })
                   ]
@@ -125,7 +125,7 @@ function GuideContractTypesPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "1) Operations (Commands & Queries)"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -209,7 +209,7 @@ export const GetUserQuery = defineQuery({
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "2) Events"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -268,7 +268,7 @@ export const UserDeletedEvent = defineEvent({
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "3) Capabilities"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -329,7 +329,7 @@ export const AdminUserCapability = defineCapability({
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "4) Presentations"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -369,7 +369,7 @@ export const UserListPresentation = definePresentation({
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "5) Additional Contract Types"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -387,7 +387,7 @@ export const UserListPresentation = definePresentation({
                         children: "Policy"
                       }),
                       /* @__PURE__ */ jsx2("code", {
-                        className: "text-xs text-violet-400",
+                        className: "text-violet-400 text-xs",
                         children: "definePolicy"
                       }),
                       /* @__PURE__ */ jsx2("p", {
@@ -404,7 +404,7 @@ export const UserListPresentation = definePresentation({
                         children: "Workflow"
                       }),
                       /* @__PURE__ */ jsx2("code", {
-                        className: "text-xs text-violet-400",
+                        className: "text-violet-400 text-xs",
                         children: "defineWorkflow"
                       }),
                       /* @__PURE__ */ jsx2("p", {
@@ -421,7 +421,7 @@ export const UserListPresentation = definePresentation({
                         children: "Translation"
                       }),
                       /* @__PURE__ */ jsx2("code", {
-                        className: "text-xs text-violet-400",
+                        className: "text-violet-400 text-xs",
                         children: "defineTranslation"
                       }),
                       /* @__PURE__ */ jsx2("p", {
@@ -438,7 +438,7 @@ export const UserListPresentation = definePresentation({
                         children: "Integration"
                       }),
                       /* @__PURE__ */ jsx2("code", {
-                        className: "text-xs text-violet-400",
+                        className: "text-violet-400 text-xs",
                         children: "defineIntegration"
                       }),
                       /* @__PURE__ */ jsx2("p", {
@@ -455,7 +455,7 @@ export const UserListPresentation = definePresentation({
                         children: "Form"
                       }),
                       /* @__PURE__ */ jsx2("code", {
-                        className: "text-xs text-violet-400",
+                        className: "text-violet-400 text-xs",
                         children: "defineFormSpec"
                       }),
                       /* @__PURE__ */ jsx2("p", {
@@ -472,7 +472,7 @@ export const UserListPresentation = definePresentation({
                         children: "Data View"
                       }),
                       /* @__PURE__ */ jsx2("code", {
-                        className: "text-xs text-violet-400",
+                        className: "text-violet-400 text-xs",
                         children: "defineDataView"
                       }),
                       /* @__PURE__ */ jsx2("p", {
@@ -489,7 +489,7 @@ export const UserListPresentation = definePresentation({
                         children: "Feature"
                       }),
                       /* @__PURE__ */ jsx2("code", {
-                        className: "text-xs text-violet-400",
+                        className: "text-violet-400 text-xs",
                         children: "defineFeature"
                       }),
                       /* @__PURE__ */ jsx2("p", {
@@ -506,7 +506,7 @@ export const UserListPresentation = definePresentation({
                         children: "Test"
                       }),
                       /* @__PURE__ */ jsx2("code", {
-                        className: "text-xs text-violet-400",
+                        className: "text-violet-400 text-xs",
                         children: "defineTestSpec"
                       }),
                       /* @__PURE__ */ jsx2("p", {
@@ -523,7 +523,7 @@ export const UserListPresentation = definePresentation({
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "6) Registering Contracts"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -571,7 +571,7 @@ capabilityRegistry.register(UserManagementCapability);`
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx2("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Contract Type Decision Guide"
               }),
               /* @__PURE__ */ jsxs2("table", {
@@ -579,7 +579,7 @@ capabilityRegistry.register(UserManagementCapability);`
                 children: [
                   /* @__PURE__ */ jsx2("thead", {
                     children: /* @__PURE__ */ jsxs2("tr", {
-                      className: "border-b border-white/10",
+                      className: "border-white/10 border-b",
                       children: [
                         /* @__PURE__ */ jsx2("th", {
                           className: "py-2 text-left",
@@ -596,7 +596,7 @@ capabilityRegistry.register(UserManagementCapability);`
                     className: "text-muted-foreground",
                     children: [
                       /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-b border-white/5",
+                        className: "border-white/5 border-b",
                         children: [
                           /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
@@ -611,7 +611,7 @@ capabilityRegistry.register(UserManagementCapability);`
                         ]
                       }),
                       /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-b border-white/5",
+                        className: "border-white/5 border-b",
                         children: [
                           /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
@@ -626,7 +626,7 @@ capabilityRegistry.register(UserManagementCapability);`
                         ]
                       }),
                       /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-b border-white/5",
+                        className: "border-white/5 border-b",
                         children: [
                           /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
@@ -641,7 +641,7 @@ capabilityRegistry.register(UserManagementCapability);`
                         ]
                       }),
                       /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-b border-white/5",
+                        className: "border-white/5 border-b",
                         children: [
                           /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
@@ -656,7 +656,7 @@ capabilityRegistry.register(UserManagementCapability);`
                         ]
                       }),
                       /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-b border-white/5",
+                        className: "border-white/5 border-b",
                         children: [
                           /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
@@ -671,7 +671,7 @@ capabilityRegistry.register(UserManagementCapability);`
                         ]
                       }),
                       /* @__PURE__ */ jsxs2("tr", {
-                        className: "border-b border-white/5",
+                        className: "border-white/5 border-b",
                         children: [
                           /* @__PURE__ */ jsx2("td", {
                             className: "py-2",

package/dist/components/docs/guides/GuideDocsPipelinePage.js

@@ -3,16 +3,16 @@
 import Link from "@contractspec/lib.ui-link";
 import { jsx, jsxs } from "react/jsx-runtime";
 function StudioPrompt({
-  title = "Want to turn product signals into spec-first deliverables?",
-  body = "ContractSpec Studio ingests evidence from meetings, support, analytics, docs, and code, then compiles decisions into spec diffs and task packs.",
-  ctaLabel = "Try Studio",
-  href = "https://www.contractspec.studio"
+  title = "Need the operating layer on top of OSS ContractSpec?",
+  body = "ContractSpec Studio helps teams turn evidence into proposed spec changes, governed delivery loops, and execution-ready task packs while keeping the open contract system as the source of truth.",
+  ctaLabel = "See what Studio adds",
+  href = "https://www.contractspec.studio/docs"
 }) {
   return /* @__PURE__ */ jsxs("div", {
     className: "card-subtle space-y-3 p-6",
     children: [
       /* @__PURE__ */ jsx("h3", {
-        className: "text-lg font-semibold",
+        className: "font-semibold text-lg",
         children: title
       }),
       /* @__PURE__ */ jsx("p", {
@@ -41,11 +41,11 @@ function GuideDocsPipelinePage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Build the docs pipeline"
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Generate reference docs, chunk the index, and wire the docs pages the same way this repo does."
           })
         ]
@@ -54,11 +54,11 @@ function GuideDocsPipelinePage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "What you'll build"
           }),
           /* @__PURE__ */ jsxs2("ul", {
-            className: "text-muted-foreground space-y-2 text-sm",
+            className: "space-y-2 text-muted-foreground text-sm",
             children: [
               /* @__PURE__ */ jsx2("li", {
                 children: "Generated Markdown and a chunked index manifest."
@@ -80,7 +80,7 @@ function GuideDocsPipelinePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "1) Generate contract docs"
               }),
               /* @__PURE__ */ jsx2(CodeBlock, {
@@ -104,7 +104,7 @@ function GuideDocsPipelinePage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "2) Build the docs index"
               }),
               /* @__PURE__ */ jsx2(CodeBlock, {
@@ -134,7 +134,7 @@ bun docs:generate -- --version v1.0.0`
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "3) Wire reference routes"
               }),
               /* @__PURE__ */ jsx2(CodeBlock, {
@@ -176,7 +176,7 @@ export default async function Page({ params }: { params: { slug?: string[] } })
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx2("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Repo reference"
               }),
               /* @__PURE__ */ jsxs2("p", {

package/dist/components/docs/guides/GuideGenerateDocsClientsSchemasPage.js

@@ -3,16 +3,16 @@
 import Link from "@contractspec/lib.ui-link";
 import { jsx, jsxs } from "react/jsx-runtime";
 function StudioPrompt({
-  title = "Want to turn product signals into spec-first deliverables?",
-  body = "ContractSpec Studio ingests evidence from meetings, support, analytics, docs, and code, then compiles decisions into spec diffs and task packs.",
-  ctaLabel = "Try Studio",
-  href = "https://www.contractspec.studio"
+  title = "Need the operating layer on top of OSS ContractSpec?",
+  body = "ContractSpec Studio helps teams turn evidence into proposed spec changes, governed delivery loops, and execution-ready task packs while keeping the open contract system as the source of truth.",
+  ctaLabel = "See what Studio adds",
+  href = "https://www.contractspec.studio/docs"
 }) {
   return /* @__PURE__ */ jsxs("div", {
     className: "card-subtle space-y-3 p-6",
     children: [
       /* @__PURE__ */ jsx("h3", {
-        className: "text-lg font-semibold",
+        className: "font-semibold text-lg",
         children: title
       }),
       /* @__PURE__ */ jsx("p", {
@@ -41,11 +41,11 @@ function GuideGenerateDocsClientsSchemasPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx2("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Generate docs + client schemas"
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Generate docs and OpenAPI output from ContractSpec operations to power SDKs, docs sites, and tooling."
           })
         ]
@@ -54,11 +54,11 @@ function GuideGenerateDocsClientsSchemasPage() {
         className: "card-subtle space-y-4 p-6",
         children: [
           /* @__PURE__ */ jsx2("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "What you'll build"
           }),
           /* @__PURE__ */ jsxs2("ul", {
-            className: "text-muted-foreground space-y-2 text-sm",
+            className: "space-y-2 text-muted-foreground text-sm",
             children: [
               /* @__PURE__ */ jsx2("li", {
                 children: "Export docs from your specs."
@@ -80,7 +80,7 @@ function GuideGenerateDocsClientsSchemasPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "1) Generate docs"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -108,7 +108,7 @@ function GuideGenerateDocsClientsSchemasPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "2) Export OpenAPI"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -137,7 +137,7 @@ function GuideGenerateDocsClientsSchemasPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx2("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "3) Validate specs"
               }),
               /* @__PURE__ */ jsx2(CodeBlock, {
@@ -161,7 +161,7 @@ function GuideGenerateDocsClientsSchemasPage() {
             className: "card-subtle space-y-3 p-6",
             children: [
               /* @__PURE__ */ jsx2("h3", {
-                className: "text-lg font-semibold",
+                className: "font-semibold text-lg",
                 children: "Example package"
               }),
               /* @__PURE__ */ jsx2("p", {