@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/node/components/templates/index.js

@@ -1,106 +1,106 @@
 // src/components/templates/todos/FilterBar.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FilterBar({ value, onChange, categories }) {
   const handleChange = (key, nextValue) => {
     onChange({ ...value, [key]: nextValue });
   };
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "border-border bg-card grid gap-3 rounded-2xl border p-4 md:grid-cols-4",
     children: [
-      /* @__PURE__ */ jsxDEV("label", {
+      /* @__PURE__ */ jsxs("label", {
         className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
         children: [
           "Status",
-          /* @__PURE__ */ jsxDEV("select", {
+          /* @__PURE__ */ jsxs("select", {
             className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
             value: value.status,
             onChange: (event) => handleChange("status", event.target.value),
             children: [
-              /* @__PURE__ */ jsxDEV("option", {
+              /* @__PURE__ */ jsx("option", {
                 value: "all",
                 children: "All tasks"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("option", {
+              }),
+              /* @__PURE__ */ jsx("option", {
                 value: "active",
                 children: "Active"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("option", {
+              }),
+              /* @__PURE__ */ jsx("option", {
                 value: "completed",
                 children: "Completed"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("label", {
+      }),
+      /* @__PURE__ */ jsxs("label", {
         className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
         children: [
           "Priority",
-          /* @__PURE__ */ jsxDEV("select", {
+          /* @__PURE__ */ jsxs("select", {
             className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
             value: value.priority,
             onChange: (event) => handleChange("priority", event.target.value),
             children: [
-              /* @__PURE__ */ jsxDEV("option", {
+              /* @__PURE__ */ jsx("option", {
                 value: "all",
                 children: "All"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("option", {
+              }),
+              /* @__PURE__ */ jsx("option", {
                 value: "LOW",
                 children: "Low"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("option", {
+              }),
+              /* @__PURE__ */ jsx("option", {
                 value: "MEDIUM",
                 children: "Medium"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("option", {
+              }),
+              /* @__PURE__ */ jsx("option", {
                 value: "HIGH",
                 children: "High"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("option", {
+              }),
+              /* @__PURE__ */ jsx("option", {
                 value: "URGENT",
                 children: "Urgent"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("label", {
+      }),
+      /* @__PURE__ */ jsxs("label", {
         className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
         children: [
           "Category",
-          /* @__PURE__ */ jsxDEV("select", {
+          /* @__PURE__ */ jsxs("select", {
             className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
             value: value.categoryId,
             onChange: (event) => handleChange("categoryId", event.target.value),
             children: [
-              /* @__PURE__ */ jsxDEV("option", {
+              /* @__PURE__ */ jsx("option", {
                 value: "all",
                 children: "All categories"
-              }, undefined, false, undefined, this),
-              categories.map((category) => /* @__PURE__ */ jsxDEV("option", {
+              }),
+              categories.map((category) => /* @__PURE__ */ jsx("option", {
                 value: category.id,
                 children: category.name
-              }, category.id, false, undefined, this))
+              }, category.id))
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("label", {
+      }),
+      /* @__PURE__ */ jsxs("label", {
         className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
         children: [
           "Search",
-          /* @__PURE__ */ jsxDEV("input", {
+          /* @__PURE__ */ jsx("input", {
             type: "search",
             className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
             placeholder: "Search by title",
             value: value.search,
             onChange: (event) => handleChange("search", event.target.value)
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/templates/todos/TaskForm.tsx
@@ -108,7 +108,7 @@ import { useState } from "react";
 import { useMutation } from "@apollo/client/react";
 import { gql } from "@apollo/client";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 var CREATE_TASK = gql`
   mutation CreateTask($input: CreateTaskInput!) {
@@ -150,116 +150,116 @@ function TaskForm({ categories }) {
     setCategoryId("none");
     setTagsInput("");
   };
-  return /* @__PURE__ */ jsxDEV2("form", {
+  return /* @__PURE__ */ jsxs2("form", {
     onSubmit: handleSubmit,
     className: "border-border bg-background/60 space-y-3 rounded-2xl border p-4",
     children: [
-      /* @__PURE__ */ jsxDEV2("div", {
-        children: /* @__PURE__ */ jsxDEV2("label", {
+      /* @__PURE__ */ jsx2("div", {
+        children: /* @__PURE__ */ jsxs2("label", {
           className: "text-muted-foreground text-xs font-semibold uppercase",
           children: [
             "Title",
-            /* @__PURE__ */ jsxDEV2("input", {
+            /* @__PURE__ */ jsx2("input", {
               type: "text",
               className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
               placeholder: "What needs to get done?",
               value: title,
               onChange: (event) => setTitle(event.target.value),
               required: true
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
-        children: /* @__PURE__ */ jsxDEV2("label", {
+        })
+      }),
+      /* @__PURE__ */ jsx2("div", {
+        children: /* @__PURE__ */ jsxs2("label", {
           className: "text-muted-foreground text-xs font-semibold uppercase",
           children: [
             "Description",
-            /* @__PURE__ */ jsxDEV2("textarea", {
+            /* @__PURE__ */ jsx2("textarea", {
               className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
               rows: 3,
               placeholder: "Add context or policy notes",
               value: description,
               onChange: (event) => setDescription(event.target.value)
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+        })
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         className: "grid gap-3 md:grid-cols-3",
         children: [
-          /* @__PURE__ */ jsxDEV2("label", {
+          /* @__PURE__ */ jsxs2("label", {
             className: "text-muted-foreground text-xs font-semibold uppercase",
             children: [
               "Priority",
-              /* @__PURE__ */ jsxDEV2("select", {
+              /* @__PURE__ */ jsxs2("select", {
                 className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
                 value: priority,
                 onChange: (event) => setPriority(event.target.value),
                 children: [
-                  /* @__PURE__ */ jsxDEV2("option", {
+                  /* @__PURE__ */ jsx2("option", {
                     value: "LOW",
                     children: "Low"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("option", {
+                  }),
+                  /* @__PURE__ */ jsx2("option", {
                     value: "MEDIUM",
                     children: "Medium"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("option", {
+                  }),
+                  /* @__PURE__ */ jsx2("option", {
                     value: "HIGH",
                     children: "High"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("option", {
+                  }),
+                  /* @__PURE__ */ jsx2("option", {
                     value: "URGENT",
                     children: "Urgent"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("label", {
+          }),
+          /* @__PURE__ */ jsxs2("label", {
             className: "text-muted-foreground text-xs font-semibold uppercase",
             children: [
               "Category",
-              /* @__PURE__ */ jsxDEV2("select", {
+              /* @__PURE__ */ jsxs2("select", {
                 className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
                 value: categoryId,
                 onChange: (event) => setCategoryId(event.target.value),
                 children: [
-                  /* @__PURE__ */ jsxDEV2("option", {
+                  /* @__PURE__ */ jsx2("option", {
                     value: "none",
                     children: "None"
-                  }, undefined, false, undefined, this),
-                  categories.map((category) => /* @__PURE__ */ jsxDEV2("option", {
+                  }),
+                  categories.map((category) => /* @__PURE__ */ jsx2("option", {
                     value: category.id,
                     children: category.name
-                  }, category.id, false, undefined, this))
+                  }, category.id))
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("label", {
+          }),
+          /* @__PURE__ */ jsxs2("label", {
             className: "text-muted-foreground text-xs font-semibold uppercase",
             children: [
               "Tags",
-              /* @__PURE__ */ jsxDEV2("input", {
+              /* @__PURE__ */ jsx2("input", {
                 className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
                 placeholder: "Comma separated (optional)",
                 value: tagsInput,
                 onChange: (event) => setTagsInput(event.target.value)
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("button", {
+      }),
+      /* @__PURE__ */ jsx2("button", {
         type: "submit",
         className: "btn-primary w-full py-2 text-sm font-semibold",
         disabled: loading,
         children: loading ? "Saving..." : "Add task"
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function parseTags(input) {
   return input.split(",").map((tag) => tag.trim()).filter(Boolean);
@@ -267,77 +267,77 @@ function parseTags(input) {
 
 // src/components/templates/todos/TaskItem.tsx
 import { Check, Circle, Trash2 } from "lucide-react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function TaskItem({ task, onToggle, onDelete }) {
   const badgeColor = task.priority === "URGENT" ? "text-red-200 bg-red-500/10 border-red-500/40" : task.priority === "HIGH" ? "text-amber-200 bg-amber-500/10 border-amber-500/40" : task.priority === "LOW" ? "text-emerald-200 bg-emerald-500/10 border-emerald-500/40" : "text-violet-200 bg-violet-500/10 border-violet-500/40";
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs3("div", {
     className: "border-border/70 bg-card/60 hover:border-border flex items-start gap-4 rounded-2xl border p-4 transition",
     children: [
-      /* @__PURE__ */ jsxDEV3("button", {
+      /* @__PURE__ */ jsx3("button", {
         type: "button",
         className: "border-border text-muted-foreground hover:bg-muted/40 rounded-full border p-2",
         "aria-pressed": task.completed,
         onClick: () => onToggle?.(task),
-        children: task.completed ? /* @__PURE__ */ jsxDEV3(Check, {
+        children: task.completed ? /* @__PURE__ */ jsx3(Check, {
           className: "h-4 w-4 text-emerald-400"
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3(Circle, {
+        }) : /* @__PURE__ */ jsx3(Circle, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+        })
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         className: "flex-1 space-y-2",
         children: [
-          /* @__PURE__ */ jsxDEV3("div", {
+          /* @__PURE__ */ jsxs3("div", {
             className: "flex flex-wrap items-center gap-2",
             children: [
-              /* @__PURE__ */ jsxDEV3("p", {
+              /* @__PURE__ */ jsx3("p", {
                 className: `font-medium ${task.completed ? "text-muted-foreground line-through" : "text-foreground"}`,
                 children: task.title
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("span", {
+              }),
+              /* @__PURE__ */ jsx3("span", {
                 className: `rounded-full border px-2 py-0.5 text-xs ${badgeColor}`,
                 children: task.priority.charAt(0) + task.priority.slice(1).toLowerCase()
-              }, undefined, false, undefined, this),
-              task.category ? /* @__PURE__ */ jsxDEV3("span", {
+              }),
+              task.category ? /* @__PURE__ */ jsx3("span", {
                 className: "bg-muted/40 text-muted-foreground rounded-full px-2 py-0.5 text-xs",
                 children: task.category.name
-              }, undefined, false, undefined, this) : null,
-              task.dueDate ? /* @__PURE__ */ jsxDEV3("span", {
+              }) : null,
+              task.dueDate ? /* @__PURE__ */ jsxs3("span", {
                 className: "text-muted-foreground text-xs",
                 children: [
                   "Due ",
                   new Date(task.dueDate).toLocaleDateString()
                 ]
-              }, undefined, true, undefined, this) : null
+              }) : null
             ]
-          }, undefined, true, undefined, this),
-          task.description ? /* @__PURE__ */ jsxDEV3("p", {
+          }),
+          task.description ? /* @__PURE__ */ jsx3("p", {
             className: "text-muted-foreground text-sm",
             children: task.description
-          }, undefined, false, undefined, this) : null,
-          task.tags.length ? /* @__PURE__ */ jsxDEV3("div", {
+          }) : null,
+          task.tags.length ? /* @__PURE__ */ jsx3("div", {
             className: "flex flex-wrap gap-1",
-            children: task.tags.map((tag) => /* @__PURE__ */ jsxDEV3("span", {
+            children: task.tags.map((tag) => /* @__PURE__ */ jsxs3("span", {
               className: "bg-muted/40 text-muted-foreground rounded-full px-2 py-0.5 text-xs",
               children: [
                 "#",
                 tag
               ]
-            }, tag, true, undefined, this))
-          }, undefined, false, undefined, this) : null
+            }, tag))
+          }) : null
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("button", {
+      }),
+      /* @__PURE__ */ jsx3("button", {
         type: "button",
         className: "text-muted-foreground hover:text-destructive",
         "aria-label": `Delete ${task.title}`,
         onClick: () => onDelete?.(task),
-        children: /* @__PURE__ */ jsxDEV3(Trash2, {
+        children: /* @__PURE__ */ jsx3(Trash2, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/templates/todos/TaskList.tsx
@@ -348,7 +348,7 @@ import {
   registerTemplateComponents,
   useTemplateRuntime as useTemplateRuntime2
 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 "use client";
 var TASKS_QUERY = gql2`
   query Tasks($projectId: ID!) {
@@ -444,36 +444,36 @@ function TaskList() {
       refetchQueries: [{ query: TASKS_QUERY, variables: { projectId } }]
     });
   };
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs4("div", {
     className: "space-y-6",
     children: [
-      /* @__PURE__ */ jsxDEV4(FilterBar, {
+      /* @__PURE__ */ jsx4(FilterBar, {
         value: filters,
         onChange: setFilters,
         categories
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(TaskForm, {
+      }),
+      /* @__PURE__ */ jsx4(TaskForm, {
         categories
-      }, undefined, false, undefined, this),
-      loading ? /* @__PURE__ */ jsxDEV4("p", {
+      }),
+      loading ? /* @__PURE__ */ jsx4("p", {
         className: "text-muted-foreground text-sm",
         children: "Loading tasks…"
-      }, undefined, false, undefined, this) : filtered.length ? /* @__PURE__ */ jsxDEV4("div", {
+      }) : filtered.length ? /* @__PURE__ */ jsx4("div", {
         className: "space-y-3",
-        children: filtered.map((task) => /* @__PURE__ */ jsxDEV4(TaskItem, {
+        children: filtered.map((task) => /* @__PURE__ */ jsx4(TaskItem, {
           task,
           onToggle: handleToggle,
           onDelete: handleDelete
-        }, task.id, false, undefined, this))
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV4("div", {
+        }, task.id))
+      }) : /* @__PURE__ */ jsx4("div", {
         className: "border-border rounded-2xl border border-dashed p-8 text-center",
-        children: /* @__PURE__ */ jsxDEV4("p", {
+        children: /* @__PURE__ */ jsx4("p", {
           className: "text-muted-foreground",
           children: "No tasks match your filters. Create one above."
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 registerTemplateComponents("todos-app", {
   list: TaskList,
@@ -486,7 +486,7 @@ import { gql as gql3 } from "@apollo/client";
 import { MessageCircle, Users } from "lucide-react";
 import { useMemo as useMemo2 } from "react";
 import { useTemplateRuntime as useTemplateRuntime3 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var CONVERSATIONS_QUERY = gql3`
   query Conversations($projectId: ID!) {
     conversations(projectId: $projectId) {
@@ -512,66 +512,66 @@ function ConversationList({
     fetchPolicy: "cache-and-network"
   });
   const conversations = useMemo2(() => data?.conversations ?? [], [data]);
-  return /* @__PURE__ */ jsxDEV5("aside", {
+  return /* @__PURE__ */ jsxs5("aside", {
     className: "border-border bg-card h-full overflow-y-auto rounded-2xl border",
     children: [
-      /* @__PURE__ */ jsxDEV5("header", {
+      /* @__PURE__ */ jsxs5("header", {
         className: "border-border px -4 flex items-center justify-between border-b px-4 py-3",
         children: [
-          /* @__PURE__ */ jsxDEV5("div", {
+          /* @__PURE__ */ jsxs5("div", {
             children: [
-              /* @__PURE__ */ jsxDEV5("p", {
+              /* @__PURE__ */ jsx5("p", {
                 className: "text-sm font-semibold",
                 children: "Conversations"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("p", {
+              }),
+              /* @__PURE__ */ jsx5("p", {
                 className: "text-muted-foreground text-xs",
                 children: loading ? "Loading…" : `${conversations.length} active`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5(Users, {
+          }),
+          /* @__PURE__ */ jsx5(Users, {
             className: "text-muted-foreground h-4 w-4"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+      }),
+      /* @__PURE__ */ jsxs5("div", {
         className: "divide-border/70 divide-y",
         children: [
           conversations.map((conversation) => {
             const isSelected = selectedId === conversation.id;
-            return /* @__PURE__ */ jsxDEV5("button", {
+            return /* @__PURE__ */ jsxs5("button", {
               type: "button",
               className: `flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${isSelected ? "text-foreground bg-violet-500/10" : "hover:bg-muted/40"}`,
               onClick: () => onSelect?.(conversation.id),
               children: [
-                /* @__PURE__ */ jsxDEV5("div", {
+                /* @__PURE__ */ jsxs5("div", {
                   className: "flex items-center gap-2",
                   children: [
-                    /* @__PURE__ */ jsxDEV5(MessageCircle, {
+                    /* @__PURE__ */ jsx5(MessageCircle, {
                       className: "text-muted-foreground h-4 w-4"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV5("span", {
+                    }),
+                    /* @__PURE__ */ jsx5("span", {
                       className: "text-sm font-medium",
                       children: conversation.name || "Untitled conversation"
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV5("p", {
+                }),
+                /* @__PURE__ */ jsx5("p", {
                   className: "text-muted-foreground text-xs",
                   children: conversation.participants.map((participant) => participant.displayName || participant.userId).join(" · ")
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, conversation.id, true, undefined, this);
+            }, conversation.id);
           }),
-          !loading && conversations.length === 0 ? /* @__PURE__ */ jsxDEV5("p", {
+          !loading && conversations.length === 0 ? /* @__PURE__ */ jsx5("p", {
             className: "text-muted-foreground p-4 text-center text-xs",
             children: "No conversations yet."
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/templates/messaging/MessageThread.tsx
@@ -579,7 +579,7 @@ import { useMutation as useMutation3, useQuery as useQuery3 } from "@apollo/clie
 import { gql as gql4 } from "@apollo/client";
 import { useEffect, useRef } from "react";
 import { useTemplateRuntime as useTemplateRuntime4 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 "use client";
 var MESSAGES_QUERY = gql4`
   query Messages($conversationId: ID!) {
@@ -624,32 +624,32 @@ function MessageThread({
     container.scrollTop = container.scrollHeight;
   }, [messages]);
   if (!conversationId) {
-    return /* @__PURE__ */ jsxDEV6("div", {
+    return /* @__PURE__ */ jsx6("div", {
       className: "border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed",
-      children: /* @__PURE__ */ jsxDEV6("p", {
+      children: /* @__PURE__ */ jsx6("p", {
         className: "text-muted-foreground text-sm",
         children: "Select a conversation"
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsx6("div", {
     className: "border-border bg-card flex flex-1 flex-col rounded-2xl border",
-    children: /* @__PURE__ */ jsxDEV6("div", {
+    children: /* @__PURE__ */ jsx6("div", {
       ref: scrollRef,
       className: "flex-1 space-y-3 overflow-y-auto p-4",
-      children: loading ? /* @__PURE__ */ jsxDEV6("p", {
+      children: loading ? /* @__PURE__ */ jsx6("p", {
         className: "text-muted-foreground text-center text-sm",
         children: "Loading…"
-      }, undefined, false, undefined, this) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxDEV6("div", {
+      }) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxs6("div", {
         className: `flex flex-col ${message.senderId === viewerId ? "items-end" : "items-start"}`,
         children: [
-          /* @__PURE__ */ jsxDEV6("div", {
+          /* @__PURE__ */ jsx6("div", {
             className: `max-w-xs rounded-2xl px-3 py-2 text-sm ${message.senderId === viewerId ? "bg-violet-500 text-white" : "bg-muted text-foreground"}`,
-            children: /* @__PURE__ */ jsxDEV6("p", {
+            children: /* @__PURE__ */ jsx6("p", {
               children: message.content
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("span", {
+            })
+          }),
+          /* @__PURE__ */ jsxs6("span", {
             className: "text-muted-foreground mt-1 text-xs",
             children: [
               message.senderName || message.senderId,
@@ -660,11 +660,11 @@ function MessageThread({
                 minute: "2-digit"
               })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, message.id, true, undefined, this))
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      }, message.id))
+    })
+  });
 }
 
 // src/components/templates/messaging/MessageComposer.tsx
@@ -673,7 +673,7 @@ import { useMutation as useMutation4 } from "@apollo/client/react";
 import { gql as gql5 } from "@apollo/client";
 import { Send } from "lucide-react";
 import { useTemplateRuntime as useTemplateRuntime5 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 "use client";
 var SEND_MESSAGE = gql5`
   mutation SendMessage($input: SendMessageInput!) {
@@ -713,60 +713,60 @@ function MessageComposer({
     });
     setContent("");
   };
-  return /* @__PURE__ */ jsxDEV7("form", {
+  return /* @__PURE__ */ jsxs7("form", {
     onSubmit: handleSubmit,
     className: "border-border bg-card mt-3 flex items-center gap-2 rounded-2xl border px-4 py-3",
     children: [
-      /* @__PURE__ */ jsxDEV7("input", {
+      /* @__PURE__ */ jsx7("input", {
         type: "text",
         className: "text-foreground flex-1 bg-transparent text-sm outline-none",
         placeholder: conversationId ? "Type a message…" : "Select a conversation to start",
         disabled: !conversationId || loading,
         value: content,
         onChange: (event) => setContent(event.target.value)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV7("button", {
+      }),
+      /* @__PURE__ */ jsxs7("button", {
         type: "submit",
         className: "btn-primary inline-flex items-center gap-1 text-sm",
         disabled: !conversationId || loading || !content.trim(),
         children: [
-          /* @__PURE__ */ jsxDEV7(Send, {
+          /* @__PURE__ */ jsx7(Send, {
             className: "h-4 w-4"
-          }, undefined, false, undefined, this),
+          }),
           "Send"
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/templates/messaging/MessagingWorkspace.tsx
 import { useState as useState4 } from "react";
 import { registerTemplateComponents as registerTemplateComponents2 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 "use client";
 function MessagingWorkspace() {
   const [conversationId, setConversationId] = useState4();
-  return /* @__PURE__ */ jsxDEV8("div", {
+  return /* @__PURE__ */ jsxs8("div", {
     className: "grid gap-4 md:grid-cols-[280px,1fr]",
     children: [
-      /* @__PURE__ */ jsxDEV8(ConversationList, {
+      /* @__PURE__ */ jsx8(ConversationList, {
         selectedId: conversationId,
         onSelect: setConversationId
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      }),
+      /* @__PURE__ */ jsxs8("div", {
         className: "flex flex-col gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV8(MessageThread, {
+          /* @__PURE__ */ jsx8(MessageThread, {
             conversationId
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8(MessageComposer, {
+          }),
+          /* @__PURE__ */ jsx8(MessageComposer, {
             conversationId
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 registerTemplateComponents2("messaging-app", {
   list: MessagingWorkspace,
@@ -774,167 +774,167 @@ registerTemplateComponents2("messaging-app", {
   form: MessageComposer
 });
 // src/components/templates/recipes/LanguageSwitcher.tsx
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function LanguageSwitcher({ locale, onChange }) {
-  return /* @__PURE__ */ jsxDEV9("div", {
+  return /* @__PURE__ */ jsx9("div", {
     className: "border-border bg-card text-muted-foreground inline-flex rounded-full border p-1 text-xs font-semibold",
-    children: ["EN", "FR"].map((language) => /* @__PURE__ */ jsxDEV9("button", {
+    children: ["EN", "FR"].map((language) => /* @__PURE__ */ jsx9("button", {
       type: "button",
       className: `rounded-full px-3 py-1 transition ${locale === language ? "bg-violet-500 text-white" : "hover:text-foreground"}`,
       onClick: () => onChange(language),
       children: language === "EN" ? "English" : "Français"
-    }, language, false, undefined, this))
-  }, undefined, false, undefined, this);
+    }, language))
+  });
 }
 
 // src/components/templates/recipes/RecipeCard.tsx
 import { Heart } from "lucide-react";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function RecipeCard({
   recipe,
   onSelect,
   onToggleFavorite
 }) {
-  return /* @__PURE__ */ jsxDEV10("button", {
+  return /* @__PURE__ */ jsxs9("button", {
     type: "button",
     onClick: () => onSelect?.(recipe),
     className: "border-border bg-card flex flex-col gap-3 rounded-2xl border text-left transition hover:border-violet-400",
     children: [
-      recipe.heroImageUrl ? /* @__PURE__ */ jsxDEV10("img", {
+      recipe.heroImageUrl ? /* @__PURE__ */ jsx10("img", {
         src: recipe.heroImageUrl,
         alt: recipe.name,
         className: "h-40 w-full rounded-t-2xl object-cover"
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV10("div", {
+      }) : /* @__PURE__ */ jsx10("div", {
         className: "bg-muted h-40 rounded-t-2xl"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV10("div", {
+      }),
+      /* @__PURE__ */ jsxs9("div", {
         className: "space-y-2 p-4",
         children: [
-          /* @__PURE__ */ jsxDEV10("div", {
+          /* @__PURE__ */ jsxs9("div", {
             className: "flex items-center justify-between",
             children: [
-              /* @__PURE__ */ jsxDEV10("p", {
+              /* @__PURE__ */ jsx10("p", {
                 className: "text-base font-semibold",
                 children: recipe.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV10("button", {
+              }),
+              /* @__PURE__ */ jsx10("button", {
                 type: "button",
                 className: `inline-flex items-center justify-center rounded-full border border-transparent p-2 ${recipe.isFavorite ? "text-red-400" : "text-muted-foreground hover:text-red-400"}`,
                 onClick: (event) => {
                   event.stopPropagation();
                   onToggleFavorite?.(recipe);
                 },
-                children: /* @__PURE__ */ jsxDEV10(Heart, {
+                children: /* @__PURE__ */ jsx10(Heart, {
                   className: `h-4 w-4 ${recipe.isFavorite ? "fill-red-400" : ""}`
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                })
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV10("p", {
+          }),
+          /* @__PURE__ */ jsx10("p", {
             className: "text-muted-foreground line-clamp-2 text-sm",
             children: recipe.description
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10("div", {
+          }),
+          /* @__PURE__ */ jsxs9("div", {
             className: "text-muted-foreground flex flex-wrap gap-3 text-xs",
             children: [
-              recipe.prepTimeMinutes ? /* @__PURE__ */ jsxDEV10("span", {
+              recipe.prepTimeMinutes ? /* @__PURE__ */ jsxs9("span", {
                 children: [
                   "Prep ",
                   recipe.prepTimeMinutes,
                   "m"
                 ]
-              }, undefined, true, undefined, this) : null,
-              recipe.cookTimeMinutes ? /* @__PURE__ */ jsxDEV10("span", {
+              }) : null,
+              recipe.cookTimeMinutes ? /* @__PURE__ */ jsxs9("span", {
                 children: [
                   "Cook ",
                   recipe.cookTimeMinutes,
                   "m"
                 ]
-              }, undefined, true, undefined, this) : null,
-              recipe.servings ? /* @__PURE__ */ jsxDEV10("span", {
+              }) : null,
+              recipe.servings ? /* @__PURE__ */ jsxs9("span", {
                 children: [
                   recipe.servings,
                   " servings"
                 ]
-              }, undefined, true, undefined, this) : null
+              }) : null
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/templates/recipes/RecipeDetail.tsx
 import { BookOpen } from "lucide-react";
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function RecipeDetail({ recipe }) {
   if (!recipe) {
-    return /* @__PURE__ */ jsxDEV11("div", {
+    return /* @__PURE__ */ jsx11("div", {
       className: "border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed",
-      children: /* @__PURE__ */ jsxDEV11("p", {
+      children: /* @__PURE__ */ jsx11("p", {
         className: "text-muted-foreground text-sm",
         children: "Select a recipe to view details."
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
-  return /* @__PURE__ */ jsxDEV11("article", {
+  return /* @__PURE__ */ jsxs10("article", {
     className: "border-border bg-card space-y-4 rounded-2xl border p-6",
     children: [
-      /* @__PURE__ */ jsxDEV11("header", {
+      /* @__PURE__ */ jsxs10("header", {
         className: "flex flex-wrap items-center gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV11(BookOpen, {
+          /* @__PURE__ */ jsx11(BookOpen, {
             className: "text-muted-foreground h-5 w-5"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("div", {
+          }),
+          /* @__PURE__ */ jsxs10("div", {
             children: [
-              /* @__PURE__ */ jsxDEV11("h2", {
+              /* @__PURE__ */ jsx11("h2", {
                 className: "text-xl font-semibold",
                 children: recipe.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV11("p", {
+              }),
+              /* @__PURE__ */ jsx11("p", {
                 className: "text-muted-foreground text-sm",
                 children: recipe.description
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV11("section", {
+      }),
+      /* @__PURE__ */ jsxs10("section", {
         children: [
-          /* @__PURE__ */ jsxDEV11("h3", {
+          /* @__PURE__ */ jsx11("h3", {
             className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
             children: "Ingredients"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("ul", {
+          }),
+          /* @__PURE__ */ jsx11("ul", {
             className: "text-foreground mt-2 list-disc space-y-1 pl-6 text-sm",
-            children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxDEV11("li", {
+            children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxs10("li", {
               children: [
                 ingredient.name,
                 " – ",
                 ingredient.quantity
               ]
-            }, ingredient.id, true, undefined, this))
-          }, undefined, false, undefined, this)
+            }, ingredient.id))
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV11("section", {
+      }),
+      /* @__PURE__ */ jsxs10("section", {
         children: [
-          /* @__PURE__ */ jsxDEV11("h3", {
+          /* @__PURE__ */ jsx11("h3", {
             className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
             children: "Instructions"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV11("ol", {
+          }),
+          /* @__PURE__ */ jsx11("ol", {
             className: "text-foreground mt-2 list-decimal space-y-2 pl-6 text-sm",
-            children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsxDEV11("li", {
+            children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsx11("li", {
               children: instruction.content
-            }, instruction.id, false, undefined, this))
-          }, undefined, false, undefined, this)
+            }, instruction.id))
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/templates/recipes/RecipeList.tsx
@@ -945,7 +945,7 @@ import {
   registerTemplateComponents as registerTemplateComponents3,
   useTemplateRuntime as useTemplateRuntime6
 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 "use client";
 var RECIPES_QUERY = gql6`
   query Recipes($projectId: ID!, $locale: RecipeLocale!) {
@@ -1009,41 +1009,41 @@ function RecipeList() {
       }
     });
   };
-  return /* @__PURE__ */ jsxDEV12("div", {
+  return /* @__PURE__ */ jsxs11("div", {
     className: "space-y-4",
     children: [
-      /* @__PURE__ */ jsxDEV12("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "flex flex-wrap items-center gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV12(LanguageSwitcher, {
+          /* @__PURE__ */ jsx12(LanguageSwitcher, {
             locale,
             onChange: setLocale
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("input", {
+          }),
+          /* @__PURE__ */ jsx12("input", {
             type: "search",
             placeholder: locale === "EN" ? "Search recipes" : "Rechercher des recettes",
             className: "border-border bg-card flex-1 rounded-full border px-4 py-2 text-sm",
             value: search,
             onChange: (event) => setSearch(event.target.value)
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      loading ? /* @__PURE__ */ jsxDEV12("p", {
+      }),
+      loading ? /* @__PURE__ */ jsx12("p", {
         className: "text-muted-foreground text-sm",
         children: "Loading recipes…"
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV12("div", {
+      }) : /* @__PURE__ */ jsx12("div", {
         className: "grid gap-4 md:grid-cols-3",
-        children: filtered.map((recipe) => /* @__PURE__ */ jsxDEV12(RecipeCard, {
+        children: filtered.map((recipe) => /* @__PURE__ */ jsx12(RecipeCard, {
           recipe,
           onSelect: setSelected,
           onToggleFavorite: handleToggleFavorite
-        }, recipe.id, false, undefined, this))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV12(RecipeDetail, {
+        }, recipe.id))
+      }),
+      /* @__PURE__ */ jsx12(RecipeDetail, {
         recipe: selected
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 registerTemplateComponents3("recipe-app-i18n", {
   list: RecipeList,