@contractspec/bundle.library 3.4.3 → 3.5.0

package/dist/components/docs/comparison/ComparisonOverviewPage.js

@@ -1,202 +1,202 @@
 // @bun
 // src/components/docs/comparison/ComparisonOverviewPage.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function ComparisonOverviewPage() {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h1", {
+          /* @__PURE__ */ jsx("h1", {
             className: "text-4xl font-bold",
             children: "Comparison overview"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "ContractSpec sits at the intersection of several tool categories. To appreciate its unique offering\u2014typed specifications for back-end, front-end, workflows and policies with a unified web/mobile runtime\u2014this section compares it to related products."
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground",
             children: [
               "ContractSpec uses ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "runtime adapters"
-              }, undefined, false, undefined, this),
+              }),
               " to serve typed",
               " ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "Operations"
-              }, undefined, false, undefined, this),
+              }),
               " (Commands/Queries),",
               " ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "DataViews"
-              }, undefined, false, undefined, this),
+              }),
               ", ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "Workflows"
-              }, undefined, false, undefined, this),
+              }),
               ", and",
               " ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "Policies"
-              }, undefined, false, undefined, this),
+              }),
               " as REST/GraphQL/MCP endpoints. A",
               " ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "policy decision point"
-              }, undefined, false, undefined, this),
+              }),
               " governs every operation, and",
               " ",
-              /* @__PURE__ */ jsxDEV("strong", {
+              /* @__PURE__ */ jsx("strong", {
                 children: "OverlaySpecs"
-              }, undefined, false, undefined, this),
+              }),
               " allow non-technical users to personalise screens safely. Few competitors offer this combination of runtime type safety, policy enforcement, and end-user customisation."
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Tool categories"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsx("div", {
             className: "border-border/50 overflow-x-auto rounded-lg border",
-            children: /* @__PURE__ */ jsxDEV("table", {
+            children: /* @__PURE__ */ jsxs("table", {
               className: "w-full text-left text-sm",
               children: [
-                /* @__PURE__ */ jsxDEV("thead", {
+                /* @__PURE__ */ jsx("thead", {
                   className: "bg-card/50",
-                  children: /* @__PURE__ */ jsxDEV("tr", {
+                  children: /* @__PURE__ */ jsxs("tr", {
                     className: "border-border/50 border-b",
                     children: [
-                      /* @__PURE__ */ jsxDEV("th", {
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Category"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("th", {
+                      }),
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Examples"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("th", {
+                      }),
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "What they do"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("th", {
+                      }),
+                      /* @__PURE__ */ jsx("th", {
                         className: "px-4 py-3 font-semibold",
                         children: "Limitations"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV("tbody", {
+                  })
+                }),
+                /* @__PURE__ */ jsxs("tbody", {
                   className: "divide-border/50 divide-y",
                   children: [
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV("strong", {
+                          children: /* @__PURE__ */ jsx("strong", {
                             children: "Workflow engines"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Prefect, Kestra, Temporal, Airflow, Dagster, Hatchet, Windmill"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Orchestrate code or data pipelines; handle retries, scheduling and observability"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Require writing code; no automatic UI generation or policy enforcement."
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV("strong", {
+                          children: /* @__PURE__ */ jsx("strong", {
                             children: "Internal-tool builders"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Retool, Appsmith, ToolJet, Budibase"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Drag-and-drop dashboards and admin panels; connect to databases/APIs"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "No typed back-end spec; limited enforcement of policies; custom code glues logic."
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV("strong", {
+                          children: /* @__PURE__ */ jsx("strong", {
                             children: "Automation platforms"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Zapier, Make, n8n, Pipedream"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Connect apps via triggers and actions; visual or low-code interfaces"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Automate tasks but do not generate full apps or enforce per-field policies."
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV("tr", {
+                    }),
+                    /* @__PURE__ */ jsxs("tr", {
                       children: [
-                        /* @__PURE__ */ jsxDEV("td", {
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
-                          children: /* @__PURE__ */ jsxDEV("strong", {
+                          children: /* @__PURE__ */ jsx("strong", {
                             children: "Enterprise orchestrators"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                          })
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Redwood RunMyJobs"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Automate mission-critical workloads with self-service portals and SAP integrations"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV("td", {
+                        }),
+                        /* @__PURE__ */ jsx("td", {
                           className: "px-4 py-3 align-top",
                           children: "Focus on IT workloads; not built for custom app creation or per-user customisation."
-                        }, undefined, false, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+            })
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "Use the pages below to explore each group in detail and see how ContractSpec compares."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   ComparisonOverviewPage