@contractspec/bundle.library 0.0.0-canary-20260206014742

package/dist/components/docs/integrations/IntegrationsOverviewPage.js

@@ -0,0 +1,534 @@
+import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/docs/integrations/IntegrationsOverviewPage.tsx
+function IntegrationsOverviewPage() {
+	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: "Integrations"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: "ContractSpec provides first-class integration support through a spec-first architecture. Integrations are defined globally, connected per-tenant, and bound to apps through typed specifications, ensuring type-safe, policy-enforced access to external services."
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Spec-first architecture"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Integrations in ContractSpec follow a three-layer model:"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "card-subtle p-4",
+								children: [
+									/* @__PURE__ */ jsx("h3", {
+										className: "mb-2 font-semibold",
+										children: "1. IntegrationSpec (Global)"
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-sm",
+										children: "Defines what an integration provides: capabilities, configuration schema, secrets, webhooks, and requirements."
+									}),
+									/* @__PURE__ */ jsx(Link, {
+										href: "/docs/integrations/spec-model",
+										className: "mt-2 inline-block text-sm text-violet-400 hover:text-violet-300",
+										children: "Learn more →"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "card-subtle p-4",
+								children: [
+									/* @__PURE__ */ jsx("h3", {
+										className: "mb-2 font-semibold",
+										children: "2. IntegrationConnection (Per-Tenant)"
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-sm",
+										children: "A tenant's configured connection with credentials, environment (sandbox/production), and health status."
+									}),
+									/* @__PURE__ */ jsx(Link, {
+										href: "/docs/architecture/integration-binding",
+										className: "mt-2 inline-block text-sm text-violet-400 hover:text-violet-300",
+										children: "Learn more →"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "card-subtle p-4",
+								children: [
+									/* @__PURE__ */ jsx("h3", {
+										className: "mb-2 font-semibold",
+										children: "3. AppIntegrationBinding (Per-App)"
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-sm",
+										children: "Maps tenant connections to app capabilities and workflows, defining which operations can use which integrations."
+									}),
+									/* @__PURE__ */ jsx(Link, {
+										href: "/docs/architecture/integration-binding",
+										className: "mt-2 inline-block text-sm text-violet-400 hover:text-violet-300",
+										children: "Learn more →"
+									})
+								]
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Integration categories"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+					children: /* @__PURE__ */ jsx("pre", { children: `type IntegrationCategory =
+  | "payments"      // Stripe
+  | "email"         // Postmark, Resend, Gmail
+  | "calendar"      // Google Calendar
+  | "sms"           // Twilio
+  | "ai-llm"        // OpenAI
+  | "ai-voice"      // ElevenLabs
+  | "speech-to-text" // OpenAI Whisper
+  | "vector-db"     // Qdrant
+  | "storage"       // S3-compatible
+  | "open-banking"  // Powens (read-only)
+  | "accounting"    // Coming soon
+  | "crm"           // Coming soon
+  | "helpdesk"      // Coming soon
+  | "custom";       // User-defined` })
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Available integrations"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-xl font-semibold",
+								children: "Payments"
+							}), /* @__PURE__ */ jsx("div", {
+								className: "grid gap-4 md:grid-cols-2",
+								children: /* @__PURE__ */ jsxs(Link, {
+									href: "/docs/integrations/stripe",
+									className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+									children: [/* @__PURE__ */ jsx("h4", {
+										className: "font-bold transition-colors group-hover:text-violet-400",
+										children: "Stripe"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground mt-1 text-sm",
+										children: "Payment processing, subscriptions, and invoicing"
+									})]
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-xl font-semibold",
+								children: "Open Banking"
+							}), /* @__PURE__ */ jsx("div", {
+								className: "grid gap-4 md:grid-cols-2",
+								children: /* @__PURE__ */ jsxs(Link, {
+									href: "/docs/integrations/powens",
+									className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+									children: [/* @__PURE__ */ jsx("h4", {
+										className: "font-bold transition-colors group-hover:text-violet-400",
+										children: "Powens (Read-Only)"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground mt-1 text-sm",
+										children: "Account, transaction, and balance synchronisation via Powens with tenant-owned credentials."
+									})]
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-xl font-semibold",
+								children: "Email"
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "grid gap-4 md:grid-cols-2",
+								children: [
+									/* @__PURE__ */ jsxs(Link, {
+										href: "/docs/integrations/postmark",
+										className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+										children: [/* @__PURE__ */ jsx("h4", {
+											className: "font-bold transition-colors group-hover:text-violet-400",
+											children: "Postmark"
+										}), /* @__PURE__ */ jsx("p", {
+											className: "text-muted-foreground mt-1 text-sm",
+											children: "Transactional email delivery with high deliverability"
+										})]
+									}),
+									/* @__PURE__ */ jsxs(Link, {
+										href: "/docs/integrations/resend",
+										className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+										children: [/* @__PURE__ */ jsx("h4", {
+											className: "font-bold transition-colors group-hover:text-violet-400",
+											children: "Resend"
+										}), /* @__PURE__ */ jsx("p", {
+											className: "text-muted-foreground mt-1 text-sm",
+											children: "Modern email API for developers"
+										})]
+									}),
+									/* @__PURE__ */ jsxs(Link, {
+										href: "/docs/integrations/gmail",
+										className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+										children: [/* @__PURE__ */ jsx("h4", {
+											className: "font-bold transition-colors group-hover:text-violet-400",
+											children: "Gmail API"
+										}), /* @__PURE__ */ jsx("p", {
+											className: "text-muted-foreground mt-1 text-sm",
+											children: "Inbound email processing and thread management"
+										})]
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-xl font-semibold",
+								children: "Calendar & Scheduling"
+							}), /* @__PURE__ */ jsx("div", {
+								className: "grid gap-4 md:grid-cols-2",
+								children: /* @__PURE__ */ jsxs(Link, {
+									href: "/docs/integrations/google-calendar",
+									className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+									children: [/* @__PURE__ */ jsx("h4", {
+										className: "font-bold transition-colors group-hover:text-violet-400",
+										children: "Google Calendar"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground mt-1 text-sm",
+										children: "Event scheduling and calendar management"
+									})]
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-xl font-semibold",
+								children: "AI & Machine Learning"
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "grid gap-4 md:grid-cols-2",
+								children: [
+									/* @__PURE__ */ jsxs(Link, {
+										href: "/docs/integrations/openai",
+										className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+										children: [/* @__PURE__ */ jsx("h4", {
+											className: "font-bold transition-colors group-hover:text-violet-400",
+											children: "OpenAI"
+										}), /* @__PURE__ */ jsx("p", {
+											className: "text-muted-foreground mt-1 text-sm",
+											children: "LLMs, embeddings, and Whisper speech-to-text"
+										})]
+									}),
+									/* @__PURE__ */ jsxs(Link, {
+										href: "/docs/integrations/elevenlabs",
+										className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+										children: [/* @__PURE__ */ jsx("h4", {
+											className: "font-bold transition-colors group-hover:text-violet-400",
+											children: "ElevenLabs"
+										}), /* @__PURE__ */ jsx("p", {
+											className: "text-muted-foreground mt-1 text-sm",
+											children: "Text-to-speech and voice synthesis"
+										})]
+									}),
+									/* @__PURE__ */ jsxs(Link, {
+										href: "/docs/integrations/qdrant",
+										className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+										children: [/* @__PURE__ */ jsx("h4", {
+											className: "font-bold transition-colors group-hover:text-violet-400",
+											children: "Qdrant"
+										}), /* @__PURE__ */ jsx("p", {
+											className: "text-muted-foreground mt-1 text-sm",
+											children: "Vector database for semantic search and RAG"
+										})]
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-xl font-semibold",
+								children: "Storage"
+							}), /* @__PURE__ */ jsx("div", {
+								className: "grid gap-4 md:grid-cols-2",
+								children: /* @__PURE__ */ jsxs(Link, {
+									href: "/docs/integrations/s3",
+									className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+									children: [/* @__PURE__ */ jsx("h4", {
+										className: "font-bold transition-colors group-hover:text-violet-400",
+										children: "S3-Compatible Storage"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground mt-1 text-sm",
+										children: "Object storage (AWS S3, Scaleway, MinIO, etc.)"
+									})]
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-xl font-semibold",
+								children: "SMS & Messaging"
+							}), /* @__PURE__ */ jsx("div", {
+								className: "grid gap-4 md:grid-cols-2",
+								children: /* @__PURE__ */ jsxs(Link, {
+									href: "/docs/integrations/twilio",
+									className: "card-subtle group p-4 transition-colors hover:border-violet-500/50",
+									children: [/* @__PURE__ */ jsx("h4", {
+										className: "font-bold transition-colors group-hover:text-violet-400",
+										children: "Twilio"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground mt-1 text-sm",
+										children: "SMS notifications and messaging"
+									})]
+								})
+							})]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "How integrations work"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-muted-foreground",
+						children: [
+							"ContractSpec integrations are implemented as",
+							" ",
+							/* @__PURE__ */ jsx(Link, {
+								href: "/docs/specs/capabilities",
+								className: "text-violet-400 hover:text-violet-300",
+								children: "capability providers"
+							}),
+							". This means:"
+						]
+					}),
+					/* @__PURE__ */ jsxs("ul", {
+						className: "text-muted-foreground list-inside list-disc space-y-2",
+						children: [
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Type safety" }), " – All API calls are type-checked by TypeScript and validated at runtime via Zod"] }),
+							/* @__PURE__ */ jsxs("li", { children: [
+								/* @__PURE__ */ jsx("strong", { children: "Policy enforcement" }),
+								" – Access to external services is governed by your",
+								" ",
+								/* @__PURE__ */ jsx(Link, {
+									href: "/docs/specs/policy",
+									className: "text-violet-400 hover:text-violet-300",
+									children: "PolicySpecs"
+								})
+							] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Audit logging" }), " – All integration calls are automatically logged"] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Error handling" }), " – Built-in retries and fallback strategies"] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Environment-based config" }), " – API keys and secrets are managed through environment variables"] })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Secret management"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Secrets are resolved through a layered secret provider manager. It checks lightweight environment overrides first, then falls back to a managed vault (Google Cloud Secret Manager) for production."
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid gap-4 md:grid-cols-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "card-subtle p-4",
+							children: [
+								/* @__PURE__ */ jsx("h3", {
+									className: "text-xl font-semibold",
+									children: "Environment variables"
+								}),
+								/* @__PURE__ */ jsxs("p", {
+									className: "text-muted-foreground mt-2 text-sm",
+									children: [
+										"Perfect for local development and secure staging overrides. Use the ",
+										/* @__PURE__ */ jsx("code", { children: "env://" }),
+										" scheme or append ",
+										/* @__PURE__ */ jsx("code", { children: "?env=" }),
+										" to another reference to map an explicit variable."
+									]
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "bg-background/60 border-border mt-3 overflow-auto rounded-lg border p-3 font-mono text-xs",
+									children: /* @__PURE__ */ jsx("pre", {
+										className: "whitespace-pre-wrap",
+										children: `# Override a production secret locally
+CONTRACTSPEC__SECRET__STRIPE=sk_test_123
+
+# Reference
+env://CONTRACTSPEC__SECRET__STRIPE`
+									})
+								})
+							]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "card-subtle p-4",
+							children: [
+								/* @__PURE__ */ jsx("h3", {
+									className: "text-xl font-semibold",
+									children: "GCP Secret Manager"
+								}),
+								/* @__PURE__ */ jsxs("p", {
+									className: "text-muted-foreground mt-2 text-sm",
+									children: [
+										"Used in production to store versioned credentials with rotation support. References follow the",
+										" ",
+										/* @__PURE__ */ jsx("code", { children: "gcp://projects/.../secrets/.../versions/latest" }),
+										" ",
+										"format."
+									]
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "bg-background/60 border-border mt-3 overflow-auto rounded-lg border p-3 font-mono text-xs",
+									children: /* @__PURE__ */ jsx("pre", {
+										className: "whitespace-pre-wrap",
+										children: `# Production reference
+gcp://projects/tenant/secrets/stripe-secret-key/versions/latest`
+									})
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: "The secret manager chooses the first provider that can resolve a reference, so local environment variables can override the managed vault without changing blueprints or tenant configs."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Configuration"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Integrations are configured through environment variables and secret references. Here's a typical setup:"
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+						children: /* @__PURE__ */ jsx("pre", { children: `# .env
+STRIPE_SECRET_KEY=sk_test_...
+STRIPE_WEBHOOK_SECRET=whsec_...
+
+POSTMARK_API_TOKEN=...
+POSTMARK_FROM_EMAIL=noreply@example.com
+
+OPENAI_API_KEY=sk-...
+OPENAI_ORGANIZATION=org-...
+
+QDRANT_URL=https://...
+QDRANT_API_KEY=...
+
+S3_ENDPOINT=https://s3.fr-par.scw.cloud
+S3_ACCESS_KEY_ID=...
+S3_SECRET_ACCESS_KEY=...
+S3_BUCKET=my-bucket
+S3_REGION=fr-par
+
+# Secret references
+STRIPE_SECRET_REF=gcp://projects/tenant/secrets/stripe-secret-key/versions/latest
+STRIPE_SECRET_OVERRIDE=env://STRIPE_SECRET_KEY` })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Integration categories"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "ContractSpec supports the following integration categories:"
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+						children: /* @__PURE__ */ jsx("pre", { children: `type IntegrationCategory =
+  | "payments"        // Stripe, PayPal, etc.
+  | "email"           // Postmark, Resend, Gmail
+  | "calendar"        // Google Calendar, Outlook
+  | "sms"             // Twilio, MessageBird
+  | "ai-llm"          // OpenAI, Anthropic, Cohere
+  | "ai-voice"        // ElevenLabs, Google TTS
+  | "speech-to-text"  // OpenAI Whisper, Google STT
+  | "vector-db"       // Qdrant, Pinecone, Weaviate
+  | "storage"         // S3, GCS, Azure Blob
+  | "accounting"      // QuickBooks, Xero (coming soon)
+  | "crm"             // Salesforce, HubSpot (coming soon)
+  | "helpdesk"        // Zendesk, Intercom (coming soon)
+  | "custom";         // Your own integrations` })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Custom integrations"
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground",
+					children: [
+						"You can create custom integrations by implementing a capability provider. See the",
+						" ",
+						/* @__PURE__ */ jsx(Link, {
+							href: "/docs/advanced/custom-providers",
+							className: "text-violet-400 hover:text-violet-300",
+							children: "Custom Providers"
+						}),
+						" ",
+						"guide for details."
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-4 pt-4",
+				children: /* @__PURE__ */ jsxs(Link, {
+					href: "/docs/integrations/stripe",
+					className: "btn-primary",
+					children: ["Get Started with Stripe ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+export { IntegrationsOverviewPage };
+//# sourceMappingURL=IntegrationsOverviewPage.js.map

package/dist/components/docs/integrations/IntegrationsOverviewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsOverviewPage.js","names":[],"sources":["../../../../src/components/docs/integrations/IntegrationsOverviewPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Integrations: ContractSpec Docs',\n//   description:\n//     'Connect ContractSpec to payments, email, AI, storage, and other services through built-in integrations.',\n// };\n\nexport function IntegrationsOverviewPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Integrations</h1>\n        <p className=\"text-muted-foreground\">\n          ContractSpec provides first-class integration support through a\n          spec-first architecture. Integrations are defined globally, connected\n          per-tenant, and bound to apps through typed specifications, ensuring\n          type-safe, policy-enforced access to external services.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Spec-first architecture</h2>\n        <p className=\"text-muted-foreground\">\n          Integrations in ContractSpec follow a three-layer model:\n        </p>\n        <div className=\"space-y-3\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">1. IntegrationSpec (Global)</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Defines what an integration provides: capabilities, configuration\n              schema, secrets, webhooks, and requirements.\n            </p>\n            <Link\n              href=\"/docs/integrations/spec-model\"\n              className=\"mt-2 inline-block text-sm text-violet-400 hover:text-violet-300\"\n            >\n              Learn more →\n            </Link>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">\n              2. IntegrationConnection (Per-Tenant)\n            </h3>\n            <p className=\"text-muted-foreground text-sm\">\n              A tenant's configured connection with credentials, environment\n              (sandbox/production), and health status.\n            </p>\n            <Link\n              href=\"/docs/architecture/integration-binding\"\n              className=\"mt-2 inline-block text-sm text-violet-400 hover:text-violet-300\"\n            >\n              Learn more →\n            </Link>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">\n              3. AppIntegrationBinding (Per-App)\n            </h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Maps tenant connections to app capabilities and workflows,\n              defining which operations can use which integrations.\n            </p>\n            <Link\n              href=\"/docs/architecture/integration-binding\"\n              className=\"mt-2 inline-block text-sm text-violet-400 hover:text-violet-300\"\n            >\n              Learn more →\n            </Link>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Integration categories</h2>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`type IntegrationCategory =\n  | \"payments\"      // Stripe\n  | \"email\"         // Postmark, Resend, Gmail\n  | \"calendar\"      // Google Calendar\n  | \"sms\"           // Twilio\n  | \"ai-llm\"        // OpenAI\n  | \"ai-voice\"      // ElevenLabs\n  | \"speech-to-text\" // OpenAI Whisper\n  | \"vector-db\"     // Qdrant\n  | \"storage\"       // S3-compatible\n  | \"open-banking\"  // Powens (read-only)\n  | \"accounting\"    // Coming soon\n  | \"crm\"           // Coming soon\n  | \"helpdesk\"      // Coming soon\n  | \"custom\";       // User-defined`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Available integrations</h2>\n        <div className=\"space-y-6\">\n          {/* Payments */}\n          <div className=\"space-y-3\">\n            <h3 className=\"text-xl font-semibold\">Payments</h3>\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <Link\n                href=\"/docs/integrations/stripe\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  Stripe\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  Payment processing, subscriptions, and invoicing\n                </p>\n              </Link>\n            </div>\n          </div>\n\n          {/* Open Banking */}\n          <div className=\"space-y-3\">\n            <h3 className=\"text-xl font-semibold\">Open Banking</h3>\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <Link\n                href=\"/docs/integrations/powens\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  Powens (Read-Only)\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  Account, transaction, and balance synchronisation via Powens\n                  with tenant-owned credentials.\n                </p>\n              </Link>\n            </div>\n          </div>\n\n          {/* Email */}\n          <div className=\"space-y-3\">\n            <h3 className=\"text-xl font-semibold\">Email</h3>\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <Link\n                href=\"/docs/integrations/postmark\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  Postmark\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  Transactional email delivery with high deliverability\n                </p>\n              </Link>\n              <Link\n                href=\"/docs/integrations/resend\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  Resend\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  Modern email API for developers\n                </p>\n              </Link>\n              <Link\n                href=\"/docs/integrations/gmail\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  Gmail API\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  Inbound email processing and thread management\n                </p>\n              </Link>\n            </div>\n          </div>\n\n          {/* Calendar & Scheduling */}\n          <div className=\"space-y-3\">\n            <h3 className=\"text-xl font-semibold\">Calendar & Scheduling</h3>\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <Link\n                href=\"/docs/integrations/google-calendar\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  Google Calendar\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  Event scheduling and calendar management\n                </p>\n              </Link>\n            </div>\n          </div>\n\n          {/* AI & Machine Learning */}\n          <div className=\"space-y-3\">\n            <h3 className=\"text-xl font-semibold\">AI & Machine Learning</h3>\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <Link\n                href=\"/docs/integrations/openai\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  OpenAI\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  LLMs, embeddings, and Whisper speech-to-text\n                </p>\n              </Link>\n              <Link\n                href=\"/docs/integrations/elevenlabs\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  ElevenLabs\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  Text-to-speech and voice synthesis\n                </p>\n              </Link>\n              <Link\n                href=\"/docs/integrations/qdrant\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  Qdrant\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  Vector database for semantic search and RAG\n                </p>\n              </Link>\n            </div>\n          </div>\n\n          {/* Storage */}\n          <div className=\"space-y-3\">\n            <h3 className=\"text-xl font-semibold\">Storage</h3>\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <Link\n                href=\"/docs/integrations/s3\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  S3-Compatible Storage\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  Object storage (AWS S3, Scaleway, MinIO, etc.)\n                </p>\n              </Link>\n            </div>\n          </div>\n\n          {/* SMS */}\n          <div className=\"space-y-3\">\n            <h3 className=\"text-xl font-semibold\">SMS & Messaging</h3>\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              <Link\n                href=\"/docs/integrations/twilio\"\n                className=\"card-subtle group p-4 transition-colors hover:border-violet-500/50\"\n              >\n                <h4 className=\"font-bold transition-colors group-hover:text-violet-400\">\n                  Twilio\n                </h4>\n                <p className=\"text-muted-foreground mt-1 text-sm\">\n                  SMS notifications and messaging\n                </p>\n              </Link>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">How integrations work</h2>\n        <p className=\"text-muted-foreground\">\n          ContractSpec integrations are implemented as{' '}\n          <Link\n            href=\"/docs/specs/capabilities\"\n            className=\"text-violet-400 hover:text-violet-300\"\n          >\n            capability providers\n          </Link>\n          . This means:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Type safety</strong> – All API calls are type-checked by\n            TypeScript and validated at runtime via Zod\n          </li>\n          <li>\n            <strong>Policy enforcement</strong> – Access to external services is\n            governed by your{' '}\n            <Link\n              href=\"/docs/specs/policy\"\n              className=\"text-violet-400 hover:text-violet-300\"\n            >\n              PolicySpecs\n            </Link>\n          </li>\n          <li>\n            <strong>Audit logging</strong> – All integration calls are\n            automatically logged\n          </li>\n          <li>\n            <strong>Error handling</strong> – Built-in retries and fallback\n            strategies\n          </li>\n          <li>\n            <strong>Environment-based config</strong> – API keys and secrets are\n            managed through environment variables\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Secret management</h2>\n        <p className=\"text-muted-foreground\">\n          Secrets are resolved through a layered secret provider manager. It\n          checks lightweight environment overrides first, then falls back to a\n          managed vault (Google Cloud Secret Manager) for production.\n        </p>\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"text-xl font-semibold\">Environment variables</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Perfect for local development and secure staging overrides. Use\n              the <code>env://</code> scheme or append <code>?env=</code> to\n              another reference to map an explicit variable.\n            </p>\n            <div className=\"bg-background/60 border-border mt-3 overflow-auto rounded-lg border p-3 font-mono text-xs\">\n              <pre className=\"whitespace-pre-wrap\">{`# Override a production secret locally\nCONTRACTSPEC__SECRET__STRIPE=sk_test_123\n\n# Reference\nenv://CONTRACTSPEC__SECRET__STRIPE`}</pre>\n            </div>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"text-xl font-semibold\">GCP Secret Manager</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Used in production to store versioned credentials with rotation\n              support. References follow the{' '}\n              <code>gcp://projects/.../secrets/.../versions/latest</code>{' '}\n              format.\n            </p>\n            <div className=\"bg-background/60 border-border mt-3 overflow-auto rounded-lg border p-3 font-mono text-xs\">\n              <pre className=\"whitespace-pre-wrap\">{`# Production reference\ngcp://projects/tenant/secrets/stripe-secret-key/versions/latest`}</pre>\n            </div>\n          </div>\n        </div>\n        <p className=\"text-muted-foreground text-sm\">\n          The secret manager chooses the first provider that can resolve a\n          reference, so local environment variables can override the managed\n          vault without changing blueprints or tenant configs.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Configuration</h2>\n        <p className=\"text-muted-foreground\">\n          Integrations are configured through environment variables and secret\n          references. Here's a typical setup:\n        </p>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`# .env\nSTRIPE_SECRET_KEY=sk_test_...\nSTRIPE_WEBHOOK_SECRET=whsec_...\n\nPOSTMARK_API_TOKEN=...\nPOSTMARK_FROM_EMAIL=noreply@example.com\n\nOPENAI_API_KEY=sk-...\nOPENAI_ORGANIZATION=org-...\n\nQDRANT_URL=https://...\nQDRANT_API_KEY=...\n\nS3_ENDPOINT=https://s3.fr-par.scw.cloud\nS3_ACCESS_KEY_ID=...\nS3_SECRET_ACCESS_KEY=...\nS3_BUCKET=my-bucket\nS3_REGION=fr-par\n\n# Secret references\nSTRIPE_SECRET_REF=gcp://projects/tenant/secrets/stripe-secret-key/versions/latest\nSTRIPE_SECRET_OVERRIDE=env://STRIPE_SECRET_KEY`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Integration categories</h2>\n        <p className=\"text-muted-foreground\">\n          ContractSpec supports the following integration categories:\n        </p>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`type IntegrationCategory =\n  | \"payments\"        // Stripe, PayPal, etc.\n  | \"email\"           // Postmark, Resend, Gmail\n  | \"calendar\"        // Google Calendar, Outlook\n  | \"sms\"             // Twilio, MessageBird\n  | \"ai-llm\"          // OpenAI, Anthropic, Cohere\n  | \"ai-voice\"        // ElevenLabs, Google TTS\n  | \"speech-to-text\"  // OpenAI Whisper, Google STT\n  | \"vector-db\"       // Qdrant, Pinecone, Weaviate\n  | \"storage\"         // S3, GCS, Azure Blob\n  | \"accounting\"      // QuickBooks, Xero (coming soon)\n  | \"crm\"             // Salesforce, HubSpot (coming soon)\n  | \"helpdesk\"        // Zendesk, Intercom (coming soon)\n  | \"custom\";         // Your own integrations`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Custom integrations</h2>\n        <p className=\"text-muted-foreground\">\n          You can create custom integrations by implementing a capability\n          provider. See the{' '}\n          <Link\n            href=\"/docs/advanced/custom-providers\"\n            className=\"text-violet-400 hover:text-violet-300\"\n          >\n            Custom Providers\n          </Link>{' '}\n          guide for details.\n        </p>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/integrations/stripe\" className=\"btn-primary\">\n          Get Started with Stripe <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,2BAA2B;AACzC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC;KAAE,WAAU;eAAwB;MAKjC;KACA;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA4B;KAC/D,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,qBAAC;MAAI,WAAU;;OACb,qBAAC;QAAI,WAAU;;SACb,oBAAC;UAAG,WAAU;oBAAqB;WAAgC;SACnE,oBAAC;UAAE,WAAU;oBAAgC;WAGzC;SACJ,oBAAC;UACC,MAAK;UACL,WAAU;oBACX;WAEM;;SACH;OACN,qBAAC;QAAI,WAAU;;SACb,oBAAC;UAAG,WAAU;oBAAqB;WAE9B;SACL,oBAAC;UAAE,WAAU;oBAAgC;WAGzC;SACJ,oBAAC;UACC,MAAK;UACL,WAAU;oBACX;WAEM;;SACH;OACN,qBAAC;QAAI,WAAU;;SACb,oBAAC;UAAG,WAAU;oBAAqB;WAE9B;SACL,oBAAC;UAAE,WAAU;oBAAgC;WAGzC;SACJ,oBAAC;UACC,MAAK;UACL,WAAU;oBACX;WAEM;;SACH;;OACF;;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA2B,EAC9D,oBAAC;KAAI,WAAU;eACb,oBAAC,mBAAK;;;;;;;;;;;;;;uCAc2B;MAC7B;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA2B,EAC9D,qBAAC;KAAI,WAAU;;MAEb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAwB;SAAa,EACnD,oBAAC;QAAI,WAAU;kBACb,qBAAC;SACC,MAAK;SACL,WAAU;oBAEV,oBAAC;UAAG,WAAU;oBAA0D;WAEnE,EACL,oBAAC;UAAE,WAAU;oBAAqC;WAE9C;UACC;SACH;QACF;MAGN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAwB;SAAiB,EACvD,oBAAC;QAAI,WAAU;kBACb,qBAAC;SACC,MAAK;SACL,WAAU;oBAEV,oBAAC;UAAG,WAAU;oBAA0D;WAEnE,EACL,oBAAC;UAAE,WAAU;oBAAqC;WAG9C;UACC;SACH;QACF;MAGN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAwB;SAAU,EAChD,qBAAC;QAAI,WAAU;;SACb,qBAAC;UACC,MAAK;UACL,WAAU;qBAEV,oBAAC;WAAG,WAAU;qBAA0D;YAEnE,EACL,oBAAC;WAAE,WAAU;qBAAqC;YAE9C;WACC;SACP,qBAAC;UACC,MAAK;UACL,WAAU;qBAEV,oBAAC;WAAG,WAAU;qBAA0D;YAEnE,EACL,oBAAC;WAAE,WAAU;qBAAqC;YAE9C;WACC;SACP,qBAAC;UACC,MAAK;UACL,WAAU;qBAEV,oBAAC;WAAG,WAAU;qBAA0D;YAEnE,EACL,oBAAC;WAAE,WAAU;qBAAqC;YAE9C;WACC;;SACH;QACF;MAGN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAwB;SAA0B,EAChE,oBAAC;QAAI,WAAU;kBACb,qBAAC;SACC,MAAK;SACL,WAAU;oBAEV,oBAAC;UAAG,WAAU;oBAA0D;WAEnE,EACL,oBAAC;UAAE,WAAU;oBAAqC;WAE9C;UACC;SACH;QACF;MAGN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAwB;SAA0B,EAChE,qBAAC;QAAI,WAAU;;SACb,qBAAC;UACC,MAAK;UACL,WAAU;qBAEV,oBAAC;WAAG,WAAU;qBAA0D;YAEnE,EACL,oBAAC;WAAE,WAAU;qBAAqC;YAE9C;WACC;SACP,qBAAC;UACC,MAAK;UACL,WAAU;qBAEV,oBAAC;WAAG,WAAU;qBAA0D;YAEnE,EACL,oBAAC;WAAE,WAAU;qBAAqC;YAE9C;WACC;SACP,qBAAC;UACC,MAAK;UACL,WAAU;qBAEV,oBAAC;WAAG,WAAU;qBAA0D;YAEnE,EACL,oBAAC;WAAE,WAAU;qBAAqC;YAE9C;WACC;;SACH;QACF;MAGN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAwB;SAAY,EAClD,oBAAC;QAAI,WAAU;kBACb,qBAAC;SACC,MAAK;SACL,WAAU;oBAEV,oBAAC;UAAG,WAAU;oBAA0D;WAEnE,EACL,oBAAC;UAAE,WAAU;oBAAqC;WAE9C;UACC;SACH;QACF;MAGN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAwB;SAAoB,EAC1D,oBAAC;QAAI,WAAU;kBACb,qBAAC;SACC,MAAK;SACL,WAAU;oBAEV,oBAAC;UAAG,WAAU;oBAA0D;WAEnE,EACL,oBAAC;UAAE,WAAU;oBAAqC;WAE9C;UACC;SACH;QACF;;MACF;KACF;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA0B;KAC7D,qBAAC;MAAE,WAAU;;OAAwB;OACU;OAC7C,oBAAC;QACC,MAAK;QACL,WAAU;kBACX;SAEM;;;OAEL;KACJ,qBAAC;MAAG,WAAU;;OACZ,qBAAC,mBACC,oBAAC,sBAAO,gBAAoB,wFAEzB;OACL,qBAAC;QACC,oBAAC,sBAAO,uBAA2B;;QAClB;QACjB,oBAAC;SACC,MAAK;SACL,WAAU;mBACX;UAEM;WACJ;OACL,qBAAC,mBACC,oBAAC,sBAAO,kBAAsB,yDAE3B;OACL,qBAAC,mBACC,oBAAC,sBAAO,mBAAuB,mDAE5B;OACL,qBAAC,mBACC,oBAAC,sBAAO,6BAAiC,yEAEtC;;OACF;;KACD;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAsB;KACzD,oBAAC;MAAE,WAAU;gBAAwB;OAIjC;KACJ,qBAAC;MAAI,WAAU;iBACb,qBAAC;OAAI,WAAU;;QACb,oBAAC;SAAG,WAAU;mBAAwB;UAA0B;QAChE,qBAAC;SAAE,WAAU;;UAAqC;UAE5C,oBAAC,oBAAK,WAAa;;UAAkB,oBAAC,oBAAK,UAAY;;;UAEzD;QACJ,oBAAC;SAAI,WAAU;mBACb,oBAAC;UAAI,WAAU;oBAAuB;;;;;WAIV;UACxB;;QACF,EACN,qBAAC;OAAI,WAAU;;QACb,oBAAC;SAAG,WAAU;mBAAwB;UAAuB;QAC7D,qBAAC;SAAE,WAAU;;UAAqC;UAEjB;UAC/B,oBAAC,oBAAK,mDAAqD;UAAC;UAAI;;UAE9D;QACJ,oBAAC;SAAI,WAAU;mBACb,oBAAC;UAAI,WAAU;oBAAuB;;WACmB;UACrD;;QACF;OACF;KACN,oBAAC;MAAE,WAAU;gBAAgC;OAIzC;;KACA;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAkB;KACrD,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MAAI,WAAU;gBACb,oBAAC,mBAAK;;;;;;;;;;;;;;;;;;;;;kDAqBsC;OACxC;;KACF;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA2B;KAC9D,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MAAI,WAAU;gBACb,oBAAC,mBAAK;;;;;;;;;;;;;kDAasC;OACxC;;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAwB,EAC3D,qBAAC;KAAE,WAAU;;MAAwB;MAEjB;MAClB,oBAAC;OACC,MAAK;OACL,WAAU;iBACX;QAEM;MAAC;MAAI;;MAEV;KACA;GAEN,oBAAC;IAAI,WAAU;cACb,qBAAC;KAAK,MAAK;KAA4B,WAAU;gBAAc,4BACrC,oBAAC,gBAAa,MAAM,KAAM;MAC7C;KACH;;GACF"}

package/dist/components/docs/integrations/IntegrationsPostmarkPage.d.ts

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

package/dist/components/docs/integrations/IntegrationsPostmarkPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsPostmarkPage.d.ts","names":[],"sources":["../../../../src/components/docs/integrations/IntegrationsPostmarkPage.tsx"],"mappings":";;;iBAUgB,wBAAA,CAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}