@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/presentation/features/templates/FeatureFormDetailTemplate/FeatureFormDetailTemplate.js

@@ -38,7 +38,7 @@ import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { BookOpen, Code, Database, PenTool } from "lucide-react";
 import Link from "next/link";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 function FeatureFormDetailTemplate({
   feature,
@@ -50,14 +50,14 @@ function FeatureFormDetailTemplate({
   const formRef = form ?? feature.forms?.find((f) => f.key === formKey);
   const relatedDocs = useRelatedDocs(formRef?.key || "", spec?.meta?.tags);
   if (!formRef) {
-    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: "Form Not Found",
           subtitle: `Form ${formKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsxDEV(Breadcrumbs, {
+          breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, {
             items: [
               { label: "Features", href: "/features" },
               {
@@ -66,26 +66,26 @@ function FeatureFormDetailTemplate({
               },
               { label: "Forms" }
             ]
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV(EmptyState, {
+          })
+        }),
+        /* @__PURE__ */ jsx(EmptyState, {
           title: "Form not found",
           description: `The form '${formKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsxDEV(PenTool, {
+          icon: /* @__PURE__ */ jsx(PenTool, {
             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: formRef.key,
         subtitle: `Form defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV(Breadcrumbs, {
+        breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -95,235 +95,235 @@ function FeatureFormDetailTemplate({
             { label: "Forms", href: `/features/${feature.meta.key}#forms` },
             { label: formRef.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: formRef.key,
             size: "sm",
-            icon: /* @__PURE__ */ jsxDEV(PenTool, {
+            icon: /* @__PURE__ */ jsx(PenTool, {
               className: "h-3 w-3"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(StatusChip, {
+            })
+          }),
+          /* @__PURE__ */ jsx(StatusChip, {
             tone: "neutral",
             label: `v${formRef.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: "Form 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: "Fields"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV(CodeBlock, {
+                          }),
+                          /* @__PURE__ */ jsx(CodeBlock, {
                             code: JSON.stringify(spec.fields, 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: "Actions"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV(CodeBlock, {
+                          }),
+                          /* @__PURE__ */ jsx(CodeBlock, {
                             code: JSON.stringify(spec.actions, 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 form definition details are not available for this form reference."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV(CodeBlock, {
+                      }),
+                      /* @__PURE__ */ jsx(CodeBlock, {
                         code: JSON.stringify(formRef, 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: formRef.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: formRef.version
-                          }, 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),
-          relatedDocs?.length ? /* @__PURE__ */ jsxDEV("div", {
+              })
+            })
+          }),
+          relatedDocs?.length ? /* @__PURE__ */ jsx("div", {
             className: "lg:col-span-3",
-            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(BookOpen, {
+                      /* @__PURE__ */ jsx(BookOpen, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("h3", {
+                      }),
+                      /* @__PURE__ */ jsx("h3", {
                         className: "text-lg font-semibold",
                         children: "Related Documentation"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
+                  }),
+                  /* @__PURE__ */ jsx("div", {
                     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsxDEV(Link, {
+                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsx(Link, {
                       href: doc.route || `/docs/${doc.id}`,
                       className: "group block",
-                      children: /* @__PURE__ */ jsxDEV("div", {
+                      children: /* @__PURE__ */ jsxs("div", {
                         className: "hover:border-primary h-full rounded-lg border p-4 transition-colors",
                         children: [
-                          /* @__PURE__ */ jsxDEV("h4", {
+                          /* @__PURE__ */ jsx("h4", {
                             className: "group-hover:text-primary mb-1 font-semibold",
                             children: doc.title
-                          }, undefined, false, undefined, this),
-                          doc.summary && /* @__PURE__ */ jsxDEV("p", {
+                          }),
+                          doc.summary && /* @__PURE__ */ jsx("p", {
                             className: "text-muted-foreground line-clamp-2 text-sm",
                             children: doc.summary
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
-                    }, doc.id, false, undefined, this))
-                  }, undefined, false, undefined, this)
+                      })
+                    }, doc.id))
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this) : null
+              })
+            })
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   FeatureFormDetailTemplate