@contractspec/bundle.library 3.4.3 → 3.5.2

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

@@ -1,30 +1,30 @@
 // 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/GuideImportExistingCodebasesPage.tsx
@@ -37,7 +37,7 @@ import {
   Settings,
   AlertCircle
 } from "lucide-react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var supportedFrameworks = [
   {
     name: "NestJS",
@@ -76,134 +76,134 @@ var supportedFrameworks = [
   }
 ];
 function GuideImportExistingCodebasesPage() {
-  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: "Import Existing Codebases"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
+          }),
+          /* @__PURE__ */ jsx2("p", {
             className: "text-muted-foreground text-lg",
             children: "Convert your existing API endpoints into ContractSpec contracts. Auto-detect frameworks, extract schemas, and generate spec-first definitions from your code."
-          }, 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: "What you'll learn"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("ul", {
+          }),
+          /* @__PURE__ */ jsxs2("ul", {
             className: "text-muted-foreground space-y-2 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV2("li", {
+              /* @__PURE__ */ jsx2("li", {
                 children: "How to import existing API endpoints as ContractSpec contracts."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Framework-specific patterns and auto-detection."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Customizing imports with scopes, dry-run, and output options."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("li", {
+              }),
+              /* @__PURE__ */ jsx2("li", {
                 children: "Registering imported contracts and adding handlers."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, 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: "Why import existing code?"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Instead of writing contracts from scratch, the import command extracts endpoint patterns from your existing codebase. This gives you:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("ul", {
+              }),
+              /* @__PURE__ */ jsxs2("ul", {
                 className: "text-muted-foreground list-disc space-y-1 pl-5 text-sm",
                 children: [
-                  /* @__PURE__ */ jsxDEV2("li", {
+                  /* @__PURE__ */ jsx2("li", {
                     children: "Instant spec coverage for existing APIs"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("li", {
+                  }),
+                  /* @__PURE__ */ jsx2("li", {
                     children: "Type-safe schemas derived from your existing types"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("li", {
+                  }),
+                  /* @__PURE__ */ jsx2("li", {
                     children: "A foundation to iterate and refine contracts"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("li", {
+                  }),
+                  /* @__PURE__ */ jsx2("li", {
                     children: "Gradual adoption without rewriting code"
-                  }, undefined, false, 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: "Supported frameworks"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
+              }),
+              /* @__PURE__ */ jsx2("div", {
                 className: "grid gap-3 md:grid-cols-2 lg:grid-cols-3",
-                children: supportedFrameworks.map((fw) => /* @__PURE__ */ jsxDEV2("div", {
+                children: supportedFrameworks.map((fw) => /* @__PURE__ */ jsxs2("div", {
                   className: "flex items-start gap-3 rounded-lg border border-white/10 p-4",
                   children: [
-                    /* @__PURE__ */ jsxDEV2(FileCode, {
+                    /* @__PURE__ */ jsx2(FileCode, {
                       className: "text-violet-400",
                       size: 18
-                    }, 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: fw.name
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV2("p", {
+                        }),
+                        /* @__PURE__ */ jsx2("p", {
                           className: "text-muted-foreground text-xs",
                           children: fw.description
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV2("code", {
+                        }),
+                        /* @__PURE__ */ jsxs2("code", {
                           className: "text-xs text-violet-400",
                           children: [
                             "--framework ",
                             fw.flag
                           ]
-                        }, undefined, true, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
+                    })
                   ]
-                }, fw.flag, true, undefined, this))
-              }, undefined, false, undefined, this)
+                }, fw.flag))
+              })
             ]
-          }, 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: "1) Quick start"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Run the import command to auto-detect your framework and extract endpoints:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "bash",
                 filename: "import-quickstart",
                 code: `# Auto-detect framework and import all endpoints
@@ -214,40 +214,40 @@ contractspec import ./src --dry-run
 
 # Force a specific framework
 contractspec import ./src --framework nestjs`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "Expected output: A summary of endpoints found, schemas extracted, and files generated."
-              }, 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) Framework-specific patterns"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "The import command recognizes these patterns in each framework:"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h3", {
+              /* @__PURE__ */ jsxs2("h3", {
                 className: "flex items-center gap-2 text-xl font-semibold",
                 children: [
-                  /* @__PURE__ */ jsxDEV2(Scan, {
+                  /* @__PURE__ */ jsx2(Scan, {
                     size: 18,
                     className: "text-blue-400"
-                  }, undefined, false, undefined, this),
+                  }),
                   "NestJS"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: "src/users/users.controller.ts (before)",
                 code: `@Controller('users')
@@ -263,55 +263,55 @@ export class UsersController {
     return this.usersService.create(dto);
   }
 }`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsxs2("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Detected: ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "@Controller"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "@Get"
-                  }, undefined, false, undefined, this),
+                  }),
                   ",",
                   " ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "@Post"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "@Body"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "@Param"
-                  }, undefined, false, undefined, this),
+                  }),
                   ",",
                   " ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "@UseGuards"
-                  }, undefined, false, undefined, this),
+                  }),
                   " decorators."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h3", {
+              /* @__PURE__ */ jsxs2("h3", {
                 className: "flex items-center gap-2 text-xl font-semibold",
                 children: [
-                  /* @__PURE__ */ jsxDEV2(Scan, {
+                  /* @__PURE__ */ jsx2(Scan, {
                     size: 18,
                     className: "text-green-400"
-                  }, undefined, false, undefined, this),
+                  }),
                   "Express"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: "src/routes/users.ts (before)",
                 code: `const router = express.Router();
@@ -325,37 +325,37 @@ router.post('/users', validateBody(CreateUserSchema), async (req, res) => {
   const user = await createUser(req.body);
   res.status(201).json(user);
 });`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsxs2("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Detected: ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "router.get"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "router.post"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", validation middleware, Zod schemas."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV2("h3", {
+              /* @__PURE__ */ jsxs2("h3", {
                 className: "flex items-center gap-2 text-xl font-semibold",
                 children: [
-                  /* @__PURE__ */ jsxDEV2(Scan, {
+                  /* @__PURE__ */ jsx2(Scan, {
                     size: 18,
                     className: "text-purple-400"
-                  }, undefined, false, undefined, this),
+                  }),
                   "Next.js API Routes"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: "app/api/users/[id]/route.ts (before)",
                 code: `export async function GET(
@@ -371,44 +371,44 @@ export async function POST(request: Request) {
   const user = await createUser(body);
   return Response.json(user, { status: 201 });
 }`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsxs2("p", {
                 className: "text-muted-foreground text-sm",
                 children: [
                   "Detected: ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "GET"
-                  }, undefined, false, undefined, this),
+                  }),
                   ", ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "POST"
-                  }, undefined, false, undefined, this),
+                  }),
                   " exports in",
                   " ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "app/api/**/route.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   " and ",
-                  /* @__PURE__ */ jsxDEV2("code", {
+                  /* @__PURE__ */ jsx2("code", {
                     children: "pages/api/**/*.ts"
-                  }, undefined, false, 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: "3) Understanding generated contracts"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "The import command generates ContractSpec operations with TODO placeholders for fields it cannot infer:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: ".contractspec/generated/users.operation.ts",
                 code: `import { defineQuery, defineCommand } from "@contractspec/lib.contracts-spec";
@@ -472,187 +472,187 @@ export const CreateUserCommand = defineCommand({
     rest: { method: "POST", path: "/users" },
   },
 });`
-              }, 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) Customizing imports"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
+              }),
+              /* @__PURE__ */ jsxs2("div", {
                 className: "flex items-center gap-2",
                 children: [
-                  /* @__PURE__ */ jsxDEV2(Settings, {
+                  /* @__PURE__ */ jsx2(Settings, {
                     size: 18,
                     className: "text-violet-400"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("h3", {
+                  }),
+                  /* @__PURE__ */ jsx2("h3", {
                     className: "text-lg font-semibold",
                     children: "Available options"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
+              }),
+              /* @__PURE__ */ jsx2("div", {
                 className: "overflow-x-auto",
-                children: /* @__PURE__ */ jsxDEV2("table", {
+                children: /* @__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 pr-4 text-left",
                             children: "Option"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("th", {
+                          }),
+                          /* @__PURE__ */ jsx2("th", {
                             className: "py-2 pr-4 text-left",
                             children: "Description"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("th", {
+                          }),
+                          /* @__PURE__ */ jsx2("th", {
                             className: "py-2 text-left",
                             children: "Example"
-                          }, 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 pr-4",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--scope"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2 pr-4",
                               children: "Limit to specific directories"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--scope src/users src/auth"
-                              }, 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 pr-4",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--framework"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2 pr-4",
                               children: "Force a specific framework"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--framework express"
-                              }, 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 pr-4",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--output"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2 pr-4",
                               children: "Output directory"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--output ./contracts"
-                              }, 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 pr-4",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--dry-run"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2 pr-4",
                               children: "Preview without writing files"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--dry-run"
-                              }, 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 pr-4",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--analyze"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2 pr-4",
                               children: "Analysis only, no code generation"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--analyze"
-                              }, 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 pr-4",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--json"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                              })
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2 pr-4",
                               children: "Output as JSON for scripting"
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV2("td", {
+                            }),
+                            /* @__PURE__ */ jsx2("td", {
                               className: "py-2",
-                              children: /* @__PURE__ */ jsxDEV2("code", {
+                              children: /* @__PURE__ */ jsx2("code", {
                                 children: "--json"
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this)
+                              })
+                            })
                           ]
-                        }, undefined, true, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+                })
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "bash",
                 filename: "import-options",
                 code: `# Import only specific modules
@@ -666,21 +666,21 @@ contractspec import ./src --output ./src/contracts/generated
 
 # Get JSON for CI/scripting
 contractspec import ./src --json > import-result.json`
-              }, 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) Registering imported contracts"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
+              }),
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-muted-foreground text-sm",
                 children: "After import, register contracts and add handlers:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx2(CodeBlock, {
                 language: "typescript",
                 filename: "src/contracts/registry.ts",
                 code: `import {
@@ -704,174 +704,174 @@ installOp(registry, CreateUserCommand, async (input) => {
   const user = await db.user.create({ data: input });
   return { id: user.id };
 });`
-              }, 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: "6) After importing"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("ol", {
+              }),
+              /* @__PURE__ */ jsxs2("ol", {
                 className: "text-muted-foreground list-decimal space-y-2 pl-5 text-sm",
                 children: [
-                  /* @__PURE__ */ jsxDEV2("li", {
+                  /* @__PURE__ */ jsxs2("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV2("strong", {
+                      /* @__PURE__ */ jsx2("strong", {
                         children: "Review generated contracts"
-                      }, undefined, false, undefined, this),
+                      }),
                       " — Check the TODO placeholders and fill in descriptions, owners, and tags."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("li", {
+                  }),
+                  /* @__PURE__ */ jsxs2("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV2("strong", {
+                      /* @__PURE__ */ jsx2("strong", {
                         children: "Refine schemas"
-                      }, undefined, false, undefined, this),
+                      }),
                       " — Add proper types, validation rules, and error definitions."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("li", {
+                  }),
+                  /* @__PURE__ */ jsxs2("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV2("strong", {
+                      /* @__PURE__ */ jsx2("strong", {
                         children: "Run validation"
-                      }, undefined, false, undefined, this),
+                      }),
                       " —",
                       " ",
-                      /* @__PURE__ */ jsxDEV2("code", {
+                      /* @__PURE__ */ jsx2("code", {
                         children: "contractspec validate"
-                      }, undefined, false, undefined, this),
+                      }),
                       " to ensure contracts are valid."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("li", {
+                  }),
+                  /* @__PURE__ */ jsxs2("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV2("strong", {
+                      /* @__PURE__ */ jsx2("strong", {
                         children: "Register and wire handlers"
-                      }, undefined, false, undefined, this),
+                      }),
                       " — Connect contracts to your existing business logic."
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("li", {
+                  }),
+                  /* @__PURE__ */ jsxs2("li", {
                     children: [
-                      /* @__PURE__ */ jsxDEV2("strong", {
+                      /* @__PURE__ */ jsx2("strong", {
                         children: "Iterate"
-                      }, undefined, false, undefined, this),
+                      }),
                       " — The imported contracts are a starting point. Refine them as your spec matures."
                     ]
-                  }, 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__ */ jsxs2("h2", {
                 className: "flex items-center gap-2 text-2xl font-bold",
                 children: [
-                  /* @__PURE__ */ jsxDEV2(AlertCircle, {
+                  /* @__PURE__ */ jsx2(AlertCircle, {
                     size: 20,
                     className: "text-yellow-400"
-                  }, undefined, false, undefined, this),
+                  }),
                   "Troubleshooting"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
+              }),
+              /* @__PURE__ */ jsxs2("div", {
                 className: "space-y-4",
                 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: "Framework not detected"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsxs2("p", {
                         className: "text-muted-foreground text-sm",
                         children: [
                           "Use ",
-                          /* @__PURE__ */ jsxDEV2("code", {
+                          /* @__PURE__ */ jsx2("code", {
                             children: "--framework <name>"
-                          }, undefined, false, undefined, this),
+                          }),
                           " to force a specific framework. Check that your entry files follow standard patterns."
                         ]
-                      }, undefined, true, 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: "Missing schemas"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsxs2("p", {
                         className: "text-muted-foreground text-sm",
                         children: [
                           "Schema inference works best with explicit types. If using",
                           " ",
-                          /* @__PURE__ */ jsxDEV2("code", {
+                          /* @__PURE__ */ jsx2("code", {
                             children: "any"
-                          }, undefined, false, undefined, this),
+                          }),
                           " or dynamic types, you'll see TODO placeholders. Fill them in manually."
                         ]
-                      }, undefined, true, 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: "Partial imports"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
+                      }),
+                      /* @__PURE__ */ jsxs2("p", {
                         className: "text-muted-foreground text-sm",
                         children: [
                           "Some endpoints may not be detected if they use unconventional patterns. Use ",
-                          /* @__PURE__ */ jsxDEV2("code", {
+                          /* @__PURE__ */ jsx2("code", {
                             children: "--analyze"
-                          }, undefined, false, undefined, this),
+                          }),
                           " to see what was found, then add missing contracts manually."
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2(StudioPrompt, {
+          }),
+          /* @__PURE__ */ jsx2(StudioPrompt, {
             title: "Want evidence-driven migration priorities?",
             body: "Studio clusters product signals into scored patterns, then proposes spec-first change cards for the highest-impact areas."
-          }, 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/spec-validation-and-typing",
             className: "btn-primary",
             children: [
               "Next: Spec validation + typing ",
-              /* @__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 {
   GuideImportExistingCodebasesPage