@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/components/templates/todos/FilterBar.js

@@ -1,107 +1,107 @@
 // @bun
 // 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);
+  });
 }
 export {
   FilterBar

package/dist/components/templates/todos/TaskForm.js

@@ -4,7 +4,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 } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 var CREATE_TASK = gql`
   mutation CreateTask($input: CreateTaskInput!) {
@@ -46,116 +46,116 @@ function TaskForm({ categories }) {
     setCategoryId("none");
     setTagsInput("");
   };
-  return /* @__PURE__ */ jsxDEV("form", {
+  return /* @__PURE__ */ jsxs("form", {
     onSubmit: handleSubmit,
     className: "border-border bg-background/60 space-y-3 rounded-2xl border p-4",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        children: /* @__PURE__ */ jsxDEV("label", {
+      /* @__PURE__ */ jsx("div", {
+        children: /* @__PURE__ */ jsxs("label", {
           className: "text-muted-foreground text-xs font-semibold uppercase",
           children: [
             "Title",
-            /* @__PURE__ */ jsxDEV("input", {
+            /* @__PURE__ */ jsx("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__ */ jsxDEV("div", {
-        children: /* @__PURE__ */ jsxDEV("label", {
+        })
+      }),
+      /* @__PURE__ */ jsx("div", {
+        children: /* @__PURE__ */ jsxs("label", {
           className: "text-muted-foreground text-xs font-semibold uppercase",
           children: [
             "Description",
-            /* @__PURE__ */ jsxDEV("textarea", {
+            /* @__PURE__ */ jsx("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__ */ jsxDEV("div", {
+        })
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "grid gap-3 md:grid-cols-3",
         children: [
-          /* @__PURE__ */ jsxDEV("label", {
+          /* @__PURE__ */ jsxs("label", {
             className: "text-muted-foreground text-xs font-semibold uppercase",
             children: [
               "Priority",
-              /* @__PURE__ */ jsxDEV("select", {
+              /* @__PURE__ */ jsxs("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__ */ 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 text-xs font-semibold uppercase",
             children: [
               "Category",
-              /* @__PURE__ */ jsxDEV("select", {
+              /* @__PURE__ */ jsxs("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__ */ jsxDEV("option", {
+                  /* @__PURE__ */ jsx("option", {
                     value: "none",
                     children: "None"
-                  }, 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 text-xs font-semibold uppercase",
             children: [
               "Tags",
-              /* @__PURE__ */ jsxDEV("input", {
+              /* @__PURE__ */ jsx("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__ */ jsxDEV("button", {
+      }),
+      /* @__PURE__ */ jsx("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);

package/dist/components/templates/todos/TaskItem.js

@@ -1,77 +1,77 @@
 // @bun
 // src/components/templates/todos/TaskItem.tsx
 import { Check, Circle, Trash2 } from "lucide-react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } 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__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "border-border/70 bg-card/60 hover:border-border flex items-start gap-4 rounded-2xl border p-4 transition",
     children: [
-      /* @__PURE__ */ jsxDEV("button", {
+      /* @__PURE__ */ jsx("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__ */ jsxDEV(Check, {
+        children: task.completed ? /* @__PURE__ */ jsx(Check, {
           className: "h-4 w-4 text-emerald-400"
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV(Circle, {
+        }) : /* @__PURE__ */ jsx(Circle, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+        })
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "flex-1 space-y-2",
         children: [
-          /* @__PURE__ */ jsxDEV("div", {
+          /* @__PURE__ */ jsxs("div", {
             className: "flex flex-wrap items-center gap-2",
             children: [
-              /* @__PURE__ */ jsxDEV("p", {
+              /* @__PURE__ */ jsx("p", {
                 className: `font-medium ${task.completed ? "text-muted-foreground line-through" : "text-foreground"}`,
                 children: task.title
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("span", {
+              }),
+              /* @__PURE__ */ jsx("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__ */ jsxDEV("span", {
+              }),
+              task.category ? /* @__PURE__ */ jsx("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__ */ jsxDEV("span", {
+              }) : null,
+              task.dueDate ? /* @__PURE__ */ jsxs("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__ */ jsxDEV("p", {
+          }),
+          task.description ? /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground text-sm",
             children: task.description
-          }, undefined, false, undefined, this) : null,
-          task.tags.length ? /* @__PURE__ */ jsxDEV("div", {
+          }) : null,
+          task.tags.length ? /* @__PURE__ */ jsx("div", {
             className: "flex flex-wrap gap-1",
-            children: task.tags.map((tag) => /* @__PURE__ */ jsxDEV("span", {
+            children: task.tags.map((tag) => /* @__PURE__ */ jsxs("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__ */ jsxDEV("button", {
+      }),
+      /* @__PURE__ */ jsx("button", {
         type: "button",
         className: "text-muted-foreground hover:text-destructive",
         "aria-label": `Delete ${task.title}`,
         onClick: () => onDelete?.(task),
-        children: /* @__PURE__ */ jsxDEV(Trash2, {
+        children: /* @__PURE__ */ jsx(Trash2, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   TaskItem