@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/node/components/templates/recipes/RecipeList.js

@@ -1,165 +1,165 @@
 // src/components/templates/recipes/LanguageSwitcher.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 function LanguageSwitcher({ locale, onChange }) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsx("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__ */ jsxDEV("button", {
+    children: ["EN", "FR"].map((language) => /* @__PURE__ */ jsx("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 jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function RecipeCard({
   recipe,
   onSelect,
   onToggleFavorite
 }) {
-  return /* @__PURE__ */ jsxDEV2("button", {
+  return /* @__PURE__ */ jsxs("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__ */ jsxDEV2("img", {
+      recipe.heroImageUrl ? /* @__PURE__ */ jsx2("img", {
         src: recipe.heroImageUrl,
         alt: recipe.name,
         className: "h-40 w-full rounded-t-2xl object-cover"
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV2("div", {
+      }) : /* @__PURE__ */ jsx2("div", {
         className: "bg-muted h-40 rounded-t-2xl"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-2 p-4",
         children: [
-          /* @__PURE__ */ jsxDEV2("div", {
+          /* @__PURE__ */ jsxs("div", {
             className: "flex items-center justify-between",
             children: [
-              /* @__PURE__ */ jsxDEV2("p", {
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-base font-semibold",
                 children: recipe.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("button", {
+              }),
+              /* @__PURE__ */ jsx2("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__ */ jsxDEV2(Heart, {
+                children: /* @__PURE__ */ jsx2(Heart, {
                   className: `h-4 w-4 ${recipe.isFavorite ? "fill-red-400" : ""}`
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                })
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
+          }),
+          /* @__PURE__ */ jsx2("p", {
             className: "text-muted-foreground line-clamp-2 text-sm",
             children: recipe.description
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "text-muted-foreground flex flex-wrap gap-3 text-xs",
             children: [
-              recipe.prepTimeMinutes ? /* @__PURE__ */ jsxDEV2("span", {
+              recipe.prepTimeMinutes ? /* @__PURE__ */ jsxs("span", {
                 children: [
                   "Prep ",
                   recipe.prepTimeMinutes,
                   "m"
                 ]
-              }, undefined, true, undefined, this) : null,
-              recipe.cookTimeMinutes ? /* @__PURE__ */ jsxDEV2("span", {
+              }) : null,
+              recipe.cookTimeMinutes ? /* @__PURE__ */ jsxs("span", {
                 children: [
                   "Cook ",
                   recipe.cookTimeMinutes,
                   "m"
                 ]
-              }, undefined, true, undefined, this) : null,
-              recipe.servings ? /* @__PURE__ */ jsxDEV2("span", {
+              }) : null,
+              recipe.servings ? /* @__PURE__ */ jsxs("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 jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function RecipeDetail({ recipe }) {
   if (!recipe) {
-    return /* @__PURE__ */ jsxDEV3("div", {
+    return /* @__PURE__ */ jsx3("div", {
       className: "border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed",
-      children: /* @__PURE__ */ jsxDEV3("p", {
+      children: /* @__PURE__ */ jsx3("p", {
         className: "text-muted-foreground text-sm",
         children: "Select a recipe to view details."
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
-  return /* @__PURE__ */ jsxDEV3("article", {
+  return /* @__PURE__ */ jsxs2("article", {
     className: "border-border bg-card space-y-4 rounded-2xl border p-6",
     children: [
-      /* @__PURE__ */ jsxDEV3("header", {
+      /* @__PURE__ */ jsxs2("header", {
         className: "flex flex-wrap items-center gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV3(BookOpen, {
+          /* @__PURE__ */ jsx3(BookOpen, {
             className: "text-muted-foreground h-5 w-5"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             children: [
-              /* @__PURE__ */ jsxDEV3("h2", {
+              /* @__PURE__ */ jsx3("h2", {
                 className: "text-xl font-semibold",
                 children: recipe.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("p", {
                 className: "text-muted-foreground text-sm",
                 children: recipe.description
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("section", {
+      }),
+      /* @__PURE__ */ jsxs2("section", {
         children: [
-          /* @__PURE__ */ jsxDEV3("h3", {
+          /* @__PURE__ */ jsx3("h3", {
             className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
             children: "Ingredients"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ul", {
+          }),
+          /* @__PURE__ */ jsx3("ul", {
             className: "text-foreground mt-2 list-disc space-y-1 pl-6 text-sm",
-            children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxDEV3("li", {
+            children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxs2("li", {
               children: [
                 ingredient.name,
                 " – ",
                 ingredient.quantity
               ]
-            }, ingredient.id, true, undefined, this))
-          }, undefined, false, undefined, this)
+            }, ingredient.id))
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("section", {
+      }),
+      /* @__PURE__ */ jsxs2("section", {
         children: [
-          /* @__PURE__ */ jsxDEV3("h3", {
+          /* @__PURE__ */ jsx3("h3", {
             className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
             children: "Instructions"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ol", {
+          }),
+          /* @__PURE__ */ jsx3("ol", {
             className: "text-foreground mt-2 list-decimal space-y-2 pl-6 text-sm",
-            children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsxDEV3("li", {
+            children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsx3("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
@@ -170,7 +170,7 @@ import {
   registerTemplateComponents,
   useTemplateRuntime
 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 "use client";
 var RECIPES_QUERY = gql`
   query Recipes($projectId: ID!, $locale: RecipeLocale!) {
@@ -234,41 +234,41 @@ function RecipeList() {
       }
     });
   };
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs3("div", {
     className: "space-y-4",
     children: [
-      /* @__PURE__ */ jsxDEV4("div", {
+      /* @__PURE__ */ jsxs3("div", {
         className: "flex flex-wrap items-center gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV4(LanguageSwitcher, {
+          /* @__PURE__ */ jsx4(LanguageSwitcher, {
             locale,
             onChange: setLocale
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("input", {
+          }),
+          /* @__PURE__ */ jsx4("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__ */ jsxDEV4("p", {
+      }),
+      loading ? /* @__PURE__ */ jsx4("p", {
         className: "text-muted-foreground text-sm",
         children: "Loading recipes…"
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV4("div", {
+      }) : /* @__PURE__ */ jsx4("div", {
         className: "grid gap-4 md:grid-cols-3",
-        children: filtered.map((recipe) => /* @__PURE__ */ jsxDEV4(RecipeCard, {
+        children: filtered.map((recipe) => /* @__PURE__ */ jsx4(RecipeCard, {
           recipe,
           onSelect: setSelected,
           onToggleFavorite: handleToggleFavorite
-        }, recipe.id, false, undefined, this))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(RecipeDetail, {
+        }, recipe.id))
+      }),
+      /* @__PURE__ */ jsx4(RecipeDetail, {
         recipe: selected
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 registerTemplateComponents("recipe-app-i18n", {
   list: RecipeList,

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

@@ -1,165 +1,165 @@
 // src/components/templates/recipes/LanguageSwitcher.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 function LanguageSwitcher({ locale, onChange }) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsx("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__ */ jsxDEV("button", {
+    children: ["EN", "FR"].map((language) => /* @__PURE__ */ jsx("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 jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function RecipeCard({
   recipe,
   onSelect,
   onToggleFavorite
 }) {
-  return /* @__PURE__ */ jsxDEV2("button", {
+  return /* @__PURE__ */ jsxs("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__ */ jsxDEV2("img", {
+      recipe.heroImageUrl ? /* @__PURE__ */ jsx2("img", {
         src: recipe.heroImageUrl,
         alt: recipe.name,
         className: "h-40 w-full rounded-t-2xl object-cover"
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV2("div", {
+      }) : /* @__PURE__ */ jsx2("div", {
         className: "bg-muted h-40 rounded-t-2xl"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-2 p-4",
         children: [
-          /* @__PURE__ */ jsxDEV2("div", {
+          /* @__PURE__ */ jsxs("div", {
             className: "flex items-center justify-between",
             children: [
-              /* @__PURE__ */ jsxDEV2("p", {
+              /* @__PURE__ */ jsx2("p", {
                 className: "text-base font-semibold",
                 children: recipe.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("button", {
+              }),
+              /* @__PURE__ */ jsx2("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__ */ jsxDEV2(Heart, {
+                children: /* @__PURE__ */ jsx2(Heart, {
                   className: `h-4 w-4 ${recipe.isFavorite ? "fill-red-400" : ""}`
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                })
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
+          }),
+          /* @__PURE__ */ jsx2("p", {
             className: "text-muted-foreground line-clamp-2 text-sm",
             children: recipe.description
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "text-muted-foreground flex flex-wrap gap-3 text-xs",
             children: [
-              recipe.prepTimeMinutes ? /* @__PURE__ */ jsxDEV2("span", {
+              recipe.prepTimeMinutes ? /* @__PURE__ */ jsxs("span", {
                 children: [
                   "Prep ",
                   recipe.prepTimeMinutes,
                   "m"
                 ]
-              }, undefined, true, undefined, this) : null,
-              recipe.cookTimeMinutes ? /* @__PURE__ */ jsxDEV2("span", {
+              }) : null,
+              recipe.cookTimeMinutes ? /* @__PURE__ */ jsxs("span", {
                 children: [
                   "Cook ",
                   recipe.cookTimeMinutes,
                   "m"
                 ]
-              }, undefined, true, undefined, this) : null,
-              recipe.servings ? /* @__PURE__ */ jsxDEV2("span", {
+              }) : null,
+              recipe.servings ? /* @__PURE__ */ jsxs("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 jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function RecipeDetail({ recipe }) {
   if (!recipe) {
-    return /* @__PURE__ */ jsxDEV3("div", {
+    return /* @__PURE__ */ jsx3("div", {
       className: "border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed",
-      children: /* @__PURE__ */ jsxDEV3("p", {
+      children: /* @__PURE__ */ jsx3("p", {
         className: "text-muted-foreground text-sm",
         children: "Select a recipe to view details."
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
-  return /* @__PURE__ */ jsxDEV3("article", {
+  return /* @__PURE__ */ jsxs2("article", {
     className: "border-border bg-card space-y-4 rounded-2xl border p-6",
     children: [
-      /* @__PURE__ */ jsxDEV3("header", {
+      /* @__PURE__ */ jsxs2("header", {
         className: "flex flex-wrap items-center gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV3(BookOpen, {
+          /* @__PURE__ */ jsx3(BookOpen, {
             className: "text-muted-foreground h-5 w-5"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             children: [
-              /* @__PURE__ */ jsxDEV3("h2", {
+              /* @__PURE__ */ jsx3("h2", {
                 className: "text-xl font-semibold",
                 children: recipe.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
+              }),
+              /* @__PURE__ */ jsx3("p", {
                 className: "text-muted-foreground text-sm",
                 children: recipe.description
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("section", {
+      }),
+      /* @__PURE__ */ jsxs2("section", {
         children: [
-          /* @__PURE__ */ jsxDEV3("h3", {
+          /* @__PURE__ */ jsx3("h3", {
             className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
             children: "Ingredients"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ul", {
+          }),
+          /* @__PURE__ */ jsx3("ul", {
             className: "text-foreground mt-2 list-disc space-y-1 pl-6 text-sm",
-            children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxDEV3("li", {
+            children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxs2("li", {
               children: [
                 ingredient.name,
                 " – ",
                 ingredient.quantity
               ]
-            }, ingredient.id, true, undefined, this))
-          }, undefined, false, undefined, this)
+            }, ingredient.id))
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("section", {
+      }),
+      /* @__PURE__ */ jsxs2("section", {
         children: [
-          /* @__PURE__ */ jsxDEV3("h3", {
+          /* @__PURE__ */ jsx3("h3", {
             className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
             children: "Instructions"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ol", {
+          }),
+          /* @__PURE__ */ jsx3("ol", {
             className: "text-foreground mt-2 list-decimal space-y-2 pl-6 text-sm",
-            children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsxDEV3("li", {
+            children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsx3("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
@@ -170,7 +170,7 @@ import {
   registerTemplateComponents,
   useTemplateRuntime
 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 "use client";
 var RECIPES_QUERY = gql`
   query Recipes($projectId: ID!, $locale: RecipeLocale!) {
@@ -234,41 +234,41 @@ function RecipeList() {
       }
     });
   };
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs3("div", {
     className: "space-y-4",
     children: [
-      /* @__PURE__ */ jsxDEV4("div", {
+      /* @__PURE__ */ jsxs3("div", {
         className: "flex flex-wrap items-center gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV4(LanguageSwitcher, {
+          /* @__PURE__ */ jsx4(LanguageSwitcher, {
             locale,
             onChange: setLocale
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("input", {
+          }),
+          /* @__PURE__ */ jsx4("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__ */ jsxDEV4("p", {
+      }),
+      loading ? /* @__PURE__ */ jsx4("p", {
         className: "text-muted-foreground text-sm",
         children: "Loading recipes…"
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV4("div", {
+      }) : /* @__PURE__ */ jsx4("div", {
         className: "grid gap-4 md:grid-cols-3",
-        children: filtered.map((recipe) => /* @__PURE__ */ jsxDEV4(RecipeCard, {
+        children: filtered.map((recipe) => /* @__PURE__ */ jsx4(RecipeCard, {
           recipe,
           onSelect: setSelected,
           onToggleFavorite: handleToggleFavorite
-        }, recipe.id, false, undefined, this))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(RecipeDetail, {
+        }, recipe.id))
+      }),
+      /* @__PURE__ */ jsx4(RecipeDetail, {
         recipe: selected
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 registerTemplateComponents("recipe-app-i18n", {
   list: RecipeList,