@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/node/components/docs/guides/GuideContractTypesPage.js

@@ -1,37 +1,37 @@
 // src/components/docs/shared/StudioPrompt.tsx
 import Link from "@contractspec/lib.ui-link";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function StudioPrompt({
   title = "Want to turn product signals into spec-first deliverables?",
   body = "ContractSpec Studio ingests evidence from meetings, support, analytics, docs, and code, then compiles decisions into spec diffs and task packs.",
   ctaLabel = "Try Studio",
   href = "https://www.contractspec.studio"
 }) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "card-subtle space-y-3 p-6",
     children: [
-      /* @__PURE__ */ jsxDEV("h3", {
+      /* @__PURE__ */ jsx("h3", {
         className: "text-lg font-semibold",
         children: title
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("p", {
+      }),
+      /* @__PURE__ */ jsx("p", {
         className: "text-muted-foreground text-sm",
         children: body
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Link, {
+      }),
+      /* @__PURE__ */ jsx(Link, {
         href,
         className: "btn-primary",
         children: ctaLabel
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/docs/guides/GuideContractTypesPage.tsx
 import { CodeBlock } from "@contractspec/lib.design-system";
 import Link2 from "@contractspec/lib.ui-link";
 import { ChevronRight, Layers, Zap, Shield, Globe } from "lucide-react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var contractTypes = [
   {
     name: "Operations",
@@ -63,75 +63,75 @@ var contractTypes = [
   }
 ];
 function GuideContractTypesPage() {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV2("div", {
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-3",
         children: [
-          /* @__PURE__ */ jsxDEV2("h1", {
+          /* @__PURE__ */ jsx2("h1", {
             className: "text-4xl font-bold",
             children: "Contract Types Overview"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
+          }),
+          /* @__PURE__ */ jsx2("p", {
             className: "text-muted-foreground text-lg",
             children: "Learn about the different contract types in ContractSpec and when to use each one for spec-first development."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV2("h2", {
+          /* @__PURE__ */ jsx2("h2", {
             className: "text-2xl font-bold",
             children: "Core Contract Types"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsx2("div", {
             className: "grid gap-3 md:grid-cols-2",
-            children: contractTypes.map((type) => /* @__PURE__ */ jsxDEV2("div", {
+            children: contractTypes.map((type) => /* @__PURE__ */ jsxs2("div", {
               className: "flex items-start gap-3 rounded-lg border border-white/10 p-4",
               children: [
-                /* @__PURE__ */ jsxDEV2(type.icon, {
+                /* @__PURE__ */ jsx2(type.icon, {
                   className: type.color,
                   size: 20
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("div", {
+                }),
+                /* @__PURE__ */ jsxs2("div", {
                   className: "space-y-1",
                   children: [
-                    /* @__PURE__ */ jsxDEV2("h3", {
+                    /* @__PURE__ */ jsx2("h3", {
                       className: "font-semibold",
                       children: type.name
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("p", {
+                    }),
+                    /* @__PURE__ */ jsx2("p", {
                       className: "text-muted-foreground text-xs",
                       children: type.description
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("code", {
+                    }),
+                    /* @__PURE__ */ jsx2("code", {
                       className: "text-xs text-violet-400",
                       children: type.factory
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, type.name, true, undefined, this))
-          }, undefined, false, undefined, this)
+            }, type.name))
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "space-y-6",
         children: [
-          /* @__PURE__ */ jsxDEV2("div", {
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
+              /* @__PURE__ */ jsx2("h2", {
                 className: "text-2xl font-bold",
                 children: "1) Operations (Commands & Queries)"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Operations are the backbone of your API. Commands mutate state, queries read state. Both have typed input/output schemas."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: "src/contracts/user.operation.ts",
                 code: `import { defineCommand, defineQuery } from "@contractspec/lib.contracts-spec";
@@ -201,21 +201,21 @@ export const GetUserQuery = defineQuery({
   },
   policy: { auth: "user" },
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
+              /* @__PURE__ */ jsx2("h2", {
                 className: "text-2xl font-bold",
                 children: "2) Events"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Events represent domain occurrences. They have typed payloads with PII field marking for compliance."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: "src/contracts/user.event.ts",
                 code: `import { defineEvent } from "@contractspec/lib.contracts-spec";
@@ -260,21 +260,21 @@ export const UserDeletedEvent = defineEvent({
     },
   }),
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
+              /* @__PURE__ */ jsx2("h2", {
                 className: "text-2xl font-bold",
                 children: "3) Capabilities"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Capabilities group related operations, events, and presentations. They define feature boundaries and dependencies."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: "src/contracts/user-management.capability.ts",
                 code: `import { defineCapability } from "@contractspec/lib.contracts-spec";
@@ -321,21 +321,21 @@ export const AdminUserCapability = defineCapability({
     { surface: "operation", key: "user.impersonate", version: "1.0.0" },
   ],
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
+              /* @__PURE__ */ jsx2("h2", {
                 className: "text-2xl font-bold",
                 children: "4) Presentations"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Presentations define UI specifications. They link to capabilities and specify how data should be displayed."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: "src/contracts/user-list.presentation.ts",
                 code: `import { definePresentation } from "@contractspec/lib.contracts-spec";
@@ -361,175 +361,175 @@ export const UserListPresentation = definePresentation({
     search: { fields: ["name", "email"] },
   },
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
+              /* @__PURE__ */ jsx2("h2", {
                 className: "text-2xl font-bold",
                 children: "5) Additional Contract Types"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "ContractSpec provides specialized contracts for different concerns:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
+              }),
+              /* @__PURE__ */ jsxs2("div", {
                 className: "grid gap-4 md:grid-cols-2",
                 children: [
-                  /* @__PURE__ */ jsxDEV2("div", {
+                  /* @__PURE__ */ jsxs2("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV2("h3", {
+                      /* @__PURE__ */ jsx2("h3", {
                         className: "font-semibold",
                         children: "Policy"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("code", {
+                      }),
+                      /* @__PURE__ */ jsx2("code", {
                         className: "text-xs text-violet-400",
                         children: "definePolicy"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsx2("p", {
                         className: "text-muted-foreground text-xs",
                         children: "RBAC/ABAC rules, rate limits, and access control."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
+                  }),
+                  /* @__PURE__ */ jsxs2("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV2("h3", {
+                      /* @__PURE__ */ jsx2("h3", {
                         className: "font-semibold",
                         children: "Workflow"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("code", {
+                      }),
+                      /* @__PURE__ */ jsx2("code", {
                         className: "text-xs text-violet-400",
                         children: "defineWorkflow"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsx2("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Multi-step processes with states, transitions, and SLAs."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
+                  }),
+                  /* @__PURE__ */ jsxs2("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV2("h3", {
+                      /* @__PURE__ */ jsx2("h3", {
                         className: "font-semibold",
                         children: "Translation"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("code", {
+                      }),
+                      /* @__PURE__ */ jsx2("code", {
                         className: "text-xs text-violet-400",
                         children: "defineTranslation"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsx2("p", {
                         className: "text-muted-foreground text-xs",
                         children: "i18n messages with ICU format and locale fallbacks."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
+                  }),
+                  /* @__PURE__ */ jsxs2("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV2("h3", {
+                      /* @__PURE__ */ jsx2("h3", {
                         className: "font-semibold",
                         children: "Integration"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("code", {
+                      }),
+                      /* @__PURE__ */ jsx2("code", {
                         className: "text-xs text-violet-400",
                         children: "defineIntegration"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsx2("p", {
                         className: "text-muted-foreground text-xs",
                         children: "External service connections and API adapters."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
+                  }),
+                  /* @__PURE__ */ jsxs2("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV2("h3", {
+                      /* @__PURE__ */ jsx2("h3", {
                         className: "font-semibold",
                         children: "Form"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("code", {
+                      }),
+                      /* @__PURE__ */ jsx2("code", {
                         className: "text-xs text-violet-400",
                         children: "defineFormSpec"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsx2("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Form definitions with fields, validation, and layouts."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
+                  }),
+                  /* @__PURE__ */ jsxs2("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV2("h3", {
+                      /* @__PURE__ */ jsx2("h3", {
                         className: "font-semibold",
                         children: "Data View"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("code", {
+                      }),
+                      /* @__PURE__ */ jsx2("code", {
                         className: "text-xs text-violet-400",
                         children: "defineDataView"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsx2("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Read-only data projections and aggregations."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
+                  }),
+                  /* @__PURE__ */ jsxs2("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV2("h3", {
+                      /* @__PURE__ */ jsx2("h3", {
                         className: "font-semibold",
                         children: "Feature"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("code", {
+                      }),
+                      /* @__PURE__ */ jsx2("code", {
                         className: "text-xs text-violet-400",
                         children: "defineFeature"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsx2("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Feature flags and progressive rollout configurations."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
+                  }),
+                  /* @__PURE__ */ jsxs2("div", {
                     className: "card-subtle space-y-2 p-4",
                     children: [
-                      /* @__PURE__ */ jsxDEV2("h3", {
+                      /* @__PURE__ */ jsx2("h3", {
                         className: "font-semibold",
                         children: "Test"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("code", {
+                      }),
+                      /* @__PURE__ */ jsx2("code", {
                         className: "text-xs text-violet-400",
                         children: "defineTestSpec"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsx2("p", {
                         className: "text-muted-foreground text-xs",
                         children: "Contract-driven test scenarios and fixtures."
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
+              /* @__PURE__ */ jsx2("h2", {
                 className: "text-2xl font-bold",
                 children: "6) Registering Contracts"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Each contract type has a registry for lookup and validation."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: "src/contracts/registry.ts",
                 code: `import {
@@ -563,175 +563,175 @@ installOp(operationRegistry, GetUserQuery, async (input) => {
 // Register events and capabilities
 eventRegistry.register(UserCreatedEvent);
 capabilityRegistry.register(UserManagementCapability);`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "card-subtle space-y-3 p-6",
             children: [
-              /* @__PURE__ */ jsxDEV2("h3", {
+              /* @__PURE__ */ jsx2("h3", {
                 className: "text-lg font-semibold",
                 children: "Contract Type Decision Guide"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("table", {
+              }),
+              /* @__PURE__ */ jsxs2("table", {
                 className: "w-full text-sm",
                 children: [
-                  /* @__PURE__ */ jsxDEV2("thead", {
-                    children: /* @__PURE__ */ jsxDEV2("tr", {
+                  /* @__PURE__ */ jsx2("thead", {
+                    children: /* @__PURE__ */ jsxs2("tr", {
                       className: "border-b border-white/10",
                       children: [
-                        /* @__PURE__ */ jsxDEV2("th", {
+                        /* @__PURE__ */ jsx2("th", {
                           className: "py-2 text-left",
                           children: "When you need..."
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV2("th", {
+                        }),
+                        /* @__PURE__ */ jsx2("th", {
                           className: "py-2 text-left",
                           children: "Use this contract"
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("tbody", {
+                    })
+                  }),
+                  /* @__PURE__ */ jsxs2("tbody", {
                     className: "text-muted-foreground",
                     children: [
-                      /* @__PURE__ */ jsxDEV2("tr", {
+                      /* @__PURE__ */ jsxs2("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
                             children: "An API endpoint that changes data"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          }),
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV2("code", {
+                            children: /* @__PURE__ */ jsx2("code", {
                               children: "defineCommand"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs2("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
                             children: "An API endpoint that reads data"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          }),
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV2("code", {
+                            children: /* @__PURE__ */ jsx2("code", {
                               children: "defineQuery"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs2("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
                             children: "Async notification of something that happened"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          }),
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV2("code", {
+                            children: /* @__PURE__ */ jsx2("code", {
                               children: "defineEvent"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs2("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
                             children: "Group related specs under a feature"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          }),
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV2("code", {
+                            children: /* @__PURE__ */ jsx2("code", {
                               children: "defineCapability"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs2("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
                             children: "Define UI rendering specifications"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          }),
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV2("code", {
+                            children: /* @__PURE__ */ jsx2("code", {
                               children: "definePresentation"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs2("tr", {
                         className: "border-b border-white/5",
                         children: [
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
                             children: "Access control and rate limiting"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          }),
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV2("code", {
+                            children: /* @__PURE__ */ jsx2("code", {
                               children: "definePolicy"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("tr", {
+                      }),
+                      /* @__PURE__ */ jsxs2("tr", {
                         children: [
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
                             children: "Multi-step business processes"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("td", {
+                          }),
+                          /* @__PURE__ */ jsx2("td", {
                             className: "py-2",
-                            children: /* @__PURE__ */ jsxDEV2("code", {
+                            children: /* @__PURE__ */ jsx2("code", {
                               children: "defineWorkflow"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this)
+                            })
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2(StudioPrompt, {
+          }),
+          /* @__PURE__ */ jsx2(StudioPrompt, {
             title: "Need to decide which contract should change next?",
             body: "Studio uses evidence and focus constraints to generate decision briefs, patch intents, and execution-ready task packs."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV2(Link2, {
+          /* @__PURE__ */ jsxs2(Link2, {
             href: "/docs/guides/nextjs-one-endpoint",
             className: "btn-primary",
             children: [
               "Next: Add your first endpoint ",
-              /* @__PURE__ */ jsxDEV2(ChevronRight, {
+              /* @__PURE__ */ jsx2(ChevronRight, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2(Link2, {
+          }),
+          /* @__PURE__ */ jsx2(Link2, {
             href: "/docs/guides",
             className: "btn-ghost",
             children: "Back to guides"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   GuideContractTypesPage