@contractspec/bundle.library 3.7.6 → 3.8.2

package/dist/node/components/docs/advanced/AdvancedMCPPage.js

@@ -10,7 +10,7 @@ function AdvancedMCPPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "MCP Adapters"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -29,7 +29,7 @@ function AdvancedMCPPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Why MCP integration matters"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -37,7 +37,7 @@ function AdvancedMCPPage() {
             children: "AI agents need access to real-world tools and data to be useful. MCP provides a standardized way to expose these capabilities. By integrating ContractSpec with MCP, you can:"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Let AI agents invoke your ContractSpec capabilities safely and securely"
@@ -59,7 +59,7 @@ function AdvancedMCPPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Exposing capabilities as MCP tools"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -77,7 +77,7 @@ function AdvancedMCPPage() {
             ]
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "A tool schema describing the capability's inputs, outputs, and purpose"
@@ -99,7 +99,7 @@ function AdvancedMCPPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example: Exposing a capability"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -107,7 +107,7 @@ function AdvancedMCPPage() {
             children: "Here's how to expose ContractSpec operations as MCP tools:"
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
@@ -139,7 +139,7 @@ await server.connect(transport);`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Consuming external MCP servers"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -147,7 +147,7 @@ await server.connect(transport);`
             children: "You can integrate external MCP servers into your workflows. Define an integration spec and use it in your operations:"
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `import { defineIntegration } from '@contractspec/lib.contracts-integrations';
 import { SchemaModel, ScalarTypeEnum } from '@contractspec/lib.schema';
@@ -187,7 +187,7 @@ const SearchProductsIntegration = defineIntegration({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Policy enforcement for AI agents"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -204,7 +204,7 @@ const SearchProductsIntegration = defineIntegration({
             ]
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `import { definePolicy } from '@contractspec/lib.contracts-spec';
 
@@ -238,7 +238,7 @@ export const AIAgentRestrictions = definePolicy({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Human-in-the-loop workflows"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -246,7 +246,7 @@ export const AIAgentRestrictions = definePolicy({
             children: "For sensitive operations, you can require human approval before an AI agent can proceed. ContractSpec provides built-in approval workflows:"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Agent requests permission to invoke a capability"
@@ -281,11 +281,11 @@ export const AIAgentRestrictions = definePolicy({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Best practices"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Start with read-only capabilities for AI agents—only grant write access when necessary."

package/dist/node/components/docs/advanced/AdvancedOverlayEditorPage.js

@@ -9,11 +9,11 @@ function AdvancedOverlayEditorPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Overlay Editor"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "A Next.js app (`@contractspec/app.overlay-editor`) that lets tenant admins tweak field visibility, labels, and ordering, then sign OverlaySpecs."
           })
         ]
@@ -22,7 +22,7 @@ function AdvancedOverlayEditorPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Features"
           }),
           /* @__PURE__ */ jsxs("ul", {
@@ -56,7 +56,7 @@ function AdvancedOverlayEditorPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Provisioning flow"
           }),
           /* @__PURE__ */ jsxs("ol", {

package/dist/node/components/docs/advanced/AdvancedRenderersPage.js

@@ -10,11 +10,11 @@ function AdvancedRenderersPage() {
         className: "space-y-2",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Custom Renderers"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "ContractSpec ships with React and React Native renderers. You can build custom renderers for any framework."
           })
         ]
@@ -26,7 +26,7 @@ function AdvancedRenderersPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Overview"
               }),
               /* @__PURE__ */ jsxs("p", {
@@ -49,11 +49,11 @@ function AdvancedRenderersPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Using the React Renderer"
               }),
               /* @__PURE__ */ jsx("div", {
-                className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+                className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
                 children: /* @__PURE__ */ jsx("pre", {
                   children: `import { useWorkflow, WorkflowStepRenderer } from '@contractspec/lib.presentation-runtime-react';
 import { MyWorkflowSpec } from './specs';
@@ -79,7 +79,7 @@ export function WorkflowPage() {
             className: "space-y-3",
             children: [
               /* @__PURE__ */ jsx("h2", {
-                className: "text-2xl font-bold",
+                className: "font-bold text-2xl",
                 children: "Custom Platform Support"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -87,7 +87,7 @@ export function WorkflowPage() {
                 children: "To support a new platform (e.g., Vue, Svelte), you would:"
               }),
               /* @__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__ */ jsxs("li", {
                     children: [

package/dist/node/components/docs/advanced/AdvancedSpecExperimentsPage.js

@@ -8,11 +8,11 @@ function AdvancedSpecExperimentsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Spec Experiments"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Run controlled experiments on ContractSpec operations, gradually shift traffic, and roll back automatically when guardrails trip."
           })
         ]
@@ -21,11 +21,11 @@ function AdvancedSpecExperimentsPage() {
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Define control + variants"
           }),
           /* @__PURE__ */ jsx("pre", {
-            className: "bg-muted rounded-lg border p-4 text-sm",
+            className: "rounded-lg border bg-muted p-4 text-sm",
             children: `import { SpecExperimentRegistry } from '@contractspec/lib.growth/spec-experiments';
 
 const registry = new SpecExperimentRegistry().register({
@@ -54,11 +54,11 @@ const registry = new SpecExperimentRegistry().register({
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Attach to runtime"
           }),
           /* @__PURE__ */ jsx("pre", {
-            className: "bg-muted rounded-lg border p-4 text-sm",
+            className: "rounded-lg border bg-muted p-4 text-sm",
             children: `import { createSpecVariantResolver } from '@contractspec/lib.growth/spec-experiments';
 
 adapterContext.specVariantResolver = createSpecVariantResolver({
@@ -72,11 +72,11 @@ adapterContext.specVariantResolver = createSpecVariantResolver({
         className: "space-y-3",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Track outcomes + auto-rollback"
           }),
           /* @__PURE__ */ jsx("pre", {
-            className: "bg-muted rounded-lg border p-4 text-sm",
+            className: "rounded-lg border bg-muted p-4 text-sm",
             children: `import {
   SpecExperimentAnalyzer,
   SpecExperimentController,
@@ -106,7 +106,7 @@ const controller = new SpecExperimentController({
           className: "card-subtle space-y-2 p-4",
           children: [
             /* @__PURE__ */ jsx("h3", {
-              className: "text-lg font-semibold",
+              className: "font-semibold text-lg",
               children: card.title
             }),
             /* @__PURE__ */ jsx("p", {

package/dist/node/components/docs/advanced/AdvancedTelemetryPage.js

@@ -10,7 +10,7 @@ function AdvancedTelemetryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Telemetry"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -29,7 +29,7 @@ function AdvancedTelemetryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Why telemetry matters"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -46,7 +46,7 @@ function AdvancedTelemetryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Three pillars of observability"
           }),
           /* @__PURE__ */ jsxs("div", {
@@ -55,7 +55,7 @@ function AdvancedTelemetryPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Metrics"
                   }),
                   /* @__PURE__ */ jsx("p", {
@@ -67,7 +67,7 @@ function AdvancedTelemetryPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Logs"
                   }),
                   /* @__PURE__ */ jsx("p", {
@@ -79,7 +79,7 @@ function AdvancedTelemetryPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Traces"
                   }),
                   /* @__PURE__ */ jsx("p", {
@@ -96,7 +96,7 @@ function AdvancedTelemetryPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example TelemetrySpec"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -104,7 +104,7 @@ function AdvancedTelemetryPage() {
             children: "Here's how telemetry is configured in TypeScript:"
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `import { defineTelemetry } from '@contractspec/lib.contracts-spec/telemetry';
 
@@ -160,7 +160,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Automatic instrumentation"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -168,7 +168,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
             children: "ContractSpec automatically instruments:"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs("li", {
                 children: [
@@ -222,7 +222,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Integration with observability platforms"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -230,7 +230,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
             children: "ContractSpec supports multiple observability backends:"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs("li", {
                 children: [
@@ -300,7 +300,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Sampling and performance"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -308,7 +308,7 @@ export const OrderProcessingTelemetry = defineTelemetry({
             children: "Collecting telemetry has a cost—CPU, memory, network bandwidth, and storage. ContractSpec provides several mechanisms to control overhead:"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs("li", {
                 children: [
@@ -358,11 +358,11 @@ export const OrderProcessingTelemetry = defineTelemetry({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Best practices"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Start with high-level metrics (request rate, error rate, latency) and add more detailed instrumentation as needed."

package/dist/node/components/docs/advanced/AdvancedWorkflowMonitoringPage.js

@@ -8,11 +8,11 @@ function AdvancedWorkflowMonitoringPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Workflow Monitoring"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Production workflows need robust observability. ContractSpec provides SLA monitoring, distributed tracing, and audit logging out of the box."
           })
         ]
@@ -21,7 +21,7 @@ function AdvancedWorkflowMonitoringPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "SLA Monitoring"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -34,7 +34,7 @@ function AdvancedWorkflowMonitoringPage() {
             ]
           }),
           /* @__PURE__ */ jsx("pre", {
-            className: "bg-muted rounded-lg border p-4 text-sm",
+            className: "rounded-lg border bg-muted p-4 text-sm",
             children: `import { SLAMonitor } from '@contractspec/lib.contracts-spec/workflow/sla-monitor';
 
 const monitor = new SLAMonitor((event, payload) => {
@@ -53,7 +53,7 @@ monitor.check(currentState, workflowSpec);`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Telemetry & Tracing"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -82,7 +82,7 @@ monitor.check(currentState, workflowSpec);`
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Dashboarding"
           }),
           /* @__PURE__ */ jsxs("p", {