@contractspec/bundle.library 3.4.3 → 3.5.0

package/dist/node/presentation/features/templates/FeatureOperationDetailTemplate/FeatureOperationDetailTemplate.js

@@ -36,7 +36,7 @@ import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
 import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { Code, Database, Zap } from "lucide-react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 function FeatureOperationDetailTemplate({
   feature,
@@ -48,14 +48,14 @@ function FeatureOperationDetailTemplate({
   const opRef = operation ?? feature.operations?.find((op) => op.key === operationKey);
   const _relatedDocs = useRelatedDocs(opRef?.key || "", spec?.meta?.tags);
   if (!opRef) {
-    return /* @__PURE__ */ jsxDEV(VStack, {
+    return /* @__PURE__ */ jsxs(VStack, {
       gap: "lg",
       className: cn("mx-auto w-full max-w-5xl p-6", className),
       children: [
-        /* @__PURE__ */ jsxDEV(PageHeaderResponsive, {
+        /* @__PURE__ */ jsx(PageHeaderResponsive, {
           title: "Operation Not Found",
           subtitle: `Operation ${operationKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsxDEV(Breadcrumbs, {
+          breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, {
             items: [
               { label: "Features", href: "/features" },
               {
@@ -64,26 +64,26 @@ function FeatureOperationDetailTemplate({
               },
               { label: "Operations" }
             ]
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV(EmptyState, {
+          })
+        }),
+        /* @__PURE__ */ jsx(EmptyState, {
           title: "Operation not found",
           description: `The operation '${operationKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsxDEV(Zap, {
+          icon: /* @__PURE__ */ jsx(Zap, {
             className: "text-muted-foreground h-12 w-12"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV(VStack, {
+  return /* @__PURE__ */ jsxs(VStack, {
     gap: "lg",
     className: cn("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV(PageHeaderResponsive, {
+      /* @__PURE__ */ jsx(PageHeaderResponsive, {
         title: opRef.key,
         subtitle: `Operation defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV(Breadcrumbs, {
+        breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -96,206 +96,206 @@ function FeatureOperationDetailTemplate({
             },
             { label: opRef.key }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(HStack, {
+        })
+      }),
+      /* @__PURE__ */ jsxs(HStack, {
         gap: "sm",
         children: [
-          /* @__PURE__ */ jsxDEV(StatusChip, {
+          /* @__PURE__ */ jsx(StatusChip, {
             tone: "neutral",
             label: opRef.key,
             size: "sm",
-            icon: /* @__PURE__ */ jsxDEV(Zap, {
+            icon: /* @__PURE__ */ jsx(Zap, {
               className: "h-3 w-3"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(StatusChip, {
+            })
+          }),
+          /* @__PURE__ */ jsx(StatusChip, {
             tone: "neutral",
             label: `v${opRef.version}`,
             size: "sm"
-          }, undefined, false, undefined, this),
-          spec?.meta?.stability ? /* @__PURE__ */ jsxDEV(StatusChip, {
+          }),
+          spec?.meta?.stability ? /* @__PURE__ */ jsx(StatusChip, {
             tone: spec.meta.stability === "stable" ? "success" : "warning",
             label: spec.meta.stability,
             size: "sm"
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
         children: [
-          /* @__PURE__ */ jsxDEV("div", {
+          /* @__PURE__ */ jsx("div", {
             className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsxDEV(Card, {
+            children: /* @__PURE__ */ jsx(Card, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV(VStack, {
+              children: /* @__PURE__ */ jsxs(VStack, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV(HStack, {
+                  /* @__PURE__ */ jsxs(HStack, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV(Code, {
+                      /* @__PURE__ */ jsx(Code, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("h3", {
+                      }),
+                      /* @__PURE__ */ jsx("h3", {
                         className: "text-lg font-semibold",
                         children: "Schema Definition"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  spec ? /* @__PURE__ */ jsxDEV(VStack, {
+                  }),
+                  spec ? /* @__PURE__ */ jsxs(VStack, {
                     gap: "lg",
                     children: [
-                      spec.meta.description && /* @__PURE__ */ jsxDEV("p", {
+                      spec.meta.description && /* @__PURE__ */ jsx("p", {
                         className: "text-muted-foreground",
                         children: spec.meta.description
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV(Box, {
+                      }),
+                      /* @__PURE__ */ jsxs(Box, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV("span", {
+                          /* @__PURE__ */ jsx("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "Input Schema"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV(CodeBlock, {
+                          }),
+                          /* @__PURE__ */ jsx(CodeBlock, {
                             className: "w-full",
                             code: JSON.stringify(spec.io.input, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV(Box, {
+                      }),
+                      /* @__PURE__ */ jsxs(Box, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV("span", {
+                          /* @__PURE__ */ jsx("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "Output Schema"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV(CodeBlock, {
+                          }),
+                          /* @__PURE__ */ jsx(CodeBlock, {
                             className: "w-full",
                             code: JSON.stringify(spec.io.output, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV(VStack, {
+                  }) : /* @__PURE__ */ jsxs(VStack, {
                     gap: "md",
                     children: [
-                      /* @__PURE__ */ jsxDEV("p", {
+                      /* @__PURE__ */ jsx("p", {
                         className: "text-muted-foreground",
                         children: "Full schema details are not available for this operation reference."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV(CodeBlock, {
+                      }),
+                      /* @__PURE__ */ jsx(CodeBlock, {
                         code: JSON.stringify(opRef, null, 2),
                         language: "json"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx("div", {
             className: "space-y-6",
-            children: /* @__PURE__ */ jsxDEV(Card, {
+            children: /* @__PURE__ */ jsx(Card, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV(VStack, {
+              children: /* @__PURE__ */ jsxs(VStack, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV(HStack, {
+                  /* @__PURE__ */ jsxs(HStack, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV(Database, {
+                      /* @__PURE__ */ jsx(Database, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("h3", {
+                      }),
+                      /* @__PURE__ */ jsx("h3", {
                         className: "text-lg font-semibold",
                         children: "Metadata"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV("dl", {
+                  }),
+                  /* @__PURE__ */ jsxs("dl", {
                     className: "grid grid-cols-1 gap-4 text-sm",
                     children: [
-                      /* @__PURE__ */ jsxDEV("div", {
+                      /* @__PURE__ */ jsxs("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("dt", {
+                          /* @__PURE__ */ jsx("dt", {
                             className: "text-muted-foreground",
                             children: "Key"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("dd", {
+                          }),
+                          /* @__PURE__ */ jsx("dd", {
                             className: "truncate font-medium",
                             children: opRef.key
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV("div", {
+                      }),
+                      /* @__PURE__ */ jsxs("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("dt", {
+                          /* @__PURE__ */ jsx("dt", {
                             className: "text-muted-foreground",
                             children: "Version"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("dd", {
+                          }),
+                          /* @__PURE__ */ jsx("dd", {
                             className: "font-medium",
                             children: opRef.version
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.context && /* @__PURE__ */ jsxDEV("div", {
+                      }),
+                      spec?.meta?.context && /* @__PURE__ */ jsxs("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("dt", {
+                          /* @__PURE__ */ jsx("dt", {
                             className: "text-muted-foreground",
                             children: "Context"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("dd", {
+                          }),
+                          /* @__PURE__ */ jsx("dd", {
                             className: "font-medium",
                             children: spec.meta.context
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxDEV("div", {
+                      }),
+                      spec?.meta?.owners && /* @__PURE__ */ jsxs("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("dt", {
+                          /* @__PURE__ */ jsx("dt", {
                             className: "text-muted-foreground",
                             children: "Owners"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("dd", {
+                          }),
+                          /* @__PURE__ */ jsx("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsxDEV(StatusChip, {
+                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx(StatusChip, {
                               label: o,
                               size: "sm",
                               tone: "neutral"
-                            }, o, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, o))
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.tags && /* @__PURE__ */ jsxDEV("div", {
+                      }),
+                      spec?.meta?.tags && /* @__PURE__ */ jsxs("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV("dt", {
+                          /* @__PURE__ */ jsx("dt", {
                             className: "text-muted-foreground",
                             children: "Tags"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("dd", {
+                          }),
+                          /* @__PURE__ */ jsx("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsxDEV(StatusChip, {
+                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsx(StatusChip, {
                               label: `#${t}`,
                               size: "sm",
                               tone: "neutral"
-                            }, t, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, t))
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+              })
+            })
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   FeatureOperationDetailTemplate