@contractspec/bundle.library 0.0.0-canary-20260206014742

package/dist/components/docs/safety/SafetyAuditingPage.d.ts

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

package/dist/components/docs/safety/SafetyAuditingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafetyAuditingPage.d.ts","names":[],"sources":["../../../../src/components/docs/safety/SafetyAuditingPage.tsx"],"mappings":";;;iBASgB,kBAAA,CAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/docs/safety/SafetyAuditingPage.js

@@ -0,0 +1,243 @@
+import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/docs/safety/SafetyAuditingPage.tsx
+function SafetyAuditingPage() {
+	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: "Audit Logs"
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground",
+					children: [
+						"An ",
+						/* @__PURE__ */ jsx("strong", { children: "audit log" }),
+						" (also called an audit trail) is a chronological record of system activities. According to",
+						" ",
+						/* @__PURE__ */ jsx("a", {
+							href: "https://www.sumologic.com/glossary/audit-log/",
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "text-violet-400 hover:text-violet-300",
+							children: "Sumo Logic"
+						}),
+						", audit logs \"provide a detailed record of events and changes within a system, enabling organizations to track user actions, system changes, and access to sensitive data.\""
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-bold",
+					children: "Why audit logs matter"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-lg font-semibold",
+							children: "Accountability"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground",
+							children: "Audit logs answer the question \"who did what, when?\" This is essential for holding users and administrators accountable for their actions. If data is deleted or modified, the audit log shows exactly who made the change."
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-lg font-semibold",
+							children: "Security"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground",
+							children: "Audit logs help detect and investigate security incidents. For example, if an attacker gains unauthorized access, the logs reveal which resources they accessed and what actions they performed. This information is critical for incident response and forensics."
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-lg font-semibold",
+							children: "Compliance"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground",
+							children: "Many regulations (GDPR, HIPAA, SOC 2, PCI DSS) require organizations to maintain audit logs. These logs must be tamper-evident, retained for a specified period, and available for inspection by auditors."
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-lg font-semibold",
+							children: "Debugging"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground",
+							children: "When something goes wrong in production, audit logs provide a detailed timeline of events leading up to the failure. This makes it much easier to diagnose and fix issues."
+						})] })
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "What ContractSpec logs"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "ContractSpec automatically logs every significant operation, including:"
+					}),
+					/* @__PURE__ */ jsxs("ul", {
+						className: "text-muted-foreground list-inside list-disc space-y-2",
+						children: [
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "API calls" }), " – Every invocation of a capability, including inputs, outputs, and the user who made the call."] }),
+							/* @__PURE__ */ jsxs("li", { children: [
+								/* @__PURE__ */ jsx("strong", { children: "Policy decisions" }),
+								" – Every decision made by the",
+								" ",
+								/* @__PURE__ */ jsx(Link, {
+									href: "/docs/safety/pdp",
+									className: "text-violet-400 hover:text-violet-300",
+									children: "Policy Decision Point"
+								}),
+								", including the rule that matched and the reason for the decision."
+							] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Data access" }), " – Every query to a data view, including which fields were accessed and whether any were redacted."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Workflow execution" }), " – Every step in a workflow, including retries, compensations, and failures."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Administrative actions" }), " – Spec deployments, configuration changes, user role assignments, and other privileged operations."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Authentication events" }), " – Login attempts, password resets, and session expirations."] })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Audit log format"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Each audit log entry is a structured JSON object containing:"
+					}),
+					/* @__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: `{
+  "timestamp": "2025-11-13T14:32:15.123Z",
+  "eventId": "evt_abc123",
+  "eventType": "capability.invoked",
+  "actor": {
+    "userId": "user_xyz789",
+    "role": "admin",
+    "ipAddress": "203.0.113.42"
+  },
+  "resource": {
+    "type": "capability",
+    "id": "transferFunds",
+    "version": "1.2.0"
+  },
+  "action": "execute",
+  "result": "success",
+  "metadata": {
+    "inputs": {
+      "recipient": "user_def456",
+      "amount": 100.00
+    },
+    "outputs": {
+      "transactionId": "txn_ghi789",
+      "timestamp": "2025-11-13T14:32:15.456Z"
+    }
+  },
+  "policyDecision": {
+    "decision": "PERMIT",
+    "ruleId": "allow-admin-transfers",
+    "reason": "User has admin role"
+  }
+}` })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Storage and retention"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Audit logs are stored in a tamper-evident append-only log. Once written, entries cannot be modified or deleted. This ensures the integrity of the audit trail."
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "ContractSpec supports multiple storage backends:"
+					}),
+					/* @__PURE__ */ jsxs("ul", {
+						className: "text-muted-foreground list-inside list-disc space-y-2",
+						children: [
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Local file system" }), " – For development and testing."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Cloud object storage" }), " – S3, GCS, or Azure Blob Storage for production."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "SIEM integration" }), " – Forward logs to Splunk, Datadog, or other security information and event management systems."] })
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "You can configure retention policies to automatically archive or delete old logs after a specified period (e.g., 7 years for GDPR compliance)."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Querying audit logs"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "ContractSpec provides a query API for searching audit logs. You can filter by:"
+					}),
+					/* @__PURE__ */ jsxs("ul", {
+						className: "text-muted-foreground list-inside list-disc space-y-2",
+						children: [
+							/* @__PURE__ */ jsx("li", { children: "Time range" }),
+							/* @__PURE__ */ jsx("li", { children: "Event type" }),
+							/* @__PURE__ */ jsx("li", { children: "Actor (user ID, role, IP address)" }),
+							/* @__PURE__ */ jsx("li", { children: "Resource (capability, data view, workflow)" }),
+							/* @__PURE__ */ jsx("li", { children: "Result (success, failure, denied)" })
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Example query: \"Show all failed login attempts from IP address 203.0.113.42 in the last 24 hours.\""
+					})
+				]
+			}),
+			/* @__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__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Review logs regularly" }), " – Set up alerts for suspicious activity (e.g., repeated failed login attempts, unauthorized access attempts)."] }),
+						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Protect log access" }), " – Only authorized personnel should be able to view audit logs. Use role-based access control to restrict access."] }),
+						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Retain logs long enough" }), " – Check your compliance requirements and configure retention policies accordingly."] }),
+						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Test log integrity" }), " – Periodically verify that logs have not been tampered with by checking cryptographic signatures."] })
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 pt-4",
+				children: [/* @__PURE__ */ jsx(Link, {
+					href: "/docs/safety/pdp",
+					className: "btn-ghost",
+					children: "Previous: Policy Decision Points"
+				}), /* @__PURE__ */ jsxs(Link, {
+					href: "/docs/safety/migrations",
+					className: "btn-primary",
+					children: ["Next: Migrations ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { SafetyAuditingPage };
+//# sourceMappingURL=SafetyAuditingPage.js.map

package/dist/components/docs/safety/SafetyAuditingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafetyAuditingPage.js","names":[],"sources":["../../../../src/components/docs/safety/SafetyAuditingPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Audit Logs: ContractSpec Docs',\n//   description:\n//     'Learn how ContractSpec captures and stores audit logs for accountability, security, compliance, and debugging.',\n// };\n\nexport function SafetyAuditingPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Audit Logs</h1>\n        <p className=\"text-muted-foreground\">\n          An <strong>audit log</strong> (also called an audit trail) is a\n          chronological record of system activities. According to{' '}\n          <a\n            href=\"https://www.sumologic.com/glossary/audit-log/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-violet-400 hover:text-violet-300\"\n          >\n            Sumo Logic\n          </a>\n          , audit logs \"provide a detailed record of events and changes within a\n          system, enabling organizations to track user actions, system changes,\n          and access to sensitive data.\"\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Why audit logs matter</h2>\n        <div className=\"space-y-3\">\n          <div>\n            <h3 className=\"text-lg font-semibold\">Accountability</h3>\n            <p className=\"text-muted-foreground\">\n              Audit logs answer the question \"who did what, when?\" This is\n              essential for holding users and administrators accountable for\n              their actions. If data is deleted or modified, the audit log shows\n              exactly who made the change.\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Security</h3>\n            <p className=\"text-muted-foreground\">\n              Audit logs help detect and investigate security incidents. For\n              example, if an attacker gains unauthorized access, the logs reveal\n              which resources they accessed and what actions they performed.\n              This information is critical for incident response and forensics.\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Compliance</h3>\n            <p className=\"text-muted-foreground\">\n              Many regulations (GDPR, HIPAA, SOC 2, PCI DSS) require\n              organizations to maintain audit logs. These logs must be\n              tamper-evident, retained for a specified period, and available for\n              inspection by auditors.\n            </p>\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold\">Debugging</h3>\n            <p className=\"text-muted-foreground\">\n              When something goes wrong in production, audit logs provide a\n              detailed timeline of events leading up to the failure. This makes\n              it much easier to diagnose and fix issues.\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">What ContractSpec logs</h2>\n        <p className=\"text-muted-foreground\">\n          ContractSpec automatically logs every significant operation,\n          including:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>API calls</strong> – Every invocation of a capability,\n            including inputs, outputs, and the user who made the call.\n          </li>\n          <li>\n            <strong>Policy decisions</strong> – Every decision made by the{' '}\n            <Link\n              href=\"/docs/safety/pdp\"\n              className=\"text-violet-400 hover:text-violet-300\"\n            >\n              Policy Decision Point\n            </Link>\n            , including the rule that matched and the reason for the decision.\n          </li>\n          <li>\n            <strong>Data access</strong> – Every query to a data view, including\n            which fields were accessed and whether any were redacted.\n          </li>\n          <li>\n            <strong>Workflow execution</strong> – Every step in a workflow,\n            including retries, compensations, and failures.\n          </li>\n          <li>\n            <strong>Administrative actions</strong> – Spec deployments,\n            configuration changes, user role assignments, and other privileged\n            operations.\n          </li>\n          <li>\n            <strong>Authentication events</strong> – Login attempts, password\n            resets, and session expirations.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Audit log format</h2>\n        <p className=\"text-muted-foreground\">\n          Each audit log entry is a structured JSON object containing:\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>{`{\n  \"timestamp\": \"2025-11-13T14:32:15.123Z\",\n  \"eventId\": \"evt_abc123\",\n  \"eventType\": \"capability.invoked\",\n  \"actor\": {\n    \"userId\": \"user_xyz789\",\n    \"role\": \"admin\",\n    \"ipAddress\": \"203.0.113.42\"\n  },\n  \"resource\": {\n    \"type\": \"capability\",\n    \"id\": \"transferFunds\",\n    \"version\": \"1.2.0\"\n  },\n  \"action\": \"execute\",\n  \"result\": \"success\",\n  \"metadata\": {\n    \"inputs\": {\n      \"recipient\": \"user_def456\",\n      \"amount\": 100.00\n    },\n    \"outputs\": {\n      \"transactionId\": \"txn_ghi789\",\n      \"timestamp\": \"2025-11-13T14:32:15.456Z\"\n    }\n  },\n  \"policyDecision\": {\n    \"decision\": \"PERMIT\",\n    \"ruleId\": \"allow-admin-transfers\",\n    \"reason\": \"User has admin role\"\n  }\n}`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Storage and retention</h2>\n        <p className=\"text-muted-foreground\">\n          Audit logs are stored in a tamper-evident append-only log. Once\n          written, entries cannot be modified or deleted. This ensures the\n          integrity of the audit trail.\n        </p>\n        <p className=\"text-muted-foreground\">\n          ContractSpec supports multiple storage backends:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Local file system</strong> – For development and testing.\n          </li>\n          <li>\n            <strong>Cloud object storage</strong> – S3, GCS, or Azure Blob\n            Storage for production.\n          </li>\n          <li>\n            <strong>SIEM integration</strong> – Forward logs to Splunk, Datadog,\n            or other security information and event management systems.\n          </li>\n        </ul>\n        <p className=\"text-muted-foreground\">\n          You can configure retention policies to automatically archive or\n          delete old logs after a specified period (e.g., 7 years for GDPR\n          compliance).\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Querying audit logs</h2>\n        <p className=\"text-muted-foreground\">\n          ContractSpec provides a query API for searching audit logs. You can\n          filter by:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>Time range</li>\n          <li>Event type</li>\n          <li>Actor (user ID, role, IP address)</li>\n          <li>Resource (capability, data view, workflow)</li>\n          <li>Result (success, failure, denied)</li>\n        </ul>\n        <p className=\"text-muted-foreground\">\n          Example query: \"Show all failed login attempts from IP address\n          203.0.113.42 in the last 24 hours.\"\n        </p>\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>\n            <strong>Review logs regularly</strong> – Set up alerts for\n            suspicious activity (e.g., repeated failed login attempts,\n            unauthorized access attempts).\n          </li>\n          <li>\n            <strong>Protect log access</strong> – Only authorized personnel\n            should be able to view audit logs. Use role-based access control to\n            restrict access.\n          </li>\n          <li>\n            <strong>Retain logs long enough</strong> – Check your compliance\n            requirements and configure retention policies accordingly.\n          </li>\n          <li>\n            <strong>Test log integrity</strong> – Periodically verify that logs\n            have not been tampered with by checking cryptographic signatures.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/safety/pdp\" className=\"btn-ghost\">\n          Previous: Policy Decision Points\n        </Link>\n        <Link href=\"/docs/safety/migrations\" className=\"btn-primary\">\n          Next: Migrations <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/safety/SafetyMigrationsPage.d.ts

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

package/dist/components/docs/safety/SafetyMigrationsPage.d.ts.map

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

package/dist/components/docs/safety/SafetyMigrationsPage.js

@@ -0,0 +1,245 @@
+import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/docs/safety/SafetyMigrationsPage.tsx
+function SafetyMigrationsPage() {
+	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: "Migrations"
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground",
+					children: [
+						"A ",
+						/* @__PURE__ */ jsx("strong", { children: "schema migration" }),
+						" (also called a database migration) is a set of incremental, reversible changes to a database schema. According to",
+						" ",
+						/* @__PURE__ */ jsx("a", {
+							href: "https://en.wikipedia.org/wiki/Schema_migration",
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "text-violet-400 hover:text-violet-300",
+							children: "Wikipedia"
+						}),
+						", schema migrations \"allow the database schema to evolve as the application's requirements change, while preserving existing data.\""
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Why migrations matter"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "As your application evolves, you'll need to change your data model—adding new fields, renaming tables, changing data types, or restructuring relationships. Without a disciplined approach, these changes can lead to:"
+					}),
+					/* @__PURE__ */ jsxs("ul", {
+						className: "text-muted-foreground list-inside list-disc space-y-2",
+						children: [
+							/* @__PURE__ */ jsx("li", { children: "Data loss or corruption" }),
+							/* @__PURE__ */ jsx("li", { children: "Downtime during deployments" }),
+							/* @__PURE__ */ jsx("li", { children: "Inconsistencies between environments (dev, staging, production)" }),
+							/* @__PURE__ */ jsx("li", { children: "Difficulty rolling back failed changes" })
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Migrations solve these problems by treating schema changes as versioned, tested, and reversible operations."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "How MigrationSpec works"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-muted-foreground",
+						children: [
+							"In ContractSpec, migrations are defined using",
+							" ",
+							/* @__PURE__ */ jsx("strong", { children: "MigrationSpec" }),
+							". Each migration has:"
+						]
+					}),
+					/* @__PURE__ */ jsxs("ul", {
+						className: "text-muted-foreground list-inside list-disc space-y-2",
+						children: [
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Version" }), " – A unique identifier (e.g., \"2025-11-13-001\") that determines the order of execution."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Up function" }), " – The forward migration that applies the change (e.g., \"add column 'email_verified'\")."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Down function" }), " – The reverse migration that undoes the change (e.g., \"drop column 'email_verified'\")."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Dependencies" }), " – Other migrations that must run before this one."] }),
+							/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Validation" }), " – Optional checks to ensure the migration succeeded (e.g., \"verify all users have an email address\")."] })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Example MigrationSpec"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Here's a migration that adds an email verification field to the users table:"
+					}),
+					/* @__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: `migrationId: add-email-verified
+version: 2025-11-13-001
+dependencies: []
+
+up:
+  - sql: |
+      ALTER TABLE users
+      ADD COLUMN email_verified BOOLEAN DEFAULT FALSE NOT NULL;
+  - sql: |
+      CREATE INDEX idx_users_email_verified
+      ON users(email_verified);
+
+down:
+  - sql: |
+      DROP INDEX idx_users_email_verified;
+  - sql: |
+      ALTER TABLE users
+      DROP COLUMN email_verified;
+
+validation:
+  - sql: |
+      SELECT COUNT(*) FROM users
+      WHERE email_verified IS NULL;
+    expectZeroRows: true` })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Running migrations"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Migrations are applied automatically during deployment. The ContractSpec runtime:"
+					}),
+					/* @__PURE__ */ jsxs("ol", {
+						className: "text-muted-foreground list-inside list-decimal space-y-2",
+						children: [
+							/* @__PURE__ */ jsx("li", { children: "Checks which migrations have already been applied (stored in a migrations table)." }),
+							/* @__PURE__ */ jsx("li", { children: "Identifies new migrations that need to run." }),
+							/* @__PURE__ */ jsx("li", { children: "Executes them in order, respecting dependencies." }),
+							/* @__PURE__ */ jsx("li", { children: "Runs validation checks to ensure success." }),
+							/* @__PURE__ */ jsx("li", { children: "Records the migration as applied." })
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "If a migration fails, the deployment is aborted, and the system remains in its previous state. You can then fix the migration and redeploy."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Rolling back migrations"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-muted-foreground",
+						children: [
+							"If you need to roll back a deployment, ContractSpec automatically runs the ",
+							/* @__PURE__ */ jsx("strong", { children: "down" }),
+							" functions of any migrations that were applied. This restores the database to its previous state."
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Note that rollbacks are not always possible—for example, if you've deleted a column, you cannot recover the data unless you have a backup. For destructive changes, it's best to use a multi-step migration:"
+					}),
+					/* @__PURE__ */ jsxs("ol", {
+						className: "text-muted-foreground list-inside list-decimal space-y-2",
+						children: [
+							/* @__PURE__ */ jsx("li", { children: "Add the new column (reversible)." }),
+							/* @__PURE__ */ jsx("li", { children: "Backfill data from the old column to the new column (reversible)." }),
+							/* @__PURE__ */ jsx("li", { children: "Update application code to use the new column (reversible)." }),
+							/* @__PURE__ */ jsx("li", { children: "Drop the old column (irreversible—only do this after confirming the new column works)." })
+						]
+					})
+				]
+			}),
+			/* @__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__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Test migrations locally" }), " – Run them against a copy of production data to catch issues before deploying."] }),
+						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Keep migrations small" }), " – Each migration should do one thing. This makes them easier to understand and roll back."] }),
+						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Write reversible migrations" }), " – Always provide a down function, even if you don't plan to roll back."] }),
+						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Use transactions" }), " – Wrap migrations in database transactions so they either fully succeed or fully fail."] }),
+						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Avoid destructive changes" }), " – Prefer additive changes (adding columns) over destructive ones (dropping columns). If you must delete data, archive it first."] }),
+						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Version your migrations" }), " – Use timestamps or sequential numbers to ensure migrations run in the correct order."] }),
+						/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Document breaking changes" }), " – If a migration requires application code changes, note this in the migration description."] })
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold",
+						children: "Zero-downtime migrations"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Some migrations can cause downtime if not handled carefully. For example, adding a NOT NULL column to a large table can lock the table for minutes. To avoid this, use a multi-step approach:"
+					}),
+					/* @__PURE__ */ jsxs("ol", {
+						className: "text-muted-foreground list-inside list-decimal space-y-2",
+						children: [
+							/* @__PURE__ */ jsx("li", { children: "Add the column as nullable." }),
+							/* @__PURE__ */ jsx("li", { children: "Backfill the column in batches (without locking the table)." }),
+							/* @__PURE__ */ jsx("li", { children: "Add the NOT NULL constraint once all rows are populated." })
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "ContractSpec's migration system supports this pattern by allowing you to split a logical change into multiple versioned migrations."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4 pt-4",
+				children: [/* @__PURE__ */ jsx(Link, {
+					href: "/docs/safety/auditing",
+					className: "btn-ghost",
+					children: "Previous: Audit Logs"
+				}), /* @__PURE__ */ jsxs(Link, {
+					href: "/docs/advanced/renderers",
+					className: "btn-primary",
+					children: ["Next: Advanced Topics ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { SafetyMigrationsPage };
+//# sourceMappingURL=SafetyMigrationsPage.js.map

package/dist/components/docs/safety/SafetyMigrationsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafetyMigrationsPage.js","names":[],"sources":["../../../../src/components/docs/safety/SafetyMigrationsPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Migrations: ContractSpec Docs',\n//   description:\n//     'Learn how to manage schema and data migrations safely with MigrationSpec in ContractSpec.',\n// };\n\nexport function SafetyMigrationsPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Migrations</h1>\n        <p className=\"text-muted-foreground\">\n          A <strong>schema migration</strong> (also called a database migration)\n          is a set of incremental, reversible changes to a database schema.\n          According to{' '}\n          <a\n            href=\"https://en.wikipedia.org/wiki/Schema_migration\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-violet-400 hover:text-violet-300\"\n          >\n            Wikipedia\n          </a>\n          , schema migrations \"allow the database schema to evolve as the\n          application's requirements change, while preserving existing data.\"\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Why migrations matter</h2>\n        <p className=\"text-muted-foreground\">\n          As your application evolves, you'll need to change your data\n          model—adding new fields, renaming tables, changing data types, or\n          restructuring relationships. Without a disciplined approach, these\n          changes can lead to:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>Data loss or corruption</li>\n          <li>Downtime during deployments</li>\n          <li>\n            Inconsistencies between environments (dev, staging, production)\n          </li>\n          <li>Difficulty rolling back failed changes</li>\n        </ul>\n        <p className=\"text-muted-foreground\">\n          Migrations solve these problems by treating schema changes as\n          versioned, tested, and reversible operations.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">How MigrationSpec works</h2>\n        <p className=\"text-muted-foreground\">\n          In ContractSpec, migrations are defined using{' '}\n          <strong>MigrationSpec</strong>. Each migration has:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Version</strong> – A unique identifier (e.g.,\n            \"2025-11-13-001\") that determines the order of execution.\n          </li>\n          <li>\n            <strong>Up function</strong> – The forward migration that applies\n            the change (e.g., \"add column 'email_verified'\").\n          </li>\n          <li>\n            <strong>Down function</strong> – The reverse migration that undoes\n            the change (e.g., \"drop column 'email_verified'\").\n          </li>\n          <li>\n            <strong>Dependencies</strong> – Other migrations that must run\n            before this one.\n          </li>\n          <li>\n            <strong>Validation</strong> – Optional checks to ensure the\n            migration succeeded (e.g., \"verify all users have an email\n            address\").\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example MigrationSpec</h2>\n        <p className=\"text-muted-foreground\">\n          Here's a migration that adds an email verification field to the users\n          table:\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>{`migrationId: add-email-verified\nversion: 2025-11-13-001\ndependencies: []\n\nup:\n  - sql: |\n      ALTER TABLE users\n      ADD COLUMN email_verified BOOLEAN DEFAULT FALSE NOT NULL;\n  - sql: |\n      CREATE INDEX idx_users_email_verified\n      ON users(email_verified);\n\ndown:\n  - sql: |\n      DROP INDEX idx_users_email_verified;\n  - sql: |\n      ALTER TABLE users\n      DROP COLUMN email_verified;\n\nvalidation:\n  - sql: |\n      SELECT COUNT(*) FROM users\n      WHERE email_verified IS NULL;\n    expectZeroRows: true`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Running migrations</h2>\n        <p className=\"text-muted-foreground\">\n          Migrations are applied automatically during deployment. The\n          ContractSpec runtime:\n        </p>\n        <ol className=\"text-muted-foreground list-inside list-decimal space-y-2\">\n          <li>\n            Checks which migrations have already been applied (stored in a\n            migrations table).\n          </li>\n          <li>Identifies new migrations that need to run.</li>\n          <li>Executes them in order, respecting dependencies.</li>\n          <li>Runs validation checks to ensure success.</li>\n          <li>Records the migration as applied.</li>\n        </ol>\n        <p className=\"text-muted-foreground\">\n          If a migration fails, the deployment is aborted, and the system\n          remains in its previous state. You can then fix the migration and\n          redeploy.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Rolling back migrations</h2>\n        <p className=\"text-muted-foreground\">\n          If you need to roll back a deployment, ContractSpec automatically runs\n          the <strong>down</strong> functions of any migrations that were\n          applied. This restores the database to its previous state.\n        </p>\n        <p className=\"text-muted-foreground\">\n          Note that rollbacks are not always possible—for example, if you've\n          deleted a column, you cannot recover the data unless you have a\n          backup. For destructive changes, it's best to use a multi-step\n          migration:\n        </p>\n        <ol className=\"text-muted-foreground list-inside list-decimal space-y-2\">\n          <li>Add the new column (reversible).</li>\n          <li>\n            Backfill data from the old column to the new column (reversible).\n          </li>\n          <li>Update application code to use the new column (reversible).</li>\n          <li>\n            Drop the old column (irreversible—only do this after confirming the\n            new column works).\n          </li>\n        </ol>\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>\n            <strong>Test migrations locally</strong> – Run them against a copy\n            of production data to catch issues before deploying.\n          </li>\n          <li>\n            <strong>Keep migrations small</strong> – Each migration should do\n            one thing. This makes them easier to understand and roll back.\n          </li>\n          <li>\n            <strong>Write reversible migrations</strong> – Always provide a down\n            function, even if you don't plan to roll back.\n          </li>\n          <li>\n            <strong>Use transactions</strong> – Wrap migrations in database\n            transactions so they either fully succeed or fully fail.\n          </li>\n          <li>\n            <strong>Avoid destructive changes</strong> – Prefer additive changes\n            (adding columns) over destructive ones (dropping columns). If you\n            must delete data, archive it first.\n          </li>\n          <li>\n            <strong>Version your migrations</strong> – Use timestamps or\n            sequential numbers to ensure migrations run in the correct order.\n          </li>\n          <li>\n            <strong>Document breaking changes</strong> – If a migration requires\n            application code changes, note this in the migration description.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Zero-downtime migrations</h2>\n        <p className=\"text-muted-foreground\">\n          Some migrations can cause downtime if not handled carefully. For\n          example, adding a NOT NULL column to a large table can lock the table\n          for minutes. To avoid this, use a multi-step approach:\n        </p>\n        <ol className=\"text-muted-foreground list-inside list-decimal space-y-2\">\n          <li>Add the column as nullable.</li>\n          <li>Backfill the column in batches (without locking the table).</li>\n          <li>Add the NOT NULL constraint once all rows are populated.</li>\n        </ol>\n        <p className=\"text-muted-foreground\">\n          ContractSpec's migration system supports this pattern by allowing you\n          to split a logical change into multiple versioned migrations.\n        </p>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/safety/auditing\" className=\"btn-ghost\">\n          Previous: Audit Logs\n        </Link>\n        <Link href=\"/docs/advanced/renderers\" className=\"btn-primary\">\n          Next: Advanced Topics <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,uBAAuB;AACrC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAe,EAClD,qBAAC;KAAE,WAAU;;MAAwB;MACjC,oBAAC,sBAAO,qBAAyB;;MAEtB;MACb,oBAAC;OACC,MAAK;OACL,QAAO;OACP,KAAI;OACJ,WAAU;iBACX;QAEG;;;MAGF;KACA;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA0B;KAC7D,oBAAC;MAAE,WAAU;gBAAwB;OAKjC;KACJ,qBAAC;MAAG,WAAU;;OACZ,oBAAC,kBAAG,4BAA4B;OAChC,oBAAC,kBAAG,gCAAgC;OACpC,oBAAC,kBAAG,oEAEC;OACL,oBAAC,kBAAG,2CAA2C;;OAC5C;KACL,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;;KACA;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA4B;KAC/D,qBAAC;MAAE,WAAU;;OAAwB;OACW;OAC9C,oBAAC,sBAAO,kBAAsB;;;OAC5B;KACJ,qBAAC;MAAG,WAAU;;OACZ,qBAAC,mBACC,oBAAC,sBAAO,YAAgB,iGAErB;OACL,qBAAC,mBACC,oBAAC,sBAAO,gBAAoB,iGAEzB;OACL,qBAAC,mBACC,oBAAC,sBAAO,kBAAsB,iGAE3B;OACL,qBAAC,mBACC,oBAAC,sBAAO,iBAAqB,0DAE1B;OACL,qBAAC,mBACC,oBAAC,sBAAO,eAAmB,gHAGxB;;OACF;;KACD;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA0B;KAC7D,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MAAI,WAAU;gBACb,oBAAC,mBAAK;;;;;;;;;;;;;;;;;;;;;;;4BAuBgB;OAClB;;KACF;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAuB;KAC1D,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,qBAAC;MAAG,WAAU;;OACZ,oBAAC,kBAAG,sFAGC;OACL,oBAAC,kBAAG,gDAAgD;OACpD,oBAAC,kBAAG,qDAAqD;OACzD,oBAAC,kBAAG,8CAA8C;OAClD,oBAAC,kBAAG,sCAAsC;;OACvC;KACL,oBAAC;MAAE,WAAU;gBAAwB;OAIjC;;KACA;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA4B;KAC/D,qBAAC;MAAE,WAAU;;OAAwB;OAE/B,oBAAC,sBAAO,SAAa;;;OAEvB;KACJ,oBAAC;MAAE,WAAU;gBAAwB;OAKjC;KACJ,qBAAC;MAAG,WAAU;;OACZ,oBAAC,kBAAG,qCAAqC;OACzC,oBAAC,kBAAG,sEAEC;OACL,oBAAC,kBAAG,gEAAgE;OACpE,oBAAC,kBAAG,2FAGC;;OACF;;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAmB,EACtD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC,sBAAO,4BAAgC,uFAErC;MACL,qBAAC,mBACC,oBAAC,sBAAO,0BAA8B,kGAEnC;MACL,qBAAC,mBACC,oBAAC,sBAAO,gCAAoC,+EAEzC;MACL,qBAAC,mBACC,oBAAC,sBAAO,qBAAyB,+FAE9B;MACL,qBAAC,mBACC,oBAAC,sBAAO,8BAAkC,wIAGvC;MACL,qBAAC,mBACC,oBAAC,sBAAO,4BAAgC,8FAErC;MACL,qBAAC,mBACC,oBAAC,sBAAO,8BAAkC,oGAEvC;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA6B;KAChE,oBAAC;MAAE,WAAU;gBAAwB;OAIjC;KACJ,qBAAC;MAAG,WAAU;;OACZ,oBAAC,kBAAG,gCAAgC;OACpC,oBAAC,kBAAG,gEAAgE;OACpE,oBAAC,kBAAG,6DAA6D;;OAC9D;KACL,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAwB,WAAU;eAAY;MAElD,EACP,qBAAC;KAAK,MAAK;KAA2B,WAAU;gBAAc,0BACtC,oBAAC,gBAAa,MAAM,KAAM;MAC3C;KACH;;GACF"}

package/dist/components/docs/safety/SafetyOverviewPage.d.ts

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

package/dist/components/docs/safety/SafetyOverviewPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafetyOverviewPage.d.ts","names":[],"sources":["../../../../src/components/docs/safety/SafetyOverviewPage.tsx"],"mappings":";;;iBASgB,kBAAA,CAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}