@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/components/docs/getting-started/DeveloperToolsPage.js

@@ -3,7 +3,7 @@
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight, Code2, Cpu, Layers, Terminal } from "lucide-react";
 import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function DeveloperToolsPage() {
   const tools = [
     {
@@ -55,140 +55,140 @@ function DeveloperToolsPage() {
       ]
     }
   ];
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-2",
         children: [
-          /* @__PURE__ */ jsxDEV("h1", {
+          /* @__PURE__ */ jsx("h1", {
             className: "text-4xl font-bold",
             children: "Developer Tools"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground text-lg",
             children: "ContractSpec provides a suite of tools to help you build, validate, and manage your specifications across different environments."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsx("div", {
         className: "grid gap-6 md:grid-cols-2",
         children: tools.map((tool) => {
           const IconComponent = tool.icon;
           const isComingSoon = tool.status === "coming-soon";
-          return /* @__PURE__ */ jsxDEV("div", {
+          return /* @__PURE__ */ jsxs("div", {
             className: `card-subtle relative space-y-4 p-6 ${isComingSoon ? "opacity-75" : ""}`,
             children: [
-              isComingSoon && /* @__PURE__ */ jsxDEV("span", {
+              isComingSoon && /* @__PURE__ */ jsx("span", {
                 className: "absolute -top-2 right-4 rounded-full bg-violet-500/20 px-2 py-0.5 text-xs font-medium text-violet-400",
                 children: "Coming Soon"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "flex items-center gap-3",
                 children: [
-                  /* @__PURE__ */ jsxDEV("div", {
+                  /* @__PURE__ */ jsx("div", {
                     className: "flex h-10 w-10 items-center justify-center rounded-lg bg-violet-500/10",
-                    children: /* @__PURE__ */ jsxDEV(IconComponent, {
+                    children: /* @__PURE__ */ jsx(IconComponent, {
                       className: "h-5 w-5 text-violet-400"
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("h3", {
+                    })
+                  }),
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-lg font-bold",
                     children: tool.name
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
+              }),
+              /* @__PURE__ */ jsx("p", {
                 className: "text-muted-foreground text-sm",
                 children: tool.description
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("ul", {
+              }),
+              /* @__PURE__ */ jsx("ul", {
                 className: "space-y-1",
-                children: tool.highlights.map((highlight) => /* @__PURE__ */ jsxDEV("li", {
+                children: tool.highlights.map((highlight) => /* @__PURE__ */ jsxs("li", {
                   className: "text-muted-foreground flex items-center gap-2 text-sm",
                   children: [
-                    /* @__PURE__ */ jsxDEV("span", {
+                    /* @__PURE__ */ jsx("span", {
                       className: "text-violet-400",
                       children: "-"
-                    }, undefined, false, undefined, this),
+                    }),
                     highlight
                   ]
-                }, highlight, true, undefined, this))
-              }, undefined, false, undefined, this),
-              !isComingSoon && /* @__PURE__ */ jsxDEV(Link, {
+                }, highlight))
+              }),
+              !isComingSoon && /* @__PURE__ */ jsxs(Link, {
                 href: tool.href,
                 className: "btn-ghost inline-flex items-center gap-1 text-sm",
                 children: [
                   "Learn more ",
-                  /* @__PURE__ */ jsxDEV(ChevronRight, {
+                  /* @__PURE__ */ jsx(ChevronRight, {
                     size: 14
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, tool.name, true, undefined, this);
+          }, tool.name);
         })
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "card-subtle space-y-4 p-6",
         children: [
-          /* @__PURE__ */ jsxDEV("h3", {
+          /* @__PURE__ */ jsx("h3", {
             className: "font-bold",
             children: "Quick Install"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV("div", {
+              /* @__PURE__ */ jsxs("div", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("p", {
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground mb-2 text-xs font-medium",
                     children: "CLI"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(InstallCommand, {
+                  }),
+                  /* @__PURE__ */ jsx(InstallCommand, {
                     package: "contractspec",
                     dev: true
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("p", {
+                  /* @__PURE__ */ jsx("p", {
                     className: "text-muted-foreground mb-2 text-xs font-medium",
                     children: "VS Code Extension"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(CodeBlock, {
+                  }),
+                  /* @__PURE__ */ jsx(CodeBlock, {
                     language: "bash",
                     code: "code --install-extension lssm.vscode-contractspec"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV(Link, {
+          /* @__PURE__ */ jsxs(Link, {
             href: "/docs/getting-started/tools/cli",
             className: "btn-primary",
             children: [
               "Get Started with CLI ",
-              /* @__PURE__ */ jsxDEV(ChevronRight, {
+              /* @__PURE__ */ jsx(ChevronRight, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(Link, {
+          }),
+          /* @__PURE__ */ jsx(Link, {
             href: "/docs/getting-started/tools/vscode",
             className: "btn-ghost",
             children: "VS Code Extension"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   DeveloperToolsPage

package/dist/components/docs/getting-started/HelloWorldPage.js

@@ -3,58 +3,58 @@
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
 import { CodeBlock } from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function HelloWorldPage() {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-2",
         children: [
-          /* @__PURE__ */ jsxDEV("h1", {
+          /* @__PURE__ */ jsx("h1", {
             className: "text-4xl font-bold",
             children: "Your First Operation"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground text-lg",
             children: "Build a payment capture operation with policy enforcement in under 10 minutes."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-6",
         children: [
-          /* @__PURE__ */ jsxDEV("div", {
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV("h2", {
+              /* @__PURE__ */ jsx("h2", {
                 className: "text-2xl font-bold",
                 children: "What you'll build"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
+              }),
+              /* @__PURE__ */ jsx("p", {
                 className: "text-muted-foreground",
                 children: "A real-world payment processing operation that validates input, enforces business rules, integrates with Stripe, and audits every transaction. This is production-ready code, not a toy example."
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV("h2", {
+              /* @__PURE__ */ jsx("h2", {
                 className: "text-2xl font-bold",
                 children: "1. Define the operation spec"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
+              }),
+              /* @__PURE__ */ jsxs("p", {
                 className: "text-muted-foreground",
                 children: [
                   "Create ",
-                  /* @__PURE__ */ jsxDEV("code", {
+                  /* @__PURE__ */ jsx("code", {
                     children: "lib/specs/billing/capture-payment.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   ":"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx(CodeBlock, {
                 language: "typescript",
                 filename: "lib/specs/billing/capture-payment.ts",
                 code: `import { defineCommand } from '@contractspec/lib.contracts-spec';
@@ -101,27 +101,27 @@ export const CapturePayment = defineCommand({
     ],
   },
 });`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV("h2", {
+              /* @__PURE__ */ jsx("h2", {
                 className: "text-2xl font-bold",
                 children: "2. Implement the handler"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
+              }),
+              /* @__PURE__ */ jsxs("p", {
                 className: "text-muted-foreground",
                 children: [
                   "Create ",
-                  /* @__PURE__ */ jsxDEV("code", {
+                  /* @__PURE__ */ jsx("code", {
                     children: "lib/handlers/billing/capture-payment.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   ":"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx(CodeBlock, {
                 language: "typescript",
                 filename: "lib/handlers/billing/capture-payment.ts",
                 code: `import { CapturePayment } from '@/lib/specs/billing/capture-payment';
@@ -162,32 +162,32 @@ export async function handleCapturePayment(input, ctx) {
     receiptUrl: paymentIntent.charges.data[0]?.receipt_url,
   };
 }`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-3",
             children: [
-              /* @__PURE__ */ jsxDEV("h2", {
+              /* @__PURE__ */ jsx("h2", {
                 className: "text-2xl font-bold",
                 children: "3. Register and serve"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
+              }),
+              /* @__PURE__ */ jsxs("p", {
                 className: "text-muted-foreground",
                 children: [
                   "Wire it up in ",
-                  /* @__PURE__ */ jsxDEV("code", {
+                  /* @__PURE__ */ jsx("code", {
                     children: "lib/registry.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   " and",
                   " ",
-                  /* @__PURE__ */ jsxDEV("code", {
+                  /* @__PURE__ */ jsx("code", {
                     children: "app/api/ops/[...route]/route.ts"
-                  }, undefined, false, undefined, this),
+                  }),
                   ":"
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx(CodeBlock, {
                 language: "typescript",
                 filename: "lib/registry.ts",
                 code: `import { OperationSpecRegistry, installOp } from '@contractspec/lib.contracts-spec';
@@ -196,8 +196,8 @@ import { handleCapturePayment } from './handlers/billing/capture-payment';
 
 export const registry = new OperationSpecRegistry();
 installOp(registry, CapturePayment, handleCapturePayment);`
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV(CodeBlock, {
+              }),
+              /* @__PURE__ */ jsx(CodeBlock, {
                 language: "typescript",
                 filename: "app/api/ops/[...route]/route.ts",
                 code: `import { makeNextAppHandler } from '@contractspec/lib.contracts-runtime-server-rest/rest-next-app';
@@ -210,64 +210,64 @@ const handler = makeNextAppHandler(registry, async (req) => {
 });
 
 export { handler as GET, handler as POST };`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "card-subtle space-y-4 p-6",
             children: [
-              /* @__PURE__ */ jsxDEV("h3", {
+              /* @__PURE__ */ jsx("h3", {
                 className: "font-bold",
                 children: "What you just built:"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("ul", {
+              }),
+              /* @__PURE__ */ jsxs("ul", {
                 className: "text-muted-foreground space-y-2 text-sm",
                 children: [
-                  /* @__PURE__ */ jsxDEV("li", {
+                  /* @__PURE__ */ jsxs("li", {
                     children: [
                       "Type-safe API endpoint at",
                       " ",
-                      /* @__PURE__ */ jsxDEV("code", {
+                      /* @__PURE__ */ jsx("code", {
                         children: "/api/ops/billing.capturePayment"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV("li", {
+                  }),
+                  /* @__PURE__ */ jsx("li", {
                     children: "Automatic input validation (amount must be positive, IDs required)"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("li", {
+                  }),
+                  /* @__PURE__ */ jsx("li", {
                     children: "Policy enforcement\u2014only invoice owner can pay"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("li", {
+                  }),
+                  /* @__PURE__ */ jsx("li", {
                     children: "Stripe integration with error handling"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("li", {
+                  }),
+                  /* @__PURE__ */ jsx("li", {
                     children: "Database transaction with audit trail"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("li", {
+                  }),
+                  /* @__PURE__ */ jsx("li", {
                     children: "Same spec works with GraphQL, MCP, or webhooks"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsx("div", {
             className: "flex items-center gap-4 pt-4",
-            children: /* @__PURE__ */ jsxDEV(Link, {
+            children: /* @__PURE__ */ jsxs(Link, {
               href: "/docs/getting-started/dataviews",
               className: "btn-primary",
               children: [
                 "Next: Display Data with DataViews ",
-                /* @__PURE__ */ jsxDEV(ChevronRight, {
+                /* @__PURE__ */ jsx(ChevronRight, {
                   size: 16
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   HelloWorldPage