@contractspec/bundle.library 0.0.0-canary-20260206014742

package/dist/components/docs/libraries/LibrariesOverviewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibrariesOverviewPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesOverviewPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Libraries: ContractSpec Docs',\n//   description:\n//     'Explore the LSSM library ecosystem for building type-safe, policy-enforced applications.',\n// };\n\nexport function LibrariesOverviewPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Libraries Overview</h1>\n        <p className=\"text-muted-foreground\">\n          The LSSM ecosystem provides a comprehensive set of TypeScript\n          libraries for building modern web and mobile applications. All\n          libraries are designed to work together seamlessly while remaining\n          modular and independently useful.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Core Libraries</h2>\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <Link\n            href=\"/docs/libraries/contracts\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.contracts\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Define operations, events, and policies in pure TypeScript.\n              Runtime adapters serve them as REST/GraphQL/MCP endpoints.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n\n          <Link\n            href=\"/docs/libraries/schema\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.schema\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Type-safe schema models that export to Zod, Pothos GraphQL, and\n              JSON Schema from a single source.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"flex items-center gap-2 text-2xl font-bold\">\n          AI-Native Operations\n          <span className=\"badge badge-secondary text-xs\">Featured</span>\n        </h2>\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {[\n            {\n              title: '@contractspec/lib.ai-agent',\n              description:\n                'Agent specs, runner, memory, and approval workflow for safe AI copilots.',\n              href: '/docs/libraries/ai-agent',\n            },\n            {\n              title: '@contractspec/lib.support-bot',\n              description:\n                'Classification, RAG resolver, auto-responder, and performance loop for L1 automation.',\n              href: '/docs/libraries/support-bot',\n            },\n            {\n              title: '@contractspec/lib.content-gen',\n              description:\n                'Blog, landing, email, social, and SEO generators powered by ContentBriefs.',\n              href: '/docs/libraries/content-gen',\n            },\n            {\n              title: '@contractspec/lib.analytics',\n              description:\n                'Funnels, cohorts, churn scoring, and hypothesis generation without a warehouse.',\n              href: '/docs/libraries/analytics',\n            },\n            {\n              title: '@contractspec/lib.growth',\n              description:\n                'Experiment registry, runner, tracker, and stats engine for deterministic A/B tests.',\n              href: '/docs/libraries/growth',\n            },\n            {\n              title: '@contractspec/lib.design-system',\n              description:\n                'Now includes ApprovalQueue + AgentMonitor for human-in-the-loop decisions.',\n              href: '/docs/libraries/design-system',\n            },\n          ].map((lib) => (\n            <Link\n              key={lib.title}\n              href={lib.href}\n              className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n            >\n              <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n                {lib.title}\n              </h3>\n              <p className=\"text-muted-foreground mt-2 text-sm\">\n                {lib.description}\n              </p>\n              <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n                Learn more <ChevronRight size={14} />\n              </div>\n            </Link>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"flex items-center gap-2 text-2xl font-bold\">\n          Personalization & Customization\n          <span className=\"badge badge-primary text-xs\">Featured</span>\n        </h2>\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {[\n            {\n              title: '@contractspec/lib.personalization',\n              description:\n                'Track behavior, analyze unused UI, and feed overlay/workflow adapters.',\n              href: '/docs/libraries/personalization',\n            },\n            {\n              title: '@contractspec/lib.overlay-engine',\n              description:\n                'Signed overlays with validator, registry, runtime engine, and React hooks.',\n              href: '/docs/libraries/overlay-engine',\n            },\n            {\n              title: '@contractspec/lib.workflow-composer',\n              description:\n                'Tenant-aware workflow extensions with step injection helpers.',\n              href: '/docs/libraries/workflow-composer',\n            },\n          ].map((lib) => (\n            <Link\n              key={lib.title}\n              href={lib.href}\n              className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n            >\n              <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n                {lib.title}\n              </h3>\n              <p className=\"text-muted-foreground mt-2 text-sm\">\n                {lib.description}\n              </p>\n              <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n                Learn more <ChevronRight size={14} />\n              </div>\n            </Link>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">UI Libraries</h2>\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <Link\n            href=\"/docs/libraries/ui-kit\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.ui-kit\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Universal UI components for React Native and Web, built on\n              NativeWind and @rn-primitives.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n\n          <Link\n            href=\"/docs/libraries/design-system\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.design-system\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              High-level design system components, patterns, and layouts. Built\n              on top of ui-kit.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n\n          <Link\n            href=\"/docs/libraries/accessibility\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.accessibility\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Accessibility primitives for WCAG compliance: skip links, live\n              regions, focus management, and more.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Data & Backend</h2>\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/app.cli-database</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Prisma wrapper and CLI for schema management\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/lib.bus</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Type-safe event bus for in-memory and distributed events\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/lib.logger</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Structured logging optimized for Bun with Elysia integration\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">GraphQL</h2>\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/lib.graphql-core</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Shared Pothos builder with plugins\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/lib.graphql-prisma</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Prisma integration for Pothos schemas\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">\n              @contractspec/lib.graphql-federation\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Apollo Federation support for Pothos\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Philosophy</h2>\n        <p className=\"text-muted-foreground\">\n          All LSSM libraries follow these principles:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Type Safety First</strong>: Full TypeScript support with\n            strict types.\n          </li>\n          <li>\n            <strong>Modular</strong>: Use only what you need, tree-shake the\n            rest.\n          </li>\n          <li>\n            <strong>Platform Aware</strong>: Optimized for both Web and Native\n            where applicable.\n          </li>\n          <li>\n            <strong>Single Source of Truth</strong>: Avoid duplication between\n            layers (REST, GraphQL, Zod).\n          </li>\n          <li>\n            <strong>Developer Experience</strong>: Clear APIs, comprehensive\n            docs, and helpful error messages.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/contracts\" className=\"btn-primary\">\n          Explore Contracts <ChevronRight size={16} />\n        </Link>\n        <Link href=\"/docs/getting-started\" className=\"btn-ghost\">\n          Getting Started\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/libraries/LibrariesPersonalizationPage.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/docs/libraries/LibrariesPersonalizationPage.d.ts
+declare function LibrariesPersonalizationPage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LibrariesPersonalizationPage };
+//# sourceMappingURL=LibrariesPersonalizationPage.d.ts.map

package/dist/components/docs/libraries/LibrariesPersonalizationPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibrariesPersonalizationPage.d.ts","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesPersonalizationPage.tsx"],"mappings":";;;iBAIgB,4BAAA,CAAA,GAA4B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/docs/libraries/LibrariesPersonalizationPage.js

@@ -0,0 +1,115 @@
+import { ChevronRight } from "lucide-react";
+import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/docs/libraries/LibrariesPersonalizationPage.tsx
+function LibrariesPersonalizationPage() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-8",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-4xl font-bold",
+					children: "@contractspec/lib.personalization"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-lg",
+					children: "Track field/feature/workflow usage, analyze drop-offs, and convert insights into OverlaySpecs or workflow tweaks."
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Installation"
+				}), /* @__PURE__ */ jsx(InstallCommand, { package: "@contractspec/lib.personalization" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Tracker"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Buffer events per tenant/user and emit OpenTelemetry counters automatically."
+					}),
+					/* @__PURE__ */ jsx(CodeBlock, {
+						language: "typescript",
+						code: `import { createBehaviorTracker } from '@contractspec/lib.personalization';
+
+const tracker = createBehaviorTracker({
+  store,
+  context: { tenantId: ctx.tenant.id, userId: ctx.identity.id },
+});
+
+tracker.trackFieldAccess({ operation: 'billing.createOrder', field: 'items' });
+tracker.trackWorkflowStep({ workflow: 'invoice', step: 'review', status: 'entered' });`
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Analyzer"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Summarize events and highlight unused UI, frequent fields, and workflow bottlenecks."
+					}),
+					/* @__PURE__ */ jsx(CodeBlock, {
+						language: "typescript",
+						code: `import { BehaviorAnalyzer } from '@contractspec/lib.personalization/analyzer';
+
+const analyzer = new BehaviorAnalyzer(store);
+const insights = await analyzer.analyze({ tenantId: 'acme', userId: 'ops-42' });
+// { unusedFields: ['internalNotes'], workflowBottlenecks: [...] }`
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Adapter"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Convert insights into overlays or workflow extension hints."
+					}),
+					/* @__PURE__ */ jsx(CodeBlock, {
+						language: "typescript",
+						code: `import { insightsToOverlaySuggestion } from '@contractspec/lib.personalization/adapter';
+
+const overlay = insightsToOverlaySuggestion(insights, {
+  overlayId: 'acme-order-form',
+  tenantId: 'acme',
+  capability: 'billing.createOrder',
+});`
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 pt-4",
+				children: [/* @__PURE__ */ jsx(Link, {
+					href: "/docs/libraries",
+					className: "btn-ghost",
+					children: "Back to Libraries"
+				}), /* @__PURE__ */ jsxs(Link, {
+					href: "/docs/libraries/overlay-engine",
+					className: "btn-primary",
+					children: ["Next: Overlay Engine ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { LibrariesPersonalizationPage };
+//# sourceMappingURL=LibrariesPersonalizationPage.js.map

package/dist/components/docs/libraries/LibrariesPersonalizationPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibrariesPersonalizationPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesPersonalizationPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesPersonalizationPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">\n          @contractspec/lib.personalization\n        </h1>\n        <p className=\"text-muted-foreground text-lg\">\n          Track field/feature/workflow usage, analyze drop-offs, and convert\n          insights into OverlaySpecs or workflow tweaks.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.personalization\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Tracker</h2>\n        <p className=\"text-muted-foreground\">\n          Buffer events per tenant/user and emit OpenTelemetry counters\n          automatically.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { createBehaviorTracker } from '@contractspec/lib.personalization';\n\nconst tracker = createBehaviorTracker({\n  store,\n  context: { tenantId: ctx.tenant.id, userId: ctx.identity.id },\n});\n\ntracker.trackFieldAccess({ operation: 'billing.createOrder', field: 'items' });\ntracker.trackWorkflowStep({ workflow: 'invoice', step: 'review', status: 'entered' });`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Analyzer</h2>\n        <p className=\"text-muted-foreground\">\n          Summarize events and highlight unused UI, frequent fields, and\n          workflow bottlenecks.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { BehaviorAnalyzer } from '@contractspec/lib.personalization/analyzer';\n\nconst analyzer = new BehaviorAnalyzer(store);\nconst insights = await analyzer.analyze({ tenantId: 'acme', userId: 'ops-42' });\n// { unusedFields: ['internalNotes'], workflowBottlenecks: [...] }`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Adapter</h2>\n        <p className=\"text-muted-foreground\">\n          Convert insights into overlays or workflow extension hints.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { insightsToOverlaySuggestion } from '@contractspec/lib.personalization/adapter';\n\nconst overlay = insightsToOverlaySuggestion(insights, {\n  overlayId: 'acme-order-form',\n  tenantId: 'acme',\n  capability: 'billing.createOrder',\n});`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/overlay-engine\" className=\"btn-primary\">\n          Next: Overlay Engine <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,+BAA+B;AAC7C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAE9B,EACL,oBAAC;KAAE,WAAU;eAAgC;MAGzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,sCAAsC;KAC1D;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAY;KAC/C,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;OASN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAa;KAChD,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;OAKN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAY;KAC/C,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;OAON;;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAAiC,WAAU;gBAAc,yBAC7C,oBAAC,gBAAa,MAAM,KAAM;MAC1C;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesProgressiveDeliveryPage.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/docs/libraries/LibrariesProgressiveDeliveryPage.d.ts
+declare function LibrariesProgressiveDeliveryPage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LibrariesProgressiveDeliveryPage };
+//# sourceMappingURL=LibrariesProgressiveDeliveryPage.d.ts.map

package/dist/components/docs/libraries/LibrariesProgressiveDeliveryPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibrariesProgressiveDeliveryPage.d.ts","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesProgressiveDeliveryPage.tsx"],"mappings":";;;iBAIgB,gCAAA,CAAA,GAAgC,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/docs/libraries/LibrariesProgressiveDeliveryPage.js

@@ -0,0 +1,121 @@
+import { ChevronRight } from "lucide-react";
+import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/docs/libraries/LibrariesProgressiveDeliveryPage.tsx
+function LibrariesProgressiveDeliveryPage() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-8",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-4xl font-bold",
+					children: "Progressive Delivery Library"
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground text-lg",
+					children: [
+						"The ",
+						/* @__PURE__ */ jsx("code", { children: "@contractspec/lib.progressive-delivery" }),
+						" package helps you ship new specs with confidence: canary + blue-green strategies, metric guardrails, and rollback hooks in one place."
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Installation"
+				}), /* @__PURE__ */ jsx(InstallCommand, { package: "@contractspec/lib.progressive-delivery" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Define a Strategy"
+				}), /* @__PURE__ */ jsx(CodeBlock, {
+					language: "typescript",
+					code: `import { DeploymentCoordinator, createDefaultCanaryController, TrafficShifter, RollbackManager } from '@contractspec/lib.progressive-delivery';
+
+const strategy = {
+  target: { name: 'billing.createInvoice', version: 7 },
+  mode: 'canary',
+  thresholds: {
+    errorRate: 0.01,
+    latencyP99: 500,
+    latencyP95: 250,
+  },
+};`
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Run the Coordinator"
+					}),
+					/* @__PURE__ */ jsx(CodeBlock, {
+						language: "typescript",
+						code: `const eventBus = new DeploymentEventBus();
+const controller = createDefaultCanaryController(strategy, fetchMetrics, eventBus);
+const coordinator = new DeploymentCoordinator({
+  strategy,
+  controller,
+  trafficShifter: new TrafficShifter(strategy.mode),
+  rollbackManager: new RollbackManager({ rollback: revertSpec }),
+  applyTrafficSplit: updateFeatureFlag,
+  eventBus,
+});
+
+const result = await coordinator.run();`
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-muted-foreground text-sm",
+						children: [
+							"The coordinator emits ",
+							/* @__PURE__ */ jsx("code", { children: "stage_started" }),
+							",",
+							" ",
+							/* @__PURE__ */ jsx("code", { children: "stage_failed" }),
+							", and ",
+							/* @__PURE__ */ jsx("code", { children: "rolled_back" }),
+							" events, making it easy to power dashboards or alerting workflows."
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Blue-Green Swap"
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground text-sm",
+					children: [
+						"Switch to ",
+						/* @__PURE__ */ jsx("code", { children: "mode: 'blue-green'" }),
+						" to warm up the new stack in parallel and cut over once smoke tests pass. The same guardrails apply before the final swap."
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 pt-4",
+				children: [/* @__PURE__ */ jsx(Link, {
+					href: "/docs/libraries",
+					className: "btn-ghost",
+					children: "Back to Libraries"
+				}), /* @__PURE__ */ jsxs(Link, {
+					href: "/docs/libraries/resilience",
+					className: "btn-primary",
+					children: ["Next: Resilience ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { LibrariesProgressiveDeliveryPage };
+//# sourceMappingURL=LibrariesProgressiveDeliveryPage.js.map

package/dist/components/docs/libraries/LibrariesProgressiveDeliveryPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibrariesProgressiveDeliveryPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesProgressiveDeliveryPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesProgressiveDeliveryPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Progressive Delivery Library</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          The <code>@contractspec/lib.progressive-delivery</code> package helps\n          you ship new specs with confidence: canary + blue-green strategies,\n          metric guardrails, and rollback hooks in one place.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.progressive-delivery\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Define a Strategy</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { DeploymentCoordinator, createDefaultCanaryController, TrafficShifter, RollbackManager } from '@contractspec/lib.progressive-delivery';\n\nconst strategy = {\n  target: { name: 'billing.createInvoice', version: 7 },\n  mode: 'canary',\n  thresholds: {\n    errorRate: 0.01,\n    latencyP99: 500,\n    latencyP95: 250,\n  },\n};`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Run the Coordinator</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`const eventBus = new DeploymentEventBus();\nconst controller = createDefaultCanaryController(strategy, fetchMetrics, eventBus);\nconst coordinator = new DeploymentCoordinator({\n  strategy,\n  controller,\n  trafficShifter: new TrafficShifter(strategy.mode),\n  rollbackManager: new RollbackManager({ rollback: revertSpec }),\n  applyTrafficSplit: updateFeatureFlag,\n  eventBus,\n});\n\nconst result = await coordinator.run();`}\n        />\n        <p className=\"text-muted-foreground text-sm\">\n          The coordinator emits <code>stage_started</code>,{' '}\n          <code>stage_failed</code>, and <code>rolled_back</code> events, making\n          it easy to power dashboards or alerting workflows.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Blue-Green Swap</h2>\n        <p className=\"text-muted-foreground text-sm\">\n          Switch to <code>mode: 'blue-green'</code> to warm up the new stack in\n          parallel and cut over once smoke tests pass. The same guardrails apply\n          before the final swap.\n        </p>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/resilience\" className=\"btn-primary\">\n          Next: Resilience <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,mCAAmC;AACjD,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiC,EACpE,qBAAC;KAAE,WAAU;;MAAgC;MACvC,oBAAC,oBAAK,2CAA6C;;;MAGrD;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,2CAA2C;KAC/D;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;MAWN;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAwB;KAC3D,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;;;;OAYN;KACF,qBAAC;MAAE,WAAU;;OAAgC;OACrB,oBAAC,oBAAK,kBAAoB;;OAAE;OAClD,oBAAC,oBAAK,iBAAmB;;OAAM,oBAAC,oBAAK,gBAAkB;;;OAErD;;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAoB,EACvD,qBAAC;KAAE,WAAU;;MAAgC;MACjC,oBAAC,oBAAK,uBAAyB;;;MAGvC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA6B,WAAU;gBAAc,qBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACtC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesResiliencePage.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/docs/libraries/LibrariesResiliencePage.d.ts
+declare function LibrariesResiliencePage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LibrariesResiliencePage };
+//# sourceMappingURL=LibrariesResiliencePage.d.ts.map

package/dist/components/docs/libraries/LibrariesResiliencePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibrariesResiliencePage.d.ts","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesResiliencePage.tsx"],"mappings":";;;iBAIgB,uBAAA,CAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/docs/libraries/LibrariesResiliencePage.js

@@ -0,0 +1,122 @@
+import { ChevronRight } from "lucide-react";
+import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/docs/libraries/LibrariesResiliencePage.tsx
+function LibrariesResiliencePage() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-8",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-4xl font-bold",
+					children: "Resilience Library"
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground text-lg",
+					children: [
+						"The ",
+						/* @__PURE__ */ jsx("code", { children: "@contractspec/lib.resilience" }),
+						" library provides primitives to handle failures gracefully."
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Installation"
+				}), /* @__PURE__ */ jsx(InstallCommand, { package: "@contractspec/lib.resilience" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Circuit Breaker"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Prevent cascading failures by stopping calls to a failing dependency."
+					}),
+					/* @__PURE__ */ jsx(CodeBlock, {
+						language: "typescript",
+						code: `import { CircuitBreaker } from '@contractspec/lib.resilience/circuit-breaker';
+
+const breaker = new CircuitBreaker({
+  failureThreshold: 5,
+  resetTimeoutMs: 30000,
+});
+
+const result = await breaker.execute(async () => {
+  return await fetch('https://api.stripe.com/v1/charges');
+});`
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Retry"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Automatically retry transient failures with exponential backoff."
+					}),
+					/* @__PURE__ */ jsx(CodeBlock, {
+						language: "typescript",
+						code: `import { retry } from '@contractspec/lib.resilience/retry';
+
+const result = await retry(
+  async () => fetchUser(id),
+  3, // retries
+  1000, // initial delay
+  true // backoff
+);`
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Timeout & Fallback"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Set hard limits on execution time and provide default values on failure."
+					}),
+					/* @__PURE__ */ jsx(CodeBlock, {
+						language: "typescript",
+						code: `import { timeout, fallback } from '@contractspec/lib.resilience';
+
+const result = await fallback(
+  () => timeout(slowOperation, 5000),
+  defaultValue
+);`
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 pt-4",
+				children: [/* @__PURE__ */ jsx(Link, {
+					href: "/docs/libraries",
+					className: "btn-ghost",
+					children: "Back to Libraries"
+				}), /* @__PURE__ */ jsxs(Link, {
+					href: "/docs/libraries/testing",
+					className: "btn-primary",
+					children: ["Next: Testing ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { LibrariesResiliencePage };
+//# sourceMappingURL=LibrariesResiliencePage.js.map

package/dist/components/docs/libraries/LibrariesResiliencePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibrariesResiliencePage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesResiliencePage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesResiliencePage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Resilience Library</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          The <code>@contractspec/lib.resilience</code> library provides\n          primitives to handle failures gracefully.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.resilience\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Circuit Breaker</h2>\n        <p className=\"text-muted-foreground\">\n          Prevent cascading failures by stopping calls to a failing dependency.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { CircuitBreaker } from '@contractspec/lib.resilience/circuit-breaker';\n\nconst breaker = new CircuitBreaker({\n  failureThreshold: 5,\n  resetTimeoutMs: 30000,\n});\n\nconst result = await breaker.execute(async () => {\n  return await fetch('https://api.stripe.com/v1/charges');\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Retry</h2>\n        <p className=\"text-muted-foreground\">\n          Automatically retry transient failures with exponential backoff.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { retry } from '@contractspec/lib.resilience/retry';\n\nconst result = await retry(\n  async () => fetchUser(id),\n  3, // retries\n  1000, // initial delay\n  true // backoff\n);`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Timeout & Fallback</h2>\n        <p className=\"text-muted-foreground\">\n          Set hard limits on execution time and provide default values on\n          failure.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { timeout, fallback } from '@contractspec/lib.resilience';\n\nconst result = await fallback(\n  () => timeout(slowOperation, 5000),\n  defaultValue\n);`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/testing\" className=\"btn-primary\">\n          Next: Testing <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,0BAA0B;AACxC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAuB,EAC1D,qBAAC;KAAE,WAAU;;MAAgC;MACvC,oBAAC,oBAAK,iCAAmC;;;MAE3C;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,iCAAiC;KACrD;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAoB;KACvD,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;;OAUN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAU;KAC7C,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;OAQN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAuB;KAC1D,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;OAMN;;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA0B,WAAU;gBAAc,kBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACnC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesRuntimePage.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/docs/libraries/LibrariesRuntimePage.d.ts
+declare function LibrariesRuntimePage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LibrariesRuntimePage };
+//# sourceMappingURL=LibrariesRuntimePage.d.ts.map

package/dist/components/docs/libraries/LibrariesRuntimePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibrariesRuntimePage.d.ts","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesRuntimePage.tsx"],"mappings":";;;iBAIgB,oBAAA,CAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/docs/libraries/LibrariesRuntimePage.js

@@ -0,0 +1,160 @@
+import { ChevronRight } from "lucide-react";
+import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/docs/libraries/LibrariesRuntimePage.tsx
+function LibrariesRuntimePage() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-8",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-4xl font-bold",
+					children: "Runtime Libraries"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: "The presentation runtime libraries provide the engine for rendering ContractSpec-defined UIs. They handle state management, validation, step navigation, and component rendering for Workflows and DataViews."
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Installation"
+				}), /* @__PURE__ */ jsx(InstallCommand, { package: "@contractspec/lib.presentation-runtime-react" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Libraries"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "card-subtle p-6",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-lg font-bold",
+								children: "@contractspec/lib.presentation-runtime-core"
+							}), /* @__PURE__ */ jsxs("p", {
+								className: "text-muted-foreground mt-2 text-sm",
+								children: [/* @__PURE__ */ jsx("strong", { children: "Framework-Agnostic Core" }), ". Contains the state machines, validation logic, and navigation rules for workflows. Can be used to build renderers for any platform (Vue, Svelte, CLI)."]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "card-subtle p-6",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-lg font-bold",
+								children: "@contractspec/lib.presentation-runtime-react"
+							}), /* @__PURE__ */ jsxs("p", {
+								className: "text-muted-foreground mt-2 text-sm",
+								children: [/* @__PURE__ */ jsx("strong", { children: "React Bindings" }), ". Hooks (`useWorkflow`) and components (`WorkflowStepper`, `WorkflowStepRenderer`) for React Web applications. Integrates with `ui-kit-web`."]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "card-subtle p-6",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-lg font-bold",
+								children: "@contractspec/lib.presentation-runtime-react-native"
+							}), /* @__PURE__ */ jsxs("p", {
+								className: "text-muted-foreground mt-2 text-sm",
+								children: [/* @__PURE__ */ jsx("strong", { children: "React Native Bindings" }), ". Optimized for mobile experiences. Handles native navigation integration and uses universal components from `ui-kit`."]
+							})]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Example: React Workflow"
+				}), /* @__PURE__ */ jsx(CodeBlock, {
+					language: "tsx",
+					code: `import { useWorkflow, WorkflowStepRenderer } from '@contractspec/lib.presentation-runtime-react';
+import { OnboardingFlow } from './specs/onboarding';
+
+export function OnboardingPage() {
+  const workflow = useWorkflow(OnboardingFlow);
+
+  if (workflow.isComplete) {
+    return <SuccessScreen data={workflow.result} />;
+  }
+
+  return (
+    <div className="max-w-md mx-auto py-8">
+      <h1 className="text-2xl font-bold mb-4">
+        {workflow.currentStep.title}
+      </h1>
+      
+      <WorkflowStepRenderer 
+        step={workflow.currentStep}
+        onChange={workflow.updateData}
+        errors={workflow.errors}
+      />
+      
+      <div className="flex justify-end mt-6 gap-4">
+        <button 
+          onClick={workflow.prev}
+          disabled={!workflow.canGoBack}
+          className="btn-ghost"
+        >
+          Back
+        </button>
+        <button 
+          onClick={workflow.next}
+          disabled={!workflow.canProceed}
+          className="btn-primary"
+        >
+          Next
+        </button>
+      </div>
+    </div>
+  );
+}`
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Architecture"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "The runtime follows a \"render-loop\" pattern:"
+					}),
+					/* @__PURE__ */ jsxs("ol", {
+						className: "text-muted-foreground list-inside list-decimal space-y-2",
+						children: [
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Spec" }), ": Defines the flow, fields, and validation rules."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Core" }), ": Tracks current step, data state, and validation errors."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Renderer" }), ": Maps spec fields to UI components (Input, Select, etc.)."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "User" }), ": Interacts with components, updating core state."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Policy" }), ": (Optional) Re-evaluates visibility on every change."] })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 pt-4",
+				children: [/* @__PURE__ */ jsx(Link, {
+					href: "/docs/libraries/data-backend",
+					className: "btn-ghost",
+					children: "Previous: Data & Backend"
+				}), /* @__PURE__ */ jsxs(Link, {
+					href: "/docs/libraries",
+					className: "btn-primary",
+					children: ["Back to Libraries ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { LibrariesRuntimePage };
+//# sourceMappingURL=LibrariesRuntimePage.js.map