@contractspec/bundle.library 0.0.0-canary-20260206014742

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

@@ -0,0 +1,349 @@
+import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/docs/integrations/IntegrationsStripePage.tsx
+function IntegrationsStripePage() {
+	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: "Stripe"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: "The Stripe integration enables payment processing, subscription management, and invoicing in your ContractSpec applications. All Stripe operations are type-safe, policy-enforced, and automatically logged."
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Setup"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Add your Stripe credentials to your environment variables:"
+					}),
+					/* @__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_PUBLISHABLE_KEY=pk_test_...
+STRIPE_WEBHOOK_SECRET=whsec_...` })
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-muted-foreground text-sm",
+						children: [
+							"Get your API keys from the",
+							" ",
+							/* @__PURE__ */ jsx("a", {
+								href: "https://dashboard.stripe.com/apikeys",
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "text-violet-400 hover:text-violet-300",
+								children: "Stripe Dashboard"
+							}),
+							"."
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Available capabilities"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-lg font-semibold",
+							children: "Payment Intents"
+						}), /* @__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: `capabilityId: stripe-create-payment-intent
+provider:
+  type: stripe
+  operation: createPaymentIntent
+
+inputs:
+  amount:
+    type: number
+    description: "Amount in cents"
+  currency:
+    type: string
+    default: "usd"
+  customerId:
+    type: string
+    optional: true
+  metadata:
+    type: object
+    optional: true
+
+outputs:
+  paymentIntentId:
+    type: string
+  clientSecret:
+    type: string
+  status:
+    type: string` })
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-lg font-semibold",
+							children: "Customers"
+						}), /* @__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: `capabilityId: stripe-create-customer
+provider:
+  type: stripe
+  operation: createCustomer
+
+inputs:
+  email:
+    type: string
+  name:
+    type: string
+    optional: true
+  metadata:
+    type: object
+    optional: true
+
+outputs:
+  customerId:
+    type: string
+  email:
+    type: string` })
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-lg font-semibold",
+							children: "Subscriptions"
+						}), /* @__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: `capabilityId: stripe-create-subscription
+provider:
+  type: stripe
+  operation: createSubscription
+
+inputs:
+  customerId:
+    type: string
+  priceId:
+    type: string
+  trialDays:
+    type: number
+    optional: true
+
+outputs:
+  subscriptionId:
+    type: string
+  status:
+    type: string
+  currentPeriodEnd:
+    type: timestamp` })
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Webhooks"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "ContractSpec automatically handles Stripe webhooks. Configure your webhook endpoint in the Stripe Dashboard:"
+					}),
+					/* @__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: `https://your-app.com/api/webhooks/stripe` })
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Subscribe to these events:"
+					}),
+					/* @__PURE__ */ jsxs("ul", {
+						className: "text-muted-foreground list-inside list-disc space-y-2",
+						children: [
+							/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("code", {
+								className: "bg-background/50 rounded px-2 py-1",
+								children: "payment_intent.succeeded"
+							}) }),
+							/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("code", {
+								className: "bg-background/50 rounded px-2 py-1",
+								children: "payment_intent.payment_failed"
+							}) }),
+							/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("code", {
+								className: "bg-background/50 rounded px-2 py-1",
+								children: "customer.subscription.created"
+							}) }),
+							/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("code", {
+								className: "bg-background/50 rounded px-2 py-1",
+								children: "customer.subscription.updated"
+							}) }),
+							/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("code", {
+								className: "bg-background/50 rounded px-2 py-1",
+								children: "customer.subscription.deleted"
+							}) })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Example workflow"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Here's a complete payment workflow using Stripe:"
+					}),
+					/* @__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: `workflowId: process-payment
+version: '1.0.0'.0.0
+
+steps:
+  - id: create-customer
+    capability: stripe-create-customer
+    inputs:
+      email: $\{input.customerEmail}
+      name: $\{input.customerName}
+    onSuccess: create-payment-intent
+    onFailure: notify-error
+
+  - id: create-payment-intent
+    capability: stripe-create-payment-intent
+    inputs:
+      amount: $\{input.amount}
+      currency: "usd"
+      customerId: $\{steps.create-customer.output.customerId}
+    onSuccess: send-payment-link
+    onFailure: notify-error
+
+  - id: send-payment-link
+    capability: send-email
+    inputs:
+      to: $\{input.customerEmail}
+      template: "payment-link"
+      data:
+        clientSecret: $\{steps.create-payment-intent.output.clientSecret}
+        amount: $\{input.amount}
+
+  - id: notify-error
+    capability: send-email
+    inputs:
+      to: "admin@example.com"
+      template: "payment-error"
+      data:
+        error: $\{error.message}` })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Testing"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Use Stripe's test cards for development:"
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "border-border/50 overflow-x-auto rounded-lg border",
+						children: /* @__PURE__ */ jsxs("table", {
+							className: "w-full text-left text-sm",
+							children: [/* @__PURE__ */ jsx("thead", {
+								className: "bg-card/50",
+								children: /* @__PURE__ */ jsxs("tr", {
+									className: "border-border/50 border-b",
+									children: [/* @__PURE__ */ jsx("th", {
+										className: "px-4 py-3 font-semibold",
+										children: "Card Number"
+									}), /* @__PURE__ */ jsx("th", {
+										className: "px-4 py-3 font-semibold",
+										children: "Scenario"
+									})]
+								})
+							}), /* @__PURE__ */ jsxs("tbody", {
+								className: "divide-border/50 divide-y",
+								children: [
+									/* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", {
+										className: "px-4 py-3 font-mono",
+										children: "4242 4242 4242 4242"
+									}), /* @__PURE__ */ jsx("td", {
+										className: "px-4 py-3",
+										children: "Successful payment"
+									})] }),
+									/* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", {
+										className: "px-4 py-3 font-mono",
+										children: "4000 0000 0000 9995"
+									}), /* @__PURE__ */ jsx("td", {
+										className: "px-4 py-3",
+										children: "Insufficient funds"
+									})] }),
+									/* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", {
+										className: "px-4 py-3 font-mono",
+										children: "4000 0000 0000 0002"
+									}), /* @__PURE__ */ jsx("td", {
+										className: "px-4 py-3",
+										children: "Card declined"
+									})] })
+								]
+							})]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Best practices"
+				}), /* @__PURE__ */ jsxs("ul", {
+					className: "text-muted-foreground list-inside list-disc space-y-2",
+					children: [
+						/* @__PURE__ */ jsx("li", { children: "Always use test mode during development" }),
+						/* @__PURE__ */ jsx("li", { children: "Verify webhook signatures to prevent fraud" }),
+						/* @__PURE__ */ jsx("li", { children: "Handle idempotency for payment operations" }),
+						/* @__PURE__ */ jsx("li", { children: "Store customer IDs for recurring payments" }),
+						/* @__PURE__ */ jsx("li", { children: "Use metadata to link Stripe objects to your application records" }),
+						/* @__PURE__ */ jsx("li", { children: "Monitor failed payments and retry logic" })
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 pt-4",
+				children: [/* @__PURE__ */ jsx(Link, {
+					href: "/docs/integrations",
+					className: "btn-ghost",
+					children: "Back to Integrations"
+				}), /* @__PURE__ */ jsxs(Link, {
+					href: "/docs/integrations/postmark",
+					className: "btn-primary",
+					children: ["Next: Postmark ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { IntegrationsStripePage };
+//# sourceMappingURL=IntegrationsStripePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsStripePage.js","names":[],"sources":["../../../../src/components/docs/integrations/IntegrationsStripePage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Stripe Integration: ContractSpec Docs',\n//   description:\n//     'Accept payments, manage subscriptions, and handle invoicing with Stripe in ContractSpec.',\n// };\n\nexport function IntegrationsStripePage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Stripe</h1>\n        <p className=\"text-muted-foreground\">\n          The Stripe integration enables payment processing, subscription\n          management, and invoicing in your ContractSpec applications. All\n          Stripe operations are type-safe, policy-enforced, and automatically\n          logged.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Setup</h2>\n        <p className=\"text-muted-foreground\">\n          Add your Stripe credentials to your environment variables:\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_PUBLISHABLE_KEY=pk_test_...\nSTRIPE_WEBHOOK_SECRET=whsec_...`}</pre>\n        </div>\n        <p className=\"text-muted-foreground text-sm\">\n          Get your API keys from the{' '}\n          <a\n            href=\"https://dashboard.stripe.com/apikeys\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-violet-400 hover:text-violet-300\"\n          >\n            Stripe Dashboard\n          </a>\n          .\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Available capabilities</h2>\n        <div className=\"space-y-3\">\n          <h3 className=\"text-lg font-semibold\">Payment Intents</h3>\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>{`capabilityId: stripe-create-payment-intent\nprovider:\n  type: stripe\n  operation: createPaymentIntent\n\ninputs:\n  amount:\n    type: number\n    description: \"Amount in cents\"\n  currency:\n    type: string\n    default: \"usd\"\n  customerId:\n    type: string\n    optional: true\n  metadata:\n    type: object\n    optional: true\n\noutputs:\n  paymentIntentId:\n    type: string\n  clientSecret:\n    type: string\n  status:\n    type: string`}</pre>\n          </div>\n        </div>\n\n        <div className=\"space-y-3\">\n          <h3 className=\"text-lg font-semibold\">Customers</h3>\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>{`capabilityId: stripe-create-customer\nprovider:\n  type: stripe\n  operation: createCustomer\n\ninputs:\n  email:\n    type: string\n  name:\n    type: string\n    optional: true\n  metadata:\n    type: object\n    optional: true\n\noutputs:\n  customerId:\n    type: string\n  email:\n    type: string`}</pre>\n          </div>\n        </div>\n\n        <div className=\"space-y-3\">\n          <h3 className=\"text-lg font-semibold\">Subscriptions</h3>\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>{`capabilityId: stripe-create-subscription\nprovider:\n  type: stripe\n  operation: createSubscription\n\ninputs:\n  customerId:\n    type: string\n  priceId:\n    type: string\n  trialDays:\n    type: number\n    optional: true\n\noutputs:\n  subscriptionId:\n    type: string\n  status:\n    type: string\n  currentPeriodEnd:\n    type: timestamp`}</pre>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Webhooks</h2>\n        <p className=\"text-muted-foreground\">\n          ContractSpec automatically handles Stripe webhooks. Configure your\n          webhook endpoint in the Stripe Dashboard:\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>{`https://your-app.com/api/webhooks/stripe`}</pre>\n        </div>\n        <p className=\"text-muted-foreground\">Subscribe to these events:</p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              payment_intent.succeeded\n            </code>\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              payment_intent.payment_failed\n            </code>\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              customer.subscription.created\n            </code>\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              customer.subscription.updated\n            </code>\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              customer.subscription.deleted\n            </code>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example workflow</h2>\n        <p className=\"text-muted-foreground\">\n          Here's a complete payment workflow using Stripe:\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>{`workflowId: process-payment\nversion: '1.0.0'.0.0\n\nsteps:\n  - id: create-customer\n    capability: stripe-create-customer\n    inputs:\n      email: $\\{input.customerEmail}\n      name: $\\{input.customerName}\n    onSuccess: create-payment-intent\n    onFailure: notify-error\n\n  - id: create-payment-intent\n    capability: stripe-create-payment-intent\n    inputs:\n      amount: $\\{input.amount}\n      currency: \"usd\"\n      customerId: $\\{steps.create-customer.output.customerId}\n    onSuccess: send-payment-link\n    onFailure: notify-error\n\n  - id: send-payment-link\n    capability: send-email\n    inputs:\n      to: $\\{input.customerEmail}\n      template: \"payment-link\"\n      data:\n        clientSecret: $\\{steps.create-payment-intent.output.clientSecret}\n        amount: $\\{input.amount}\n\n  - id: notify-error\n    capability: send-email\n    inputs:\n      to: \"admin@example.com\"\n      template: \"payment-error\"\n      data:\n        error: $\\{error.message}`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Testing</h2>\n        <p className=\"text-muted-foreground\">\n          Use Stripe's test cards for development:\n        </p>\n        <div className=\"border-border/50 overflow-x-auto rounded-lg border\">\n          <table className=\"w-full text-left text-sm\">\n            <thead className=\"bg-card/50\">\n              <tr className=\"border-border/50 border-b\">\n                <th className=\"px-4 py-3 font-semibold\">Card Number</th>\n                <th className=\"px-4 py-3 font-semibold\">Scenario</th>\n              </tr>\n            </thead>\n            <tbody className=\"divide-border/50 divide-y\">\n              <tr>\n                <td className=\"px-4 py-3 font-mono\">4242 4242 4242 4242</td>\n                <td className=\"px-4 py-3\">Successful payment</td>\n              </tr>\n              <tr>\n                <td className=\"px-4 py-3 font-mono\">4000 0000 0000 9995</td>\n                <td className=\"px-4 py-3\">Insufficient funds</td>\n              </tr>\n              <tr>\n                <td className=\"px-4 py-3 font-mono\">4000 0000 0000 0002</td>\n                <td className=\"px-4 py-3\">Card declined</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Best practices</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>Always use test mode during development</li>\n          <li>Verify webhook signatures to prevent fraud</li>\n          <li>Handle idempotency for payment operations</li>\n          <li>Store customer IDs for recurring payments</li>\n          <li>\n            Use metadata to link Stripe objects to your application records\n          </li>\n          <li>Monitor failed payments and retry logic</li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/integrations\" className=\"btn-ghost\">\n          Back to Integrations\n        </Link>\n        <Link href=\"/docs/integrations/postmark\" className=\"btn-primary\">\n          Next: Postmark <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,108 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/docs/integrations/IntegrationsTwilioPage.tsx
+function IntegrationsTwilioPage() {
+	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: "Twilio"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: "Send SMS notifications, alerts, and two-factor authentication codes using Twilio's reliable messaging platform."
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "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
+TWILIO_ACCOUNT_SID=...
+TWILIO_AUTH_TOKEN=...
+TWILIO_PHONE_NUMBER=+1234567890` })
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Sending SMS"
+				}), /* @__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: `capabilityId: twilio-send-sms
+provider:
+  type: twilio
+  operation: sendSMS
+
+inputs:
+  to:
+    type: string
+    description: "Phone number in E.164 format"
+  body:
+    type: string
+    description: "Message content (max 1600 chars)"
+
+outputs:
+  messageSid:
+    type: string
+  status:
+    type: string` })
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Use cases"
+				}), /* @__PURE__ */ jsxs("ul", {
+					className: "text-muted-foreground list-inside list-disc space-y-2",
+					children: [
+						/* @__PURE__ */ jsx("li", { children: "Order confirmations and shipping updates" }),
+						/* @__PURE__ */ jsx("li", { children: "Two-factor authentication codes" }),
+						/* @__PURE__ */ jsx("li", { children: "Appointment reminders" }),
+						/* @__PURE__ */ jsx("li", { children: "Alert notifications" })
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Best practices"
+				}), /* @__PURE__ */ jsxs("ul", {
+					className: "text-muted-foreground list-inside list-disc space-y-2",
+					children: [
+						/* @__PURE__ */ jsx("li", { children: "Always use E.164 format for phone numbers (+1234567890)" }),
+						/* @__PURE__ */ jsx("li", { children: "Keep messages under 160 characters to avoid splitting" }),
+						/* @__PURE__ */ jsx("li", { children: "Implement rate limiting to prevent spam" }),
+						/* @__PURE__ */ jsx("li", { children: "Handle delivery failures gracefully" }),
+						/* @__PURE__ */ jsx("li", { children: "Respect opt-out requests" })
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 pt-4",
+				children: [/* @__PURE__ */ jsx(Link, {
+					href: "/docs/integrations/s3",
+					className: "btn-ghost",
+					children: "Previous: S3 Storage"
+				}), /* @__PURE__ */ jsx(Link, {
+					href: "/docs/integrations",
+					className: "btn-primary",
+					children: "Back to Integrations"
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { IntegrationsTwilioPage };
+//# sourceMappingURL=IntegrationsTwilioPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsTwilioPage.js","names":[],"sources":["../../../../src/components/docs/integrations/IntegrationsTwilioPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\n\n// export const metadata = {\n//   title: 'Twilio Integration: ContractSpec Docs',\n//   description:\n//     'Send SMS notifications and messages with Twilio in ContractSpec.',\n// };\n\nexport function IntegrationsTwilioPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Twilio</h1>\n        <p className=\"text-muted-foreground\">\n          Send SMS notifications, alerts, and two-factor authentication codes\n          using Twilio's reliable messaging platform.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Setup</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>{`# .env\nTWILIO_ACCOUNT_SID=...\nTWILIO_AUTH_TOKEN=...\nTWILIO_PHONE_NUMBER=+1234567890`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Sending SMS</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>{`capabilityId: twilio-send-sms\nprovider:\n  type: twilio\n  operation: sendSMS\n\ninputs:\n  to:\n    type: string\n    description: \"Phone number in E.164 format\"\n  body:\n    type: string\n    description: \"Message content (max 1600 chars)\"\n\noutputs:\n  messageSid:\n    type: string\n  status:\n    type: string`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Use cases</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>Order confirmations and shipping updates</li>\n          <li>Two-factor authentication codes</li>\n          <li>Appointment reminders</li>\n          <li>Alert notifications</li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Best practices</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>Always use E.164 format for phone numbers (+1234567890)</li>\n          <li>Keep messages under 160 characters to avoid splitting</li>\n          <li>Implement rate limiting to prevent spam</li>\n          <li>Handle delivery failures gracefully</li>\n          <li>Respect opt-out requests</li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/integrations/s3\" className=\"btn-ghost\">\n          Previous: S3 Storage\n        </Link>\n        <Link href=\"/docs/integrations\" className=\"btn-primary\">\n          Back to Integrations\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,yBAAyB;AACvC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAW,EAC9C,oBAAC;KAAE,WAAU;eAAwB;MAGjC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAU,EAC7C,oBAAC;KAAI,WAAU;eACb,oBAAC,mBAAK;;;mCAGuB;MACzB;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAgB,EACnD,oBAAC;KAAI,WAAU;eACb,oBAAC,mBAAK;;;;;;;;;;;;;;;;;oBAiBQ;MACV;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAc,EACjD,qBAAC;KAAG,WAAU;;MACZ,oBAAC,kBAAG,6CAA6C;MACjD,oBAAC,kBAAG,oCAAoC;MACxC,oBAAC,kBAAG,0BAA0B;MAC9B,oBAAC,kBAAG,wBAAwB;;MACzB;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAmB,EACtD,qBAAC;KAAG,WAAU;;MACZ,oBAAC,kBAAG,4DAA4D;MAChE,oBAAC,kBAAG,0DAA0D;MAC9D,oBAAC,kBAAG,4CAA4C;MAChD,oBAAC,kBAAG,wCAAwC;MAC5C,oBAAC,kBAAG,6BAA6B;;MAC9B;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAwB,WAAU;eAAY;MAElD,EACP,oBAAC;KAAK,MAAK;KAAqB,WAAU;eAAc;MAEjD;KACH;;GACF"}

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

@@ -0,0 +1,15 @@
+import { IntegrationsOverviewPage } from "./IntegrationsOverviewPage.js";
+import { IntegrationsCircuitBreakersPage } from "./IntegrationsCircuitBreakersPage.js";
+import { IntegrationsElevenLabsPage } from "./IntegrationsElevenLabsPage.js";
+import { IntegrationsGmailPage } from "./IntegrationsGmailPage.js";
+import { IntegrationsGoogleCalendarPage } from "./IntegrationsGoogleCalendarPage.js";
+import { IntegrationsOpenAIPage } from "./IntegrationsOpenAIPage.js";
+import { IntegrationsPostmarkPage } from "./IntegrationsPostmarkPage.js";
+import { IntegrationsPowensPage } from "./IntegrationsPowensPage.js";
+import { IntegrationsQdrantPage } from "./IntegrationsQdrantPage.js";
+import { IntegrationsResendPage } from "./IntegrationsResendPage.js";
+import { IntegrationsS3Page } from "./IntegrationsS3Page.js";
+import { IntegrationsSpecModelPage } from "./IntegrationsSpecModelPage.js";
+import { IntegrationsStripePage } from "./IntegrationsStripePage.js";
+import { IntegrationsTwilioPage } from "./IntegrationsTwilioPage.js";
+export { IntegrationsCircuitBreakersPage, IntegrationsElevenLabsPage, IntegrationsGmailPage, IntegrationsGoogleCalendarPage, IntegrationsOpenAIPage, IntegrationsOverviewPage, IntegrationsPostmarkPage, IntegrationsPowensPage, IntegrationsQdrantPage, IntegrationsResendPage, IntegrationsS3Page, IntegrationsSpecModelPage, IntegrationsStripePage, IntegrationsTwilioPage };

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

@@ -0,0 +1,16 @@
+import { IntegrationsOverviewPage } from "./IntegrationsOverviewPage.js";
+import { IntegrationsCircuitBreakersPage } from "./IntegrationsCircuitBreakersPage.js";
+import { IntegrationsElevenLabsPage } from "./IntegrationsElevenLabsPage.js";
+import { IntegrationsGmailPage } from "./IntegrationsGmailPage.js";
+import { IntegrationsGoogleCalendarPage } from "./IntegrationsGoogleCalendarPage.js";
+import { IntegrationsOpenAIPage } from "./IntegrationsOpenAIPage.js";
+import { IntegrationsPostmarkPage } from "./IntegrationsPostmarkPage.js";
+import { IntegrationsPowensPage } from "./IntegrationsPowensPage.js";
+import { IntegrationsQdrantPage } from "./IntegrationsQdrantPage.js";
+import { IntegrationsResendPage } from "./IntegrationsResendPage.js";
+import { IntegrationsS3Page } from "./IntegrationsS3Page.js";
+import { IntegrationsSpecModelPage } from "./IntegrationsSpecModelPage.js";
+import { IntegrationsStripePage } from "./IntegrationsStripePage.js";
+import { IntegrationsTwilioPage } from "./IntegrationsTwilioPage.js";
+
+export { IntegrationsCircuitBreakersPage, IntegrationsElevenLabsPage, IntegrationsGmailPage, IntegrationsGoogleCalendarPage, IntegrationsOpenAIPage, IntegrationsOverviewPage, IntegrationsPostmarkPage, IntegrationsPowensPage, IntegrationsQdrantPage, IntegrationsResendPage, IntegrationsS3Page, IntegrationsSpecModelPage, IntegrationsStripePage, IntegrationsTwilioPage };

package/dist/components/docs/intent/ContractFirstApiPage.d.ts

@@ -0,0 +1,10 @@
+import { Metadata } from "../../../node_modules/next/dist/lib/metadata/types/metadata-interface.js";
+import "../../../node_modules/next/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/docs/intent/ContractFirstApiPage.d.ts
+declare const metadata: Metadata;
+declare function ContractFirstApiPage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ContractFirstApiPage, metadata };
+//# sourceMappingURL=ContractFirstApiPage.d.ts.map

package/dist/components/docs/intent/ContractFirstApiPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContractFirstApiPage.d.ts","names":[],"sources":["../../../../src/components/docs/intent/ContractFirstApiPage.tsx"],"mappings":";;;;;cAOa,QAAA,EAAU,QAAA;AAAA,iBAIP,oBAAA,CAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}