@contractspec/bundle.library 3.8.10 → 3.8.11

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

@@ -1,11 +1,4 @@
-// src/components/templates/messaging/ConversationList.tsx
-import { gql } from "@apollo/client";
-import { useQuery } from "@apollo/client/react";
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { MessageCircle, Users } from "lucide-react";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CONVERSATIONS_QUERY = gql`
+import{gql as Q}from"@apollo/client";import{useQuery as _}from"@apollo/client/react";import{useTemplateRuntime as b}from"@contractspec/lib.example-shared-ui";import{MessageCircle as h,Users as T}from"lucide-react";import{useMemo as C}from"react";import{jsx as X,jsxs as W}from"react/jsx-runtime";var w=Q`
   query Conversations($projectId: ID!) {
     conversations(projectId: $projectId) {
       id
@@ -19,87 +12,7 @@ var CONVERSATIONS_QUERY = gql`
       }
     }
   }
-`;
-function ConversationList({
-  selectedId,
-  onSelect
-}) {
-  const { projectId } = useTemplateRuntime();
-  const { data, loading } = useQuery(CONVERSATIONS_QUERY, {
-    variables: { projectId },
-    fetchPolicy: "cache-and-network"
-  });
-  const conversations = useMemo(() => data?.conversations ?? [], [data]);
-  return /* @__PURE__ */ jsxs("aside", {
-    className: "h-full overflow-y-auto rounded-2xl border border-border bg-card",
-    children: [
-      /* @__PURE__ */ jsxs("header", {
-        className: "px -4 flex items-center justify-between border-border border-b px-4 py-3",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            children: [
-              /* @__PURE__ */ jsx("p", {
-                className: "font-semibold text-sm",
-                children: "Conversations"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground text-xs",
-                children: loading ? "Loading…" : `${conversations.length} active`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx(Users, {
-            className: "h-4 w-4 text-muted-foreground"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "divide-y divide-border/70",
-        children: [
-          conversations.map((conversation) => {
-            const isSelected = selectedId === conversation.id;
-            return /* @__PURE__ */ jsxs("button", {
-              type: "button",
-              className: `flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${isSelected ? "bg-violet-500/10 text-foreground" : "hover:bg-muted/40"}`,
-              onClick: () => onSelect?.(conversation.id),
-              children: [
-                /* @__PURE__ */ jsxs("div", {
-                  className: "flex items-center gap-2",
-                  children: [
-                    /* @__PURE__ */ jsx(MessageCircle, {
-                      className: "h-4 w-4 text-muted-foreground"
-                    }),
-                    /* @__PURE__ */ jsx("span", {
-                      className: "font-medium text-sm",
-                      children: conversation.name || "Untitled conversation"
-                    })
-                  ]
-                }),
-                /* @__PURE__ */ jsx("p", {
-                  className: "text-muted-foreground text-xs",
-                  children: conversation.participants.map((participant) => participant.displayName || participant.userId).join(" · ")
-                })
-              ]
-            }, conversation.id);
-          }),
-          !loading && conversations.length === 0 ? /* @__PURE__ */ jsx("p", {
-            className: "p-4 text-center text-muted-foreground text-xs",
-            children: "No conversations yet."
-          }) : null
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/templates/messaging/MessageThread.tsx
-import { gql as gql2 } from "@apollo/client";
-import { useMutation, useQuery as useQuery2 } from "@apollo/client/react";
-import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
-import { useEffect, useRef } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-"use client";
-var MESSAGES_QUERY = gql2`
+`;function f({selectedId:z,onSelect:F}){let{projectId:$}=b(),{data:K,loading:J}=_(w,{variables:{projectId:$},fetchPolicy:"cache-and-network"}),P=C(()=>K?.conversations??[],[K]);return W("aside",{className:"h-full overflow-y-auto rounded-2xl border border-border bg-card",children:[W("header",{className:"px -4 flex items-center justify-between border-border border-b px-4 py-3",children:[W("div",{children:[X("p",{className:"font-semibold text-sm",children:"Conversations"}),X("p",{className:"text-muted-foreground text-xs",children:J?"Loading…":`${P.length} active`})]}),X(T,{className:"h-4 w-4 text-muted-foreground"})]}),W("div",{className:"divide-y divide-border/70",children:[P.map((H)=>{let k=z===H.id;return W("button",{type:"button",className:`flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${k?"bg-violet-500/10 text-foreground":"hover:bg-muted/40"}`,onClick:()=>F?.(H.id),children:[W("div",{className:"flex items-center gap-2",children:[X(h,{className:"h-4 w-4 text-muted-foreground"}),X("span",{className:"font-medium text-sm",children:H.name||"Untitled conversation"})]}),X("p",{className:"text-muted-foreground text-xs",children:H.participants.map((V)=>V.displayName||V.userId).join(" · ")})]},H.id)}),!J&&P.length===0?X("p",{className:"p-4 text-center text-muted-foreground text-xs",children:"No conversations yet."}):null]})]})}import{gql as q}from"@apollo/client";import{useMutation as R,useQuery as E}from"@apollo/client/react";import{useTemplateRuntime as M}from"@contractspec/lib.example-shared-ui";import{useEffect as G,useRef as S}from"react";import{jsx as Z,jsxs as Y}from"react/jsx-runtime";var y=q`
   query Messages($conversationId: ID!) {
     messages(conversationId: $conversationId, limit: 50) {
       id
@@ -110,191 +23,14 @@ var MESSAGES_QUERY = gql2`
       status
     }
   }
-`;
-var SET_READ = gql2`
+`,p=q`
   mutation SetMessagesRead($conversationId: ID!, $userId: String!) {
     setMessagesRead(conversationId: $conversationId, userId: $userId)
   }
-`;
-function MessageThread({
-  conversationId,
-  viewerId = "local-user"
-}) {
-  const scrollRef = useRef(null);
-  const enabled = Boolean(conversationId);
-  const { data, loading } = useQuery2(MESSAGES_QUERY, {
-    variables: { conversationId },
-    skip: !enabled,
-    fetchPolicy: "cache-and-network"
-  });
-  const [setRead] = useMutation(SET_READ);
-  const { projectId } = useTemplateRuntime2();
-  const messages = data?.messages ?? [];
-  useEffect(() => {
-    if (!enabled || !conversationId)
-      return;
-    setRead({ variables: { conversationId, userId: viewerId } }).catch(() => {});
-  }, [conversationId, enabled, setRead, viewerId]);
-  useEffect(() => {
-    const container = scrollRef.current;
-    if (!container)
-      return;
-    container.scrollTop = container.scrollHeight;
-  }, [messages]);
-  if (!conversationId) {
-    return /* @__PURE__ */ jsx2("div", {
-      className: "flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",
-      children: /* @__PURE__ */ jsx2("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Select a conversation"
-      })
-    });
-  }
-  return /* @__PURE__ */ jsx2("div", {
-    className: "flex flex-1 flex-col rounded-2xl border border-border bg-card",
-    children: /* @__PURE__ */ jsx2("div", {
-      ref: scrollRef,
-      className: "flex-1 space-y-3 overflow-y-auto p-4",
-      children: loading ? /* @__PURE__ */ jsx2("p", {
-        className: "text-center text-muted-foreground text-sm",
-        children: "Loading…"
-      }) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxs2("div", {
-        className: `flex flex-col ${message.senderId === viewerId ? "items-end" : "items-start"}`,
-        children: [
-          /* @__PURE__ */ jsx2("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__ */ jsx2("p", {
-              children: message.content
-            })
-          }),
-          /* @__PURE__ */ jsxs2("span", {
-            className: "mt-1 text-muted-foreground text-xs",
-            children: [
-              message.senderName || message.senderId,
-              " ·",
-              " ",
-              new Date(message.createdAt).toLocaleTimeString([], {
-                hour: "2-digit",
-                minute: "2-digit"
-              })
-            ]
-          })
-        ]
-      }, message.id))
-    })
-  });
-}
-
-// src/components/templates/messaging/MessageComposer.tsx
-import { gql as gql3 } from "@apollo/client";
-import { useMutation as useMutation2 } from "@apollo/client/react";
-import { useTemplateRuntime as useTemplateRuntime3 } from "@contractspec/lib.example-shared-ui";
-import { Send } from "lucide-react";
-import { useState } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-"use client";
-var SEND_MESSAGE = gql3`
+`;function D({conversationId:z,viewerId:F="local-user"}){let $=S(null),K=Boolean(z),{data:J,loading:P}=E(y,{variables:{conversationId:z},skip:!K,fetchPolicy:"cache-and-network"}),[H]=R(p),{projectId:k}=M(),V=J?.messages??[];if(G(()=>{if(!K||!z)return;H({variables:{conversationId:z,userId:F}}).catch(()=>{})},[z,K,H,F]),G(()=>{let B=$.current;if(!B)return;B.scrollTop=B.scrollHeight},[V]),!z)return Z("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:Z("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return Z("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:Z("div",{ref:$,className:"flex-1 space-y-3 overflow-y-auto p-4",children:P?Z("p",{className:"text-center text-muted-foreground text-sm",children:"Loading…"}):V.slice().reverse().map((B)=>Y("div",{className:`flex flex-col ${B.senderId===F?"items-end":"items-start"}`,children:[Z("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${B.senderId===F?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:Z("p",{children:B.content})}),Y("span",{className:"mt-1 text-muted-foreground text-xs",children:[B.senderName||B.senderId," ·"," ",new Date(B.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},B.id))})})}import{gql as u}from"@apollo/client";import{useMutation as m}from"@apollo/client/react";import{useTemplateRuntime as x}from"@contractspec/lib.example-shared-ui";import{Send as l}from"lucide-react";import{useState as g}from"react";import{jsx as U,jsxs as A}from"react/jsx-runtime";var j=u`
   mutation SendMessage($input: SendMessageInput!) {
     sendMessage(input: $input) {
       id
     }
   }
-`;
-function MessageComposer({
-  conversationId,
-  viewerId = "local-user",
-  viewerName = "You"
-}) {
-  const { projectId } = useTemplateRuntime3();
-  const [content, setContent] = useState("");
-  const [sendMessage, { loading }] = useMutation2(SEND_MESSAGE);
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    if (!conversationId || !content.trim())
-      return;
-    await sendMessage({
-      variables: {
-        input: {
-          projectId,
-          conversationId,
-          senderId: viewerId,
-          senderName: viewerName,
-          content: content.trim()
-        }
-      },
-      refetchQueries: [
-        {
-          query: MESSAGES_QUERY,
-          variables: { conversationId }
-        }
-      ]
-    });
-    setContent("");
-  };
-  return /* @__PURE__ */ jsxs3("form", {
-    onSubmit: handleSubmit,
-    className: "mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",
-    children: [
-      /* @__PURE__ */ jsx3("input", {
-        type: "text",
-        className: "flex-1 bg-transparent text-foreground 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)
-      }),
-      /* @__PURE__ */ jsxs3("button", {
-        type: "submit",
-        className: "btn-primary inline-flex items-center gap-1 text-sm",
-        disabled: !conversationId || loading || !content.trim(),
-        children: [
-          /* @__PURE__ */ jsx3(Send, {
-            className: "h-4 w-4"
-          }),
-          "Send"
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/templates/messaging/MessagingWorkspace.tsx
-import { registerTemplateComponents } from "@contractspec/lib.example-shared-ui";
-import { useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-"use client";
-function MessagingWorkspace() {
-  const [conversationId, setConversationId] = useState2();
-  return /* @__PURE__ */ jsxs4("div", {
-    className: "grid gap-4 md:grid-cols-[280px,1fr]",
-    children: [
-      /* @__PURE__ */ jsx4(ConversationList, {
-        selectedId: conversationId,
-        onSelect: setConversationId
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "flex flex-col gap-3",
-        children: [
-          /* @__PURE__ */ jsx4(MessageThread, {
-            conversationId
-          }),
-          /* @__PURE__ */ jsx4(MessageComposer, {
-            conversationId
-          })
-        ]
-      })
-    ]
-  });
-}
-registerTemplateComponents("messaging-app", {
-  list: MessagingWorkspace,
-  detail: MessageThread,
-  form: MessageComposer
-});
-export {
-  MessagingWorkspace,
-  MessageThread,
-  MessageComposer,
-  MESSAGES_QUERY,
-  ConversationList
-};
+`;function L({conversationId:z,viewerId:F="local-user",viewerName:$="You"}){let{projectId:K}=x(),[J,P]=g(""),[H,{loading:k}]=m(j);return A("form",{onSubmit:async(B)=>{if(B.preventDefault(),!z||!J.trim())return;await H({variables:{input:{projectId:K,conversationId:z,senderId:F,senderName:$,content:J.trim()}},refetchQueries:[{query:y,variables:{conversationId:z}}]}),P("")},className:"mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",children:[U("input",{type:"text",className:"flex-1 bg-transparent text-foreground text-sm outline-none",placeholder:z?"Type a message…":"Select a conversation to start",disabled:!z||k,value:J,onChange:(B)=>P(B.target.value)}),A("button",{type:"submit",className:"btn-primary inline-flex items-center gap-1 text-sm",disabled:!z||k||!J.trim(),children:[U(l,{className:"h-4 w-4"}),"Send"]})]})}import{registerTemplateComponents as I}from"@contractspec/lib.example-shared-ui";import{useState as v}from"react";import{jsx as O,jsxs as N}from"react/jsx-runtime";function d(){let[z,F]=v();return N("div",{className:"grid gap-4 md:grid-cols-[280px,1fr]",children:[O(f,{selectedId:z,onSelect:F}),N("div",{className:"flex flex-col gap-3",children:[O(D,{conversationId:z}),O(L,{conversationId:z})]})]})}I("messaging-app",{list:d,detail:D,form:L});export{d as MessagingWorkspace,D as MessageThread,L as MessageComposer,y as MESSAGES_QUERY,f as ConversationList};

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

@@ -1,16 +1 @@
-// src/components/templates/recipes/LanguageSwitcher.tsx
-import { jsx } from "react/jsx-runtime";
-function LanguageSwitcher({ locale, onChange }) {
-  return /* @__PURE__ */ jsx("div", {
-    className: "inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",
-    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))
-  });
-}
-export {
-  LanguageSwitcher
-};
+import{jsx as o}from"react/jsx-runtime";function n({locale:t,onChange:r}){return o("div",{className:"inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",children:["EN","FR"].map((e)=>o("button",{type:"button",className:`rounded-full px-3 py-1 transition ${t===e?"bg-violet-500 text-white":"hover:text-foreground"}`,onClick:()=>r(e),children:e==="EN"?"English":"Français"},e))})}export{n as LanguageSwitcher};

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

@@ -1,80 +1 @@
-// src/components/templates/recipes/RecipeCard.tsx
-import { Heart } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RecipeCard({
-  recipe,
-  onSelect,
-  onToggleFavorite
-}) {
-  return /* @__PURE__ */ jsxs("button", {
-    type: "button",
-    onClick: () => onSelect?.(recipe),
-    className: "flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",
-    children: [
-      recipe.heroImageUrl ? /* @__PURE__ */ jsx("img", {
-        src: recipe.heroImageUrl,
-        alt: recipe.name,
-        className: "h-40 w-full rounded-t-2xl object-cover"
-      }) : /* @__PURE__ */ jsx("div", {
-        className: "h-40 rounded-t-2xl bg-muted"
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-2 p-4",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center justify-between",
-            children: [
-              /* @__PURE__ */ jsx("p", {
-                className: "font-semibold text-base",
-                children: recipe.name
-              }),
-              /* @__PURE__ */ jsx("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__ */ jsx(Heart, {
-                  className: `h-4 w-4 ${recipe.isFavorite ? "fill-red-400" : ""}`
-                })
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "line-clamp-2 text-muted-foreground text-sm",
-            children: recipe.description
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "flex flex-wrap gap-3 text-muted-foreground text-xs",
-            children: [
-              recipe.prepTimeMinutes ? /* @__PURE__ */ jsxs("span", {
-                children: [
-                  "Prep ",
-                  recipe.prepTimeMinutes,
-                  "m"
-                ]
-              }) : null,
-              recipe.cookTimeMinutes ? /* @__PURE__ */ jsxs("span", {
-                children: [
-                  "Cook ",
-                  recipe.cookTimeMinutes,
-                  "m"
-                ]
-              }) : null,
-              recipe.servings ? /* @__PURE__ */ jsxs("span", {
-                children: [
-                  recipe.servings,
-                  " servings"
-                ]
-              }) : null
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  RecipeCard
-};
+import{Heart as l}from"lucide-react";import{jsx as o,jsxs as t}from"react/jsx-runtime";function d({recipe:e,onSelect:r,onToggleFavorite:n}){return t("button",{type:"button",onClick:()=>r?.(e),className:"flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",children:[e.heroImageUrl?o("img",{src:e.heroImageUrl,alt:e.name,className:"h-40 w-full rounded-t-2xl object-cover"}):o("div",{className:"h-40 rounded-t-2xl bg-muted"}),t("div",{className:"space-y-2 p-4",children:[t("div",{className:"flex items-center justify-between",children:[o("p",{className:"font-semibold text-base",children:e.name}),o("button",{type:"button",className:`inline-flex items-center justify-center rounded-full border border-transparent p-2 ${e.isFavorite?"text-red-400":"text-muted-foreground hover:text-red-400"}`,onClick:(a)=>{a.stopPropagation(),n?.(e)},children:o(l,{className:`h-4 w-4 ${e.isFavorite?"fill-red-400":""}`})})]}),o("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:e.description}),t("div",{className:"flex flex-wrap gap-3 text-muted-foreground text-xs",children:[e.prepTimeMinutes?t("span",{children:["Prep ",e.prepTimeMinutes,"m"]}):null,e.cookTimeMinutes?t("span",{children:["Cook ",e.cookTimeMinutes,"m"]}):null,e.servings?t("span",{children:[e.servings," servings"]}):null]})]})]})}export{d as RecipeCard};

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

@@ -1,74 +1 @@
-// src/components/templates/recipes/RecipeDetail.tsx
-import { BookOpen } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RecipeDetail({ recipe }) {
-  if (!recipe) {
-    return /* @__PURE__ */ jsx("div", {
-      className: "flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",
-      children: /* @__PURE__ */ jsx("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Select a recipe to view details."
-      })
-    });
-  }
-  return /* @__PURE__ */ jsxs("article", {
-    className: "space-y-4 rounded-2xl border border-border bg-card p-6",
-    children: [
-      /* @__PURE__ */ jsxs("header", {
-        className: "flex flex-wrap items-center gap-3",
-        children: [
-          /* @__PURE__ */ jsx(BookOpen, {
-            className: "h-5 w-5 text-muted-foreground"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            children: [
-              /* @__PURE__ */ jsx("h2", {
-                className: "font-semibold text-xl",
-                children: recipe.name
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground text-sm",
-                children: recipe.description
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("section", {
-        children: [
-          /* @__PURE__ */ jsx("h3", {
-            className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
-            children: "Ingredients"
-          }),
-          /* @__PURE__ */ jsx("ul", {
-            className: "mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",
-            children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxs("li", {
-              children: [
-                ingredient.name,
-                " – ",
-                ingredient.quantity
-              ]
-            }, ingredient.id))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("section", {
-        children: [
-          /* @__PURE__ */ jsx("h3", {
-            className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
-            children: "Instructions"
-          }),
-          /* @__PURE__ */ jsx("ol", {
-            className: "mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",
-            children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsx("li", {
-              children: instruction.content
-            }, instruction.id))
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  RecipeDetail
-};
+import{BookOpen as a}from"lucide-react";import{jsx as e,jsxs as r}from"react/jsx-runtime";function d({recipe:o}){if(!o)return e("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:e("p",{className:"text-muted-foreground text-sm",children:"Select a recipe to view details."})});return r("article",{className:"space-y-4 rounded-2xl border border-border bg-card p-6",children:[r("header",{className:"flex flex-wrap items-center gap-3",children:[e(a,{className:"h-5 w-5 text-muted-foreground"}),r("div",{children:[e("h2",{className:"font-semibold text-xl",children:o.name}),e("p",{className:"text-muted-foreground text-sm",children:o.description})]})]}),r("section",{children:[e("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Ingredients"}),e("ul",{className:"mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",children:o.ingredients.map((t)=>r("li",{children:[t.name," – ",t.quantity]},t.id))})]}),r("section",{children:[e("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Instructions"}),e("ol",{className:"mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",children:o.instructions.map((t)=>e("li",{children:t.content},t.id))})]})]})}export{d as RecipeDetail};