@contractspec/bundle.library 3.7.5 → 3.7.7

package/src/components/docs/libraries/LibrariesUIKitPage.tsx

@@ -1,50 +1,50 @@
+import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';
 import Link from '@contractspec/lib.ui-link';
 import { ChevronRight } from 'lucide-react';
-import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';
 
 export function LibrariesUIKitPage() {
-  return (
-    <div className="space-y-8">
-      <div className="space-y-4">
-        <h1 className="text-4xl font-bold">@contractspec/lib.ui-kit</h1>
-        <p className="text-muted-foreground">
-          Universal UI components for React Native and Web, built on top of
-          <code>nativewind</code> and <code>@rn-primitives</code>.
-        </p>
-      </div>
+	return (
+		<div className="space-y-8">
+			<div className="space-y-4">
+				<h1 className="font-bold text-4xl">@contractspec/lib.ui-kit</h1>
+				<p className="text-muted-foreground">
+					Universal UI components for React Native and Web, built on top of
+					<code>nativewind</code> and <code>@rn-primitives</code>.
+				</p>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Installation</h2>
-        <InstallCommand package="@contractspec/lib.ui-kit" />
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Installation</h2>
+				<InstallCommand package="@contractspec/lib.ui-kit" />
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Key Features</h2>
-        <ul className="text-muted-foreground list-inside list-disc space-y-2">
-          <li>
-            <strong>Universal</strong>: Components render natively on
-            iOS/Android and as standard HTML on web
-          </li>
-          <li>
-            <strong>Styled with NativeWind</strong>: Uses Tailwind CSS classes
-            for styling
-          </li>
-          <li>
-            <strong>Accessible</strong>: Leverages <code>@rn-primitives</code>{' '}
-            (Radix UI for Native)
-          </li>
-          <li>
-            <strong>Atomic Design</strong>: Exports atoms, molecules, and
-            organisms
-          </li>
-        </ul>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Key Features</h2>
+				<ul className="list-inside list-disc space-y-2 text-muted-foreground">
+					<li>
+						<strong>Universal</strong>: Components render natively on
+						iOS/Android and as standard HTML on web
+					</li>
+					<li>
+						<strong>Styled with NativeWind</strong>: Uses Tailwind CSS classes
+						for styling
+					</li>
+					<li>
+						<strong>Accessible</strong>: Leverages <code>@rn-primitives</code>{' '}
+						(Radix UI for Native)
+					</li>
+					<li>
+						<strong>Atomic Design</strong>: Exports atoms, molecules, and
+						organisms
+					</li>
+				</ul>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Example Usage</h2>
-        <CodeBlock
-          language="tsx"
-          code={`import { Button } from '@contractspec/lib.ui-kit/ui/button';
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Example Usage</h2>
+				<CodeBlock
+					language="tsx"
+					code={`import { Button } from '@contractspec/lib.ui-kit/ui/button';
 import { Text } from '@contractspec/lib.ui-kit/ui/text';
 import { Card, CardHeader, CardTitle, CardContent } from '@contractspec/lib.ui-kit/ui/card';
 
@@ -63,51 +63,51 @@ export function MyComponent() {
     </Card>
   );
 }`}
-        />
-      </div>
+				/>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Core Components</h2>
-        <div className="grid gap-4 md:grid-cols-3">
-          <div className="card-subtle p-4">
-            <h3 className="mb-2 font-semibold">Form Controls</h3>
-            <ul className="text-muted-foreground space-y-1 text-sm">
-              <li>Button</li>
-              <li>Input</li>
-              <li>Checkbox</li>
-              <li>Switch</li>
-              <li>Select</li>
-            </ul>
-          </div>
-          <div className="card-subtle p-4">
-            <h3 className="mb-2 font-semibold">Layout</h3>
-            <ul className="text-muted-foreground space-y-1 text-sm">
-              <li>Card</li>
-              <li>Stack</li>
-              <li>Separator</li>
-              <li>Sheet</li>
-            </ul>
-          </div>
-          <div className="card-subtle p-4">
-            <h3 className="mb-2 font-semibold">Feedback</h3>
-            <ul className="text-muted-foreground space-y-1 text-sm">
-              <li>Alert</li>
-              <li>Skeleton</li>
-              <li>Progress</li>
-              <li>Tooltip</li>
-            </ul>
-          </div>
-        </div>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Core Components</h2>
+				<div className="grid gap-4 md:grid-cols-3">
+					<div className="card-subtle p-4">
+						<h3 className="mb-2 font-semibold">Form Controls</h3>
+						<ul className="space-y-1 text-muted-foreground text-sm">
+							<li>Button</li>
+							<li>Input</li>
+							<li>Checkbox</li>
+							<li>Switch</li>
+							<li>Select</li>
+						</ul>
+					</div>
+					<div className="card-subtle p-4">
+						<h3 className="mb-2 font-semibold">Layout</h3>
+						<ul className="space-y-1 text-muted-foreground text-sm">
+							<li>Card</li>
+							<li>Stack</li>
+							<li>Separator</li>
+							<li>Sheet</li>
+						</ul>
+					</div>
+					<div className="card-subtle p-4">
+						<h3 className="mb-2 font-semibold">Feedback</h3>
+						<ul className="space-y-1 text-muted-foreground text-sm">
+							<li>Alert</li>
+							<li>Skeleton</li>
+							<li>Progress</li>
+							<li>Tooltip</li>
+						</ul>
+					</div>
+				</div>
+			</div>
 
-      <div className="flex items-center gap-4 pt-4">
-        <Link href="/docs/libraries/schema" className="btn-ghost">
-          Previous: Schema
-        </Link>
-        <Link href="/docs/libraries/design-system" className="btn-primary">
-          Next: Design System <ChevronRight size={16} />
-        </Link>
-      </div>
-    </div>
-  );
+			<div className="flex items-center gap-4 pt-4">
+				<Link href="/docs/libraries/schema" className="btn-ghost">
+					Previous: Schema
+				</Link>
+				<Link href="/docs/libraries/design-system" className="btn-primary">
+					Next: Design System <ChevronRight size={16} />
+				</Link>
+			</div>
+		</div>
+	);
 }

package/src/components/docs/libraries/LibrariesWorkflowComposerPage.tsx

@@ -3,27 +3,27 @@ import Link from '@contractspec/lib.ui-link';
 import { ChevronRight } from 'lucide-react';
 
 export function LibrariesWorkflowComposerPage() {
-  return (
-    <div className="space-y-8">
-      <div className="space-y-4">
-        <h1 className="text-4xl font-bold">Workflow Composer</h1>
-        <p className="text-muted-foreground text-lg">
-          `@contractspec/lib.workflow-composer` injects
-          tenant-/role-/device-specific steps into base WorkflowSpecs and keeps
-          transitions valid.
-        </p>
-      </div>
+	return (
+		<div className="space-y-8">
+			<div className="space-y-4">
+				<h1 className="font-bold text-4xl">Workflow Composer</h1>
+				<p className="text-lg text-muted-foreground">
+					`@contractspec/lib.workflow-composer` injects
+					tenant-/role-/device-specific steps into base WorkflowSpecs and keeps
+					transitions valid.
+				</p>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Installation</h2>
-        <InstallCommand package="@contractspec/lib.workflow-composer" />
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Installation</h2>
+				<InstallCommand package="@contractspec/lib.workflow-composer" />
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Register extensions</h2>
-        <CodeBlock
-          language="typescript"
-          code={`const composer = new WorkflowComposer();
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Register extensions</h2>
+				<CodeBlock
+					language="typescript"
+					code={`const composer = new WorkflowComposer();
 
 composer.register({
   workflow: 'billing.invoiceApproval',
@@ -41,30 +41,30 @@ composer.register({
   ],
   hiddenSteps: ['internal-audit'],
 });`}
-        />
-      </div>
+				/>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Compose at runtime</h2>
-        <CodeBlock
-          language="typescript"
-          code={`const tenantWorkflow = composer.compose({
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Compose at runtime</h2>
+				<CodeBlock
+					language="typescript"
+					code={`const tenantWorkflow = composer.compose({
   base: BaseInvoiceWorkflow,
   tenantId: 'acme',
 });
 
 workflowRunner.execute(tenantWorkflow, ctx);`}
-        />
-      </div>
+				/>
+			</div>
 
-      <div className="flex items-center gap-4 pt-4">
-        <Link href="/docs/libraries" className="btn-ghost">
-          Back to Libraries
-        </Link>
-        <Link href="/docs/libraries/workflows" className="btn-primary">
-          Next: Workflow Runtime <ChevronRight size={16} />
-        </Link>
-      </div>
-    </div>
-  );
+			<div className="flex items-center gap-4 pt-4">
+				<Link href="/docs/libraries" className="btn-ghost">
+					Back to Libraries
+				</Link>
+				<Link href="/docs/libraries/workflows" className="btn-primary">
+					Next: Workflow Runtime <ChevronRight size={16} />
+				</Link>
+			</div>
+		</div>
+	);
 }

package/src/components/docs/libraries/LibrariesWorkflowsPage.tsx

@@ -3,32 +3,32 @@ import Link from '@contractspec/lib.ui-link';
 import { ChevronRight } from 'lucide-react';
 
 export function LibrariesWorkflowsPage() {
-  return (
-    <div className="space-y-8">
-      <div className="space-y-4">
-        <h1 className="text-4xl font-bold">Workflow Runtime Library</h1>
-        <p className="text-muted-foreground text-lg">
-          The <code>@contractspec/lib.contracts-spec/workflow</code> library
-          provides the core <code>WorkflowRunner</code> for executing stateful,
-          durable workflows.
-        </p>
-      </div>
+	return (
+		<div className="space-y-8">
+			<div className="space-y-4">
+				<h1 className="font-bold text-4xl">Workflow Runtime Library</h1>
+				<p className="text-lg text-muted-foreground">
+					The <code>@contractspec/lib.contracts-spec/workflow</code> library
+					provides the core <code>WorkflowRunner</code> for executing stateful,
+					durable workflows.
+				</p>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Installation</h2>
-        <InstallCommand package="@contractspec/lib.contracts-spec" />
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Installation</h2>
+				<InstallCommand package="@contractspec/lib.contracts-spec" />
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">WorkflowRunner</h2>
-        <p className="text-muted-foreground">
-          The runner manages execution state, step transitions, retries, and
-          compensation.
-        </p>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">WorkflowRunner</h2>
+				<p className="text-muted-foreground">
+					The runner manages execution state, step transitions, retries, and
+					compensation.
+				</p>
 
-        <CodeBlock
-          language="typescript"
-          code={`import { WorkflowRunner } from '@contractspec/lib.contracts-spec/workflow/runner';
+				<CodeBlock
+					language="typescript"
+					code={`import { WorkflowRunner } from '@contractspec/lib.contracts-spec/workflow/runner';
 import { InMemoryStateStore } from '@contractspec/lib.contracts-spec/workflow/adapters/memory-store';
 import { WorkflowRegistry } from '@contractspec/lib.contracts-spec/workflow/spec';
 
@@ -49,63 +49,63 @@ const workflowId = await runner.start('my.workflow', 1, { userId: '123' });
 
 // Execute next step (usually called by a worker or queue consumer)
 await runner.executeStep(workflowId);`}
-        />
-      </div>
+				/>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">State Persistence</h2>
-        <p className="text-muted-foreground">
-          The runner relies on a <code>StateStore</code> to persist workflow
-          execution history. ContractSpec ships with:
-        </p>
-        <ul className="text-muted-foreground list-disc space-y-2 pl-6">
-          <li>
-            <code>InMemoryStateStore</code> - for testing and development.
-          </li>
-          <li>
-            <code>PrismaStateStore</code> - for production using Prisma ORM.
-          </li>
-        </ul>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">State Persistence</h2>
+				<p className="text-muted-foreground">
+					The runner relies on a <code>StateStore</code> to persist workflow
+					execution history. ContractSpec ships with:
+				</p>
+				<ul className="list-disc space-y-2 pl-6 text-muted-foreground">
+					<li>
+						<code>InMemoryStateStore</code> - for testing and development.
+					</li>
+					<li>
+						<code>PrismaStateStore</code> - for production using Prisma ORM.
+					</li>
+				</ul>
+			</div>
 
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">Events</h2>
-        <p className="text-muted-foreground">
-          The runner emits events that you can subscribe to for monitoring:
-        </p>
-        <ul className="text-muted-foreground list-disc space-y-2 pl-6">
-          <li>
-            <code>workflow.started</code>
-          </li>
-          <li>
-            <code>workflow.step_completed</code>
-          </li>
-          <li>
-            <code>workflow.step_failed</code>
-          </li>
-          <li>
-            <code>workflow.step_retrying</code>
-          </li>
-          <li>
-            <code>workflow.completed</code>
-          </li>
-          <li>
-            <code>workflow.cancelled</code>
-          </li>
-          <li>
-            <code>workflow.compensation_step_completed</code>
-          </li>
-        </ul>
-      </div>
+			<div className="space-y-4">
+				<h2 className="font-bold text-2xl">Events</h2>
+				<p className="text-muted-foreground">
+					The runner emits events that you can subscribe to for monitoring:
+				</p>
+				<ul className="list-disc space-y-2 pl-6 text-muted-foreground">
+					<li>
+						<code>workflow.started</code>
+					</li>
+					<li>
+						<code>workflow.step_completed</code>
+					</li>
+					<li>
+						<code>workflow.step_failed</code>
+					</li>
+					<li>
+						<code>workflow.step_retrying</code>
+					</li>
+					<li>
+						<code>workflow.completed</code>
+					</li>
+					<li>
+						<code>workflow.cancelled</code>
+					</li>
+					<li>
+						<code>workflow.compensation_step_completed</code>
+					</li>
+				</ul>
+			</div>
 
-      <div className="flex items-center gap-4 pt-4">
-        <Link href="/docs/libraries" className="btn-ghost">
-          Back to Libraries
-        </Link>
-        <Link href="/docs/libraries/data-views" className="btn-primary">
-          Next: Data Views <ChevronRight size={16} />
-        </Link>
-      </div>
-    </div>
-  );
+			<div className="flex items-center gap-4 pt-4">
+				<Link href="/docs/libraries" className="btn-ghost">
+					Back to Libraries
+				</Link>
+				<Link href="/docs/libraries/data-views" className="btn-primary">
+					Next: Data Views <ChevronRight size={16} />
+				</Link>
+			</div>
+		</div>
+	);
 }

package/src/components/docs/libraries/index.ts

@@ -1,9 +1,8 @@
-export { LibrariesOverviewPage } from './LibrariesOverviewPage';
-export { LibrariesContractsPage } from './LibrariesContractsPage';
+export { LibrariesAccessibilityPage } from './LibrariesAccessibilityPage';
 export { LibrariesAiAgentPage } from './LibrariesAiAgentPage';
 export { LibrariesAnalyticsPage } from './LibrariesAnalyticsPage';
-export { LibrariesAccessibilityPage } from './LibrariesAccessibilityPage';
 export { LibrariesContentGenPage } from './LibrariesContentGenPage';
+export { LibrariesContractsPage } from './LibrariesContractsPage';
 export { LibrariesCostTrackingPage } from './LibrariesCostTrackingPage';
 export { LibrariesDataBackendPage } from './LibrariesDataBackendPage';
 export { LibrariesDataViewsPage } from './LibrariesDataViewsPage';
@@ -14,6 +13,7 @@ export { LibrariesGrowthPage } from './LibrariesGrowthPage';
 export { LibrariesMultiTenancyPage } from './LibrariesMultiTenancyPage';
 export { LibrariesObservabilityPage } from './LibrariesObservabilityPage';
 export { LibrariesOverlayEnginePage } from './LibrariesOverlayEnginePage';
+export { LibrariesOverviewPage } from './LibrariesOverviewPage';
 export { LibrariesPersonalizationPage } from './LibrariesPersonalizationPage';
 export { LibrariesProgressiveDeliveryPage } from './LibrariesProgressiveDeliveryPage';
 export { LibrariesResiliencePage } from './LibrariesResiliencePage';
@@ -23,5 +23,5 @@ export { LibrariesSLOPage } from './LibrariesSLOPage';
 export { LibrariesSupportBotPage } from './LibrariesSupportBotPage';
 export { LibrariesTestingPage } from './LibrariesTestingPage';
 export { LibrariesUIKitPage } from './LibrariesUIKitPage';
-export { LibrariesWorkflowsPage } from './LibrariesWorkflowsPage';
 export { LibrariesWorkflowComposerPage } from './LibrariesWorkflowComposerPage';
+export { LibrariesWorkflowsPage } from './LibrariesWorkflowsPage';