@contractspec/bundle.library 3.9.0 → 3.9.3

package/dist/components/templates/messaging/ConversationList.js

@@ -1,5 +1,5 @@
 // @bun
-import{gql as L}from"@apollo/client";import{useQuery as P}from"@apollo/client/react";import{useTemplateRuntime as W}from"@contractspec/lib.example-shared-ui";import{MessageCircle as X,Users as Z}from"lucide-react";import{useMemo as $}from"react";import{jsx as f,jsxs as k}from"react/jsx-runtime";var b=L`
+var L=Object.defineProperty;var P=(f)=>f;function W(f,k){this[f]=P.bind(null,k)}var A=(f,k)=>{for(var B in k)L(f,B,{get:k[B],enumerable:!0,configurable:!0,set:W.bind(k,B)})};var V=(f,k)=>()=>(f&&(k=f(f=0)),k);import{gql as X}from"@apollo/client";import{useQuery as Z}from"@apollo/client/react";import{useTemplateRuntime as $}from"@contractspec/lib.example-shared-ui";import{MessageCircle as b,Users as h}from"lucide-react";import{useMemo as q}from"react";import{jsx as w,jsxs as z}from"react/jsx-runtime";var y=X`
   query Conversations($projectId: ID!) {
     conversations(projectId: $projectId) {
       id
@@ -13,4 +13,4 @@ import{gql as L}from"@apollo/client";import{useQuery as P}from"@apollo/client/re
       }
     }
   }
-`;function Y({selectedId:G,onSelect:H}){let{projectId:J}=W(),{data:B,loading:D}=P(b,{variables:{projectId:J},fetchPolicy:"cache-and-network"}),z=$(()=>B?.conversations??[],[B]);return k("aside",{className:"h-full overflow-y-auto rounded-2xl border border-border bg-card",children:[k("header",{className:"px -4 flex items-center justify-between border-border border-b px-4 py-3",children:[k("div",{children:[f("p",{className:"font-semibold text-sm",children:"Conversations"}),f("p",{className:"text-muted-foreground text-xs",children:D?"Loading\u2026":`${z.length} active`})]}),f(Z,{className:"h-4 w-4 text-muted-foreground"})]}),k("div",{className:"divide-y divide-border/70",children:[z.map((w)=>{let K=G===w.id;return k("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:()=>H?.(w.id),children:[k("div",{className:"flex items-center gap-2",children:[f(X,{className:"h-4 w-4 text-muted-foreground"}),f("span",{className:"font-medium text-sm",children:w.name||"Untitled conversation"})]}),f("p",{className:"text-muted-foreground text-xs",children:w.participants.map((F)=>F.displayName||F.userId).join(" \xB7 ")})]},w.id)}),!D&&z.length===0?f("p",{className:"p-4 text-center text-muted-foreground text-xs",children:"No conversations yet."}):null]})]})}export{Y as ConversationList};
+`;function O({selectedId:f,onSelect:k}){let{projectId:B}=$(),{data:G,loading:H}=Z(y,{variables:{projectId:B},fetchPolicy:"cache-and-network"}),F=q(()=>G?.conversations??[],[G]);return z("aside",{className:"h-full overflow-y-auto rounded-2xl border border-border bg-card",children:[z("header",{className:"px -4 flex items-center justify-between border-border border-b px-4 py-3",children:[z("div",{children:[w("p",{className:"font-semibold text-sm",children:"Conversations"}),w("p",{className:"text-muted-foreground text-xs",children:H?"Loading\u2026":`${F.length} active`})]}),w(h,{className:"h-4 w-4 text-muted-foreground"})]}),z("div",{className:"divide-y divide-border/70",children:[F.map((D)=>{let K=f===D.id;return z("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:()=>k?.(D.id),children:[z("div",{className:"flex items-center gap-2",children:[w(b,{className:"h-4 w-4 text-muted-foreground"}),w("span",{className:"font-medium text-sm",children:D.name||"Untitled conversation"})]}),w("p",{className:"text-muted-foreground text-xs",children:D.participants.map((J)=>J.displayName||J.userId).join(" \xB7 ")})]},D.id)}),!H&&F.length===0?w("p",{className:"p-4 text-center text-muted-foreground text-xs",children:"No conversations yet."}):null]})]})}export{O as ConversationList};

package/dist/components/templates/messaging/MessageComposer.js

@@ -1,5 +1,5 @@
 // @bun
-import{gql as $}from"@apollo/client";import{useMutation as D,useQuery as U}from"@apollo/client/react";import{useTemplateRuntime as Y}from"@contractspec/lib.example-shared-ui";import{useEffect as X,useRef as h}from"react";import{jsx as B,jsxs as Z}from"react/jsx-runtime";var W=$`
+var D=Object.defineProperty;var U=(k)=>k;function Y(k,z){this[k]=U.bind(null,z)}var p=(k,z)=>{for(var F in z)D(k,F,{get:z[F],enumerable:!0,configurable:!0,set:Y.bind(z,F)})};var R=(k,z)=>()=>(k&&(z=k(k=0)),z);import{gql as $}from"@apollo/client";import{useMutation as h,useQuery as q}from"@apollo/client/react";import{useTemplateRuntime as G}from"@contractspec/lib.example-shared-ui";import{useEffect as X,useRef as N}from"react";import{jsx as H,jsxs as Z}from"react/jsx-runtime";var W=$`
   query Messages($conversationId: ID!) {
     messages(conversationId: $conversationId, limit: 50) {
       id
@@ -10,14 +10,14 @@ import{gql as $}from"@apollo/client";import{useMutation as D,useQuery as U}from"
       status
     }
   }
-`,q=$`
+`,Q=$`
   mutation SetMessagesRead($conversationId: ID!, $userId: String!) {
     setMessagesRead(conversationId: $conversationId, userId: $userId)
   }
-`;function R({conversationId:z,viewerId:F="local-user"}){let K=h(null),J=Boolean(z),{data:H,loading:L}=U(W,{variables:{conversationId:z},skip:!J,fetchPolicy:"cache-and-network"}),[O]=D(q),{projectId:P}=Y(),V=H?.messages??[];if(X(()=>{if(!J||!z)return;O({variables:{conversationId:z,userId:F}}).catch(()=>{})},[z,J,O,F]),X(()=>{let k=K.current;if(!k)return;k.scrollTop=k.scrollHeight},[V]),!z)return B("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:B("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return B("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:B("div",{ref:K,className:"flex-1 space-y-3 overflow-y-auto p-4",children:L?B("p",{className:"text-center text-muted-foreground text-sm",children:"Loading\u2026"}):V.slice().reverse().map((k)=>Z("div",{className:`flex flex-col ${k.senderId===F?"items-end":"items-start"}`,children:[B("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${k.senderId===F?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:B("p",{children:k.content})}),Z("span",{className:"mt-1 text-muted-foreground text-xs",children:[k.senderName||k.senderId," \xB7"," ",new Date(k.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},k.id))})})}import{gql as G}from"@apollo/client";import{useMutation as N}from"@apollo/client/react";import{useTemplateRuntime as Q}from"@contractspec/lib.example-shared-ui";import{Send as A}from"lucide-react";import{useState as T}from"react";import{jsx as y,jsxs as C}from"react/jsx-runtime";var _=G`
+`;function u({conversationId:k,viewerId:z="local-user"}){let F=N(null),K=Boolean(k),{data:J,loading:L}=q(W,{variables:{conversationId:k},skip:!K,fetchPolicy:"cache-and-network"}),[O]=h(Q),{projectId:P}=G(),V=J?.messages??[];if(X(()=>{if(!K||!k)return;O({variables:{conversationId:k,userId:z}}).catch(()=>{})},[k,K,O,z]),X(()=>{let B=F.current;if(!B)return;B.scrollTop=B.scrollHeight},[V]),!k)return H("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:H("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return H("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:H("div",{ref:F,className:"flex-1 space-y-3 overflow-y-auto p-4",children:L?H("p",{className:"text-center text-muted-foreground text-sm",children:"Loading\u2026"}):V.slice().reverse().map((B)=>Z("div",{className:`flex flex-col ${B.senderId===z?"items-end":"items-start"}`,children:[H("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${B.senderId===z?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:H("p",{children:B.content})}),Z("span",{className:"mt-1 text-muted-foreground text-xs",children:[B.senderName||B.senderId," \xB7"," ",new Date(B.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},B.id))})})}import{gql as A}from"@apollo/client";import{useMutation as T}from"@apollo/client/react";import{useTemplateRuntime as _}from"@contractspec/lib.example-shared-ui";import{Send as b}from"lucide-react";import{useState as f}from"react";import{jsx as y,jsxs as C}from"react/jsx-runtime";var M=A`
   mutation SendMessage($input: SendMessageInput!) {
     sendMessage(input: $input) {
       id
     }
   }
-`;function m({conversationId:z,viewerId:F="local-user",viewerName:K="You"}){let{projectId:J}=Q(),[H,L]=T(""),[O,{loading:P}]=N(_);return C("form",{onSubmit:async(k)=>{if(k.preventDefault(),!z||!H.trim())return;await O({variables:{input:{projectId:J,conversationId:z,senderId:F,senderName:K,content:H.trim()}},refetchQueries:[{query:W,variables:{conversationId:z}}]}),L("")},className:"mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",children:[y("input",{type:"text",className:"flex-1 bg-transparent text-foreground text-sm outline-none",placeholder:z?"Type a message\u2026":"Select a conversation to start",disabled:!z||P,value:H,onChange:(k)=>L(k.target.value)}),C("button",{type:"submit",className:"btn-primary inline-flex items-center gap-1 text-sm",disabled:!z||P||!H.trim(),children:[y(A,{className:"h-4 w-4"}),"Send"]})]})}export{m as MessageComposer};
+`;function r({conversationId:k,viewerId:z="local-user",viewerName:F="You"}){let{projectId:K}=_(),[J,L]=f(""),[O,{loading:P}]=T(M);return C("form",{onSubmit:async(B)=>{if(B.preventDefault(),!k||!J.trim())return;await O({variables:{input:{projectId:K,conversationId:k,senderId:z,senderName:F,content:J.trim()}},refetchQueries:[{query:W,variables:{conversationId:k}}]}),L("")},className:"mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",children:[y("input",{type:"text",className:"flex-1 bg-transparent text-foreground text-sm outline-none",placeholder:k?"Type a message\u2026":"Select a conversation to start",disabled:!k||P,value:J,onChange:(B)=>L(B.target.value)}),C("button",{type:"submit",className:"btn-primary inline-flex items-center gap-1 text-sm",disabled:!k||P||!J.trim(),children:[y(b,{className:"h-4 w-4"}),"Send"]})]})}export{r as MessageComposer};

package/dist/components/templates/messaging/MessageThread.js

@@ -1,5 +1,5 @@
 // @bun
-import{gql as O}from"@apollo/client";import{useMutation as X,useQuery as Z}from"@apollo/client/react";import{useTemplateRuntime as $}from"@contractspec/lib.example-shared-ui";import{useEffect as L,useRef as h}from"react";import{jsx as z,jsxs as N}from"react/jsx-runtime";var y=O`
+var X=Object.defineProperty;var Z=(k)=>k;function $(k,z){this[k]=Z.bind(null,z)}var q=(k,z)=>{for(var F in z)X(k,F,{get:z[F],enumerable:!0,configurable:!0,set:$.bind(z,F)})};var A=(k,z)=>()=>(k&&(z=k(k=0)),z);import{gql as O}from"@apollo/client";import{useMutation as h,useQuery as y}from"@apollo/client/react";import{useTemplateRuntime as D}from"@contractspec/lib.example-shared-ui";import{useEffect as L,useRef as G}from"react";import{jsx as C,jsxs as N}from"react/jsx-runtime";var U=O`
   query Messages($conversationId: ID!) {
     messages(conversationId: $conversationId, limit: 50) {
       id
@@ -10,8 +10,8 @@ import{gql as O}from"@apollo/client";import{useMutation as X,useQuery as Z}from"
       status
     }
   }
-`,D=O`
+`,Y=O`
   mutation SetMessagesRead($conversationId: ID!, $userId: String!) {
     setMessagesRead(conversationId: $conversationId, userId: $userId)
   }
-`;function A({conversationId:B,viewerId:C="local-user"}){let H=h(null),F=Boolean(B),{data:P,loading:V}=Z(y,{variables:{conversationId:B},skip:!F,fetchPolicy:"cache-and-network"}),[J]=X(D),{projectId:W}=$(),K=P?.messages??[];if(L(()=>{if(!F||!B)return;J({variables:{conversationId:B,userId:C}}).catch(()=>{})},[B,F,J,C]),L(()=>{let k=H.current;if(!k)return;k.scrollTop=k.scrollHeight},[K]),!B)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:H,className:"flex-1 space-y-3 overflow-y-auto p-4",children:V?z("p",{className:"text-center text-muted-foreground text-sm",children:"Loading\u2026"}):K.slice().reverse().map((k)=>N("div",{className:`flex flex-col ${k.senderId===C?"items-end":"items-start"}`,children:[z("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${k.senderId===C?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:z("p",{children:k.content})}),N("span",{className:"mt-1 text-muted-foreground text-xs",children:[k.senderName||k.senderId," \xB7"," ",new Date(k.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},k.id))})})}export{A as MessageThread,y as MESSAGES_QUERY};
+`;function p({conversationId:k,viewerId:z="local-user"}){let F=G(null),H=Boolean(k),{data:P,loading:V}=y(U,{variables:{conversationId:k},skip:!H,fetchPolicy:"cache-and-network"}),[J]=h(Y),{projectId:W}=D(),K=P?.messages??[];if(L(()=>{if(!H||!k)return;J({variables:{conversationId:k,userId:z}}).catch(()=>{})},[k,H,J,z]),L(()=>{let B=F.current;if(!B)return;B.scrollTop=B.scrollHeight},[K]),!k)return C("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:C("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return C("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:C("div",{ref:F,className:"flex-1 space-y-3 overflow-y-auto p-4",children:V?C("p",{className:"text-center text-muted-foreground text-sm",children:"Loading\u2026"}):K.slice().reverse().map((B)=>N("div",{className:`flex flex-col ${B.senderId===z?"items-end":"items-start"}`,children:[C("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${B.senderId===z?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:C("p",{children:B.content})}),N("span",{className:"mt-1 text-muted-foreground text-xs",children:[B.senderName||B.senderId," \xB7"," ",new Date(B.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},B.id))})})}export{p as MessageThread,U as MESSAGES_QUERY};

package/dist/components/templates/messaging/MessagingWorkspace.js

@@ -1,5 +1,5 @@
 // @bun
-import{gql as _}from"@apollo/client";import{useQuery as b}from"@apollo/client/react";import{useTemplateRuntime as f}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=_`
+var _=Object.defineProperty;var b=(z)=>z;function f(z,B){this[z]=b.bind(null,B)}var o=(z,B)=>{for(var H in B)_(z,H,{get:B[H],enumerable:!0,configurable:!0,set:f.bind(B,H)})};var t=(z,B)=>()=>(z&&(B=z(z=0)),B);import{gql as h}from"@apollo/client";import{useQuery as T}from"@apollo/client/react";import{useTemplateRuntime as C}from"@contractspec/lib.example-shared-ui";import{MessageCircle as w,Users as R}from"lucide-react";import{useMemo as E}from"react";import{jsx as Z,jsxs as W}from"react/jsx-runtime";var M=h`
   query Conversations($projectId: ID!) {
     conversations(projectId: $projectId) {
       id
@@ -13,7 +13,7 @@ import{gql as _}from"@apollo/client";import{useQuery as b}from"@apollo/client/re
       }
     }
   }
-`;function G({selectedId:z,onSelect:F}){let{projectId:$}=f(),{data:K,loading:J}=b(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\u2026":`${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(" \xB7 ")})]},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 U}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 Y,useRef as S}from"react";import{jsx as Z,jsxs as q}from"react/jsx-runtime";var y=U`
+`;function G({selectedId:z,onSelect:B}){let{projectId:H}=C(),{data:P,loading:K}=T(M,{variables:{projectId:H},fetchPolicy:"cache-and-network"}),X=E(()=>P?.conversations??[],[P]);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:[Z("p",{className:"font-semibold text-sm",children:"Conversations"}),Z("p",{className:"text-muted-foreground text-xs",children:K?"Loading\u2026":`${X.length} active`})]}),Z(R,{className:"h-4 w-4 text-muted-foreground"})]}),W("div",{className:"divide-y divide-border/70",children:[X.map((J)=>{let k=z===J.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:()=>B?.(J.id),children:[W("div",{className:"flex items-center gap-2",children:[Z(w,{className:"h-4 w-4 text-muted-foreground"}),Z("span",{className:"font-medium text-sm",children:J.name||"Untitled conversation"})]}),Z("p",{className:"text-muted-foreground text-xs",children:J.participants.map((V)=>V.displayName||V.userId).join(" \xB7 ")})]},J.id)}),!K&&X.length===0?Z("p",{className:"p-4 text-center text-muted-foreground text-xs",children:"No conversations yet."}):null]})]})}import{gql as U}from"@apollo/client";import{useMutation as S,useQuery as p}from"@apollo/client/react";import{useTemplateRuntime as u}from"@contractspec/lib.example-shared-ui";import{useEffect as Y,useRef as l}from"react";import{jsx as $,jsxs as q}from"react/jsx-runtime";var y=U`
   query Messages($conversationId: ID!) {
     messages(conversationId: $conversationId, limit: 50) {
       id
@@ -24,14 +24,14 @@ import{gql as _}from"@apollo/client";import{useQuery as b}from"@apollo/client/re
       status
     }
   }
-`,p=U`
+`,g=U`
   mutation SetMessagesRead($conversationId: ID!, $userId: String!) {
     setMessagesRead(conversationId: $conversationId, userId: $userId)
   }
-`;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(Y(()=>{if(!K||!z)return;H({variables:{conversationId:z,userId:F}}).catch(()=>{})},[z,K,H,F]),Y(()=>{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\u2026"}):V.slice().reverse().map((B)=>q("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})}),q("span",{className:"mt-1 text-muted-foreground text-xs",children:[B.senderName||B.senderId," \xB7"," ",new Date(B.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},B.id))})})}import{gql as u}from"@apollo/client";import{useMutation as l}from"@apollo/client/react";import{useTemplateRuntime as g}from"@contractspec/lib.example-shared-ui";import{Send as j}from"lucide-react";import{useState as m}from"react";import{jsx as A,jsxs as N}from"react/jsx-runtime";var x=u`
+`;function D({conversationId:z,viewerId:B="local-user"}){let H=l(null),P=Boolean(z),{data:K,loading:X}=p(y,{variables:{conversationId:z},skip:!P,fetchPolicy:"cache-and-network"}),[J]=S(g),{projectId:k}=u(),V=K?.messages??[];if(Y(()=>{if(!P||!z)return;J({variables:{conversationId:z,userId:B}}).catch(()=>{})},[z,P,J,B]),Y(()=>{let F=H.current;if(!F)return;F.scrollTop=F.scrollHeight},[V]),!z)return $("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:$("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return $("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:$("div",{ref:H,className:"flex-1 space-y-3 overflow-y-auto p-4",children:X?$("p",{className:"text-center text-muted-foreground text-sm",children:"Loading\u2026"}):V.slice().reverse().map((F)=>q("div",{className:`flex flex-col ${F.senderId===B?"items-end":"items-start"}`,children:[$("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${F.senderId===B?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:$("p",{children:F.content})}),q("span",{className:"mt-1 text-muted-foreground text-xs",children:[F.senderName||F.senderId," \xB7"," ",new Date(F.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},F.id))})})}import{gql as j}from"@apollo/client";import{useMutation as m}from"@apollo/client/react";import{useTemplateRuntime as x}from"@contractspec/lib.example-shared-ui";import{Send as I}from"lucide-react";import{useState as v}from"react";import{jsx as A,jsxs as N}from"react/jsx-runtime";var d=j`
   mutation SendMessage($input: SendMessageInput!) {
     sendMessage(input: $input) {
       id
     }
   }
-`;function L({conversationId:z,viewerId:F="local-user",viewerName:$="You"}){let{projectId:K}=g(),[J,P]=m(""),[H,{loading:k}]=l(x);return N("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:[A("input",{type:"text",className:"flex-1 bg-transparent text-foreground text-sm outline-none",placeholder:z?"Type a message\u2026":"Select a conversation to start",disabled:!z||k,value:J,onChange:(B)=>P(B.target.value)}),N("button",{type:"submit",className:"btn-primary inline-flex items-center gap-1 text-sm",disabled:!z||k||!J.trim(),children:[A(j,{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 Q}from"react/jsx-runtime";function d(){let[z,F]=v();return Q("div",{className:"grid gap-4 md:grid-cols-[280px,1fr]",children:[O(G,{selectedId:z,onSelect:F}),Q("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};
+`;function L({conversationId:z,viewerId:B="local-user",viewerName:H="You"}){let{projectId:P}=x(),[K,X]=v(""),[J,{loading:k}]=m(d);return N("form",{onSubmit:async(F)=>{if(F.preventDefault(),!z||!K.trim())return;await J({variables:{input:{projectId:P,conversationId:z,senderId:B,senderName:H,content:K.trim()}},refetchQueries:[{query:y,variables:{conversationId:z}}]}),X("")},className:"mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",children:[A("input",{type:"text",className:"flex-1 bg-transparent text-foreground text-sm outline-none",placeholder:z?"Type a message\u2026":"Select a conversation to start",disabled:!z||k,value:K,onChange:(F)=>X(F.target.value)}),N("button",{type:"submit",className:"btn-primary inline-flex items-center gap-1 text-sm",disabled:!z||k||!K.trim(),children:[A(I,{className:"h-4 w-4"}),"Send"]})]})}import{registerTemplateComponents as c}from"@contractspec/lib.example-shared-ui";import{useState as i}from"react";import{jsx as O,jsxs as Q}from"react/jsx-runtime";function r(){let[z,B]=i();return Q("div",{className:"grid gap-4 md:grid-cols-[280px,1fr]",children:[O(G,{selectedId:z,onSelect:B}),Q("div",{className:"flex flex-col gap-3",children:[O(D,{conversationId:z}),O(L,{conversationId:z})]})]})}c("messaging-app",{list:r,detail:D,form:L});export{r as MessagingWorkspace};

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

@@ -1,5 +1,5 @@
 // @bun
-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`
+var Q=Object.defineProperty;var _=(z)=>z;function b(z,B){this[z]=_.bind(null,B)}var o=(z,B)=>{for(var H in B)Q(z,H,{get:B[H],enumerable:!0,configurable:!0,set:b.bind(B,H)})};var t=(z,B)=>()=>(z&&(B=z(z=0)),B);import{gql as h}from"@apollo/client";import{useQuery as T}from"@apollo/client/react";import{useTemplateRuntime as C}from"@contractspec/lib.example-shared-ui";import{MessageCircle as w,Users as R}from"lucide-react";import{useMemo as E}from"react";import{jsx as Z,jsxs as W}from"react/jsx-runtime";var M=h`
   query Conversations($projectId: ID!) {
     conversations(projectId: $projectId) {
       id
@@ -13,7 +13,7 @@ import{gql as Q}from"@apollo/client";import{useQuery as _}from"@apollo/client/re
       }
     }
   }
-`;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\u2026":`${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(" \xB7 ")})]},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`
+`;function f({selectedId:z,onSelect:B}){let{projectId:H}=C(),{data:P,loading:K}=T(M,{variables:{projectId:H},fetchPolicy:"cache-and-network"}),X=E(()=>P?.conversations??[],[P]);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:[Z("p",{className:"font-semibold text-sm",children:"Conversations"}),Z("p",{className:"text-muted-foreground text-xs",children:K?"Loading\u2026":`${X.length} active`})]}),Z(R,{className:"h-4 w-4 text-muted-foreground"})]}),W("div",{className:"divide-y divide-border/70",children:[X.map((J)=>{let k=z===J.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:()=>B?.(J.id),children:[W("div",{className:"flex items-center gap-2",children:[Z(w,{className:"h-4 w-4 text-muted-foreground"}),Z("span",{className:"font-medium text-sm",children:J.name||"Untitled conversation"})]}),Z("p",{className:"text-muted-foreground text-xs",children:J.participants.map((V)=>V.displayName||V.userId).join(" \xB7 ")})]},J.id)}),!K&&X.length===0?Z("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 S,useQuery as p}from"@apollo/client/react";import{useTemplateRuntime as u}from"@contractspec/lib.example-shared-ui";import{useEffect as G,useRef as m}from"react";import{jsx as $,jsxs as Y}from"react/jsx-runtime";var y=q`
   query Messages($conversationId: ID!) {
     messages(conversationId: $conversationId, limit: 50) {
       id
@@ -24,14 +24,14 @@ import{gql as Q}from"@apollo/client";import{useQuery as _}from"@apollo/client/re
       status
     }
   }
-`,p=q`
+`,x=q`
   mutation SetMessagesRead($conversationId: ID!, $userId: String!) {
     setMessagesRead(conversationId: $conversationId, userId: $userId)
   }
-`;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\u2026"}):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," \xB7"," ",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`
+`;function D({conversationId:z,viewerId:B="local-user"}){let H=m(null),P=Boolean(z),{data:K,loading:X}=p(y,{variables:{conversationId:z},skip:!P,fetchPolicy:"cache-and-network"}),[J]=S(x),{projectId:k}=u(),V=K?.messages??[];if(G(()=>{if(!P||!z)return;J({variables:{conversationId:z,userId:B}}).catch(()=>{})},[z,P,J,B]),G(()=>{let F=H.current;if(!F)return;F.scrollTop=F.scrollHeight},[V]),!z)return $("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:$("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return $("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:$("div",{ref:H,className:"flex-1 space-y-3 overflow-y-auto p-4",children:X?$("p",{className:"text-center text-muted-foreground text-sm",children:"Loading\u2026"}):V.slice().reverse().map((F)=>Y("div",{className:`flex flex-col ${F.senderId===B?"items-end":"items-start"}`,children:[$("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${F.senderId===B?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:$("p",{children:F.content})}),Y("span",{className:"mt-1 text-muted-foreground text-xs",children:[F.senderName||F.senderId," \xB7"," ",new Date(F.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},F.id))})})}import{gql as l}from"@apollo/client";import{useMutation as g}from"@apollo/client/react";import{useTemplateRuntime as j}from"@contractspec/lib.example-shared-ui";import{Send as I}from"lucide-react";import{useState as v}from"react";import{jsx as U,jsxs as A}from"react/jsx-runtime";var d=l`
   mutation SendMessage($input: SendMessageInput!) {
     sendMessage(input: $input) {
       id
     }
   }
-`;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\u2026":"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};
+`;function L({conversationId:z,viewerId:B="local-user",viewerName:H="You"}){let{projectId:P}=j(),[K,X]=v(""),[J,{loading:k}]=g(d);return A("form",{onSubmit:async(F)=>{if(F.preventDefault(),!z||!K.trim())return;await J({variables:{input:{projectId:P,conversationId:z,senderId:B,senderName:H,content:K.trim()}},refetchQueries:[{query:y,variables:{conversationId:z}}]}),X("")},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\u2026":"Select a conversation to start",disabled:!z||k,value:K,onChange:(F)=>X(F.target.value)}),A("button",{type:"submit",className:"btn-primary inline-flex items-center gap-1 text-sm",disabled:!z||k||!K.trim(),children:[U(I,{className:"h-4 w-4"}),"Send"]})]})}import{registerTemplateComponents as c}from"@contractspec/lib.example-shared-ui";import{useState as r}from"react";import{jsx as O,jsxs as N}from"react/jsx-runtime";function i(){let[z,B]=r();return N("div",{className:"grid gap-4 md:grid-cols-[280px,1fr]",children:[O(f,{selectedId:z,onSelect:B}),N("div",{className:"flex flex-col gap-3",children:[O(D,{conversationId:z}),O(L,{conversationId:z})]})]})}c("messaging-app",{list:i,detail:D,form:L});export{i as MessagingWorkspace,D as MessageThread,L as MessageComposer,y as MESSAGES_QUERY,f as ConversationList};

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

@@ -1,2 +1,2 @@
 // @bun
-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\xE7ais"},e))})}export{n as LanguageSwitcher};
+var n=Object.defineProperty;var i=(e)=>e;function d(e,o){this[e]=i.bind(null,o)}var a=(e,o)=>{for(var t in o)n(e,t,{get:o[t],enumerable:!0,configurable:!0,set:d.bind(o,t)})};var l=(e,o)=>()=>(e&&(o=e(e=0)),o);import{jsx as r}from"react/jsx-runtime";function u({locale:e,onChange:o}){return r("div",{className:"inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",children:["EN","FR"].map((t)=>r("button",{type:"button",className:`rounded-full px-3 py-1 transition ${e===t?"bg-violet-500 text-white":"hover:text-foreground"}`,onClick:()=>o(t),children:t==="EN"?"English":"Fran\xE7ais"},t))})}export{u as LanguageSwitcher};

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

@@ -1,2 +1,2 @@
 // @bun
-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};
+var l=Object.defineProperty;var i=(e)=>e;function d(e,t){this[e]=i.bind(null,t)}var m=(e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0,configurable:!0,set:d.bind(t,n)})};var p=(e,t)=>()=>(e&&(t=e(e=0)),t);import{Heart as s}from"lucide-react";import{jsx as r,jsxs as o}from"react/jsx-runtime";function f({recipe:e,onSelect:t,onToggleFavorite:n}){return o("button",{type:"button",onClick:()=>t?.(e),className:"flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",children:[e.heroImageUrl?r("img",{src:e.heroImageUrl,alt:e.name,className:"h-40 w-full rounded-t-2xl object-cover"}):r("div",{className:"h-40 rounded-t-2xl bg-muted"}),o("div",{className:"space-y-2 p-4",children:[o("div",{className:"flex items-center justify-between",children:[r("p",{className:"font-semibold text-base",children:e.name}),r("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:r(s,{className:`h-4 w-4 ${e.isFavorite?"fill-red-400":""}`})})]}),r("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:e.description}),o("div",{className:"flex flex-wrap gap-3 text-muted-foreground text-xs",children:[e.prepTimeMinutes?o("span",{children:["Prep ",e.prepTimeMinutes,"m"]}):null,e.cookTimeMinutes?o("span",{children:["Cook ",e.cookTimeMinutes,"m"]}):null,e.servings?o("span",{children:[e.servings," servings"]}):null]})]})]})}export{f as RecipeCard};

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

@@ -1,2 +1,2 @@
 // @bun
-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," \u2013 ",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};
+var i=Object.defineProperty;var d=(e)=>e;function l(e,t){this[e]=d.bind(null,t)}var m=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0,configurable:!0,set:l.bind(t,a)})};var n=(e,t)=>()=>(e&&(t=e(e=0)),t);import{BookOpen as c}from"lucide-react";import{jsx as r,jsxs as o}from"react/jsx-runtime";function u({recipe:e}){if(!e)return r("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:r("p",{className:"text-muted-foreground text-sm",children:"Select a recipe to view details."})});return o("article",{className:"space-y-4 rounded-2xl border border-border bg-card p-6",children:[o("header",{className:"flex flex-wrap items-center gap-3",children:[r(c,{className:"h-5 w-5 text-muted-foreground"}),o("div",{children:[r("h2",{className:"font-semibold text-xl",children:e.name}),r("p",{className:"text-muted-foreground text-sm",children:e.description})]})]}),o("section",{children:[r("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Ingredients"}),r("ul",{className:"mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",children:e.ingredients.map((t)=>o("li",{children:[t.name," \u2013 ",t.quantity]},t.id))})]}),o("section",{children:[r("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Instructions"}),r("ol",{className:"mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",children:e.instructions.map((t)=>r("li",{children:t.content},t.id))})]})]})}export{u as RecipeDetail};

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

@@ -1,5 +1,5 @@
 // @bun
-import{jsx as p}from"react/jsx-runtime";function b({locale:t,onChange:e}){return p("div",{className:"inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",children:["EN","FR"].map((n)=>p("button",{type:"button",className:`rounded-full px-3 py-1 transition ${t===n?"bg-violet-500 text-white":"hover:text-foreground"}`,onClick:()=>e(n),children:n==="EN"?"English":"Fran\xE7ais"},n))})}import{Heart as F}from"lucide-react";import{jsx as a,jsxs as d}from"react/jsx-runtime";function c({recipe:t,onSelect:e,onToggleFavorite:n}){return d("button",{type:"button",onClick:()=>e?.(t),className:"flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",children:[t.heroImageUrl?a("img",{src:t.heroImageUrl,alt:t.name,className:"h-40 w-full rounded-t-2xl object-cover"}):a("div",{className:"h-40 rounded-t-2xl bg-muted"}),d("div",{className:"space-y-2 p-4",children:[d("div",{className:"flex items-center justify-between",children:[a("p",{className:"font-semibold text-base",children:t.name}),a("button",{type:"button",className:`inline-flex items-center justify-center rounded-full border border-transparent p-2 ${t.isFavorite?"text-red-400":"text-muted-foreground hover:text-red-400"}`,onClick:(i)=>{i.stopPropagation(),n?.(t)},children:a(F,{className:`h-4 w-4 ${t.isFavorite?"fill-red-400":""}`})})]}),a("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:t.description}),d("div",{className:"flex flex-wrap gap-3 text-muted-foreground text-xs",children:[t.prepTimeMinutes?d("span",{children:["Prep ",t.prepTimeMinutes,"m"]}):null,t.cookTimeMinutes?d("span",{children:["Cook ",t.cookTimeMinutes,"m"]}):null,t.servings?d("span",{children:[t.servings," servings"]}):null]})]})]})}import{BookOpen as C}from"lucide-react";import{jsx as r,jsxs as l}from"react/jsx-runtime";function s({recipe:t}){if(!t)return r("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:r("p",{className:"text-muted-foreground text-sm",children:"Select a recipe to view details."})});return l("article",{className:"space-y-4 rounded-2xl border border-border bg-card p-6",children:[l("header",{className:"flex flex-wrap items-center gap-3",children:[r(C,{className:"h-5 w-5 text-muted-foreground"}),l("div",{children:[r("h2",{className:"font-semibold text-xl",children:t.name}),r("p",{className:"text-muted-foreground text-sm",children:t.description})]})]}),l("section",{children:[r("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Ingredients"}),r("ul",{className:"mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",children:t.ingredients.map((e)=>l("li",{children:[e.name," \u2013 ",e.quantity]},e.id))})]}),l("section",{children:[r("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Instructions"}),r("ol",{className:"mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",children:t.instructions.map((e)=>r("li",{children:e.content},e.id))})]})]})}import{gql as v}from"@apollo/client";import{useMutation as M,useQuery as R}from"@apollo/client/react";import{registerTemplateComponents as $,useTemplateRuntime as B}from"@contractspec/lib.example-shared-ui";import{useState as u}from"react";import{jsx as m,jsxs as N}from"react/jsx-runtime";var H=v`
+var F=Object.defineProperty;var C=(t)=>t;function M(t,e){this[t]=C.bind(null,e)}var J=(t,e)=>{for(var o in e)F(t,o,{get:e[o],enumerable:!0,configurable:!0,set:M.bind(e,o)})};var K=(t,e)=>()=>(t&&(e=t(t=0)),e);import{jsx as p}from"react/jsx-runtime";function b({locale:t,onChange:e}){return p("div",{className:"inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",children:["EN","FR"].map((o)=>p("button",{type:"button",className:`rounded-full px-3 py-1 transition ${t===o?"bg-violet-500 text-white":"hover:text-foreground"}`,onClick:()=>e(o),children:o==="EN"?"English":"Fran\xE7ais"},o))})}import{Heart as R}from"lucide-react";import{jsx as a,jsxs as d}from"react/jsx-runtime";function c({recipe:t,onSelect:e,onToggleFavorite:o}){return d("button",{type:"button",onClick:()=>e?.(t),className:"flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",children:[t.heroImageUrl?a("img",{src:t.heroImageUrl,alt:t.name,className:"h-40 w-full rounded-t-2xl object-cover"}):a("div",{className:"h-40 rounded-t-2xl bg-muted"}),d("div",{className:"space-y-2 p-4",children:[d("div",{className:"flex items-center justify-between",children:[a("p",{className:"font-semibold text-base",children:t.name}),a("button",{type:"button",className:`inline-flex items-center justify-center rounded-full border border-transparent p-2 ${t.isFavorite?"text-red-400":"text-muted-foreground hover:text-red-400"}`,onClick:(i)=>{i.stopPropagation(),o?.(t)},children:a(R,{className:`h-4 w-4 ${t.isFavorite?"fill-red-400":""}`})})]}),a("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:t.description}),d("div",{className:"flex flex-wrap gap-3 text-muted-foreground text-xs",children:[t.prepTimeMinutes?d("span",{children:["Prep ",t.prepTimeMinutes,"m"]}):null,t.cookTimeMinutes?d("span",{children:["Cook ",t.cookTimeMinutes,"m"]}):null,t.servings?d("span",{children:[t.servings," servings"]}):null]})]})]})}import{BookOpen as $}from"lucide-react";import{jsx as n,jsxs as l}from"react/jsx-runtime";function s({recipe:t}){if(!t)return n("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:n("p",{className:"text-muted-foreground text-sm",children:"Select a recipe to view details."})});return l("article",{className:"space-y-4 rounded-2xl border border-border bg-card p-6",children:[l("header",{className:"flex flex-wrap items-center gap-3",children:[n($,{className:"h-5 w-5 text-muted-foreground"}),l("div",{children:[n("h2",{className:"font-semibold text-xl",children:t.name}),n("p",{className:"text-muted-foreground text-sm",children:t.description})]})]}),l("section",{children:[n("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Ingredients"}),n("ul",{className:"mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",children:t.ingredients.map((e)=>l("li",{children:[e.name," \u2013 ",e.quantity]},e.id))})]}),l("section",{children:[n("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Instructions"}),n("ol",{className:"mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",children:t.instructions.map((e)=>n("li",{children:e.content},e.id))})]})]})}import{gql as v}from"@apollo/client";import{useMutation as B,useQuery as H}from"@apollo/client/react";import{registerTemplateComponents as T,useTemplateRuntime as U}from"@contractspec/lib.example-shared-ui";import{useState as u}from"react";import{jsx as m,jsxs as N}from"react/jsx-runtime";var z=v`
   query Recipes($projectId: ID!, $locale: RecipeLocale!) {
     recipes(projectId: $projectId, locale: $locale) {
       id
@@ -28,11 +28,11 @@ import{jsx as p}from"react/jsx-runtime";function b({locale:t,onChange:e}){return
       }
     }
   }
-`,T=v`
+`,D=v`
   mutation FavoriteRecipe($id: ID!, $isFavorite: Boolean!) {
     favoriteRecipe(id: $id, isFavorite: $isFavorite) {
       id
       isFavorite
     }
   }
-`;function U(){let{projectId:t}=B(),[e,n]=u("EN"),[i,g]=u(),[f,y]=u(""),{data:h,loading:k}=R(H,{variables:{projectId:t,locale:e},fetchPolicy:"cache-and-network"}),[w]=M(T),x=(h?.recipes??[]).filter((o)=>o.name.toLowerCase().includes(f.toLowerCase())),P=async(o)=>{await w({variables:{id:o.id,isFavorite:!o.isFavorite},optimisticResponse:{favoriteRecipe:{__typename:"Recipe",id:o.id,isFavorite:!o.isFavorite}}})};return N("div",{className:"space-y-4",children:[N("div",{className:"flex flex-wrap items-center gap-3",children:[m(b,{locale:e,onChange:n}),m("input",{type:"search",placeholder:e==="EN"?"Search recipes":"Rechercher des recettes",className:"flex-1 rounded-full border border-border bg-card px-4 py-2 text-sm",value:f,onChange:(o)=>y(o.target.value)})]}),k?m("p",{className:"text-muted-foreground text-sm",children:"Loading recipes\u2026"}):m("div",{className:"grid gap-4 md:grid-cols-3",children:x.map((o)=>m(c,{recipe:o,onSelect:g,onToggleFavorite:P},o.id))}),m(s,{recipe:i})]})}$("recipe-app-i18n",{list:U,detail:s});export{U as RecipeList};
+`;function G(){let{projectId:t}=U(),[e,o]=u("EN"),[i,g]=u(),[f,y]=u(""),{data:h,loading:k}=H(z,{variables:{projectId:t,locale:e},fetchPolicy:"cache-and-network"}),[w]=B(D),x=(h?.recipes??[]).filter((r)=>r.name.toLowerCase().includes(f.toLowerCase())),P=async(r)=>{await w({variables:{id:r.id,isFavorite:!r.isFavorite},optimisticResponse:{favoriteRecipe:{__typename:"Recipe",id:r.id,isFavorite:!r.isFavorite}}})};return N("div",{className:"space-y-4",children:[N("div",{className:"flex flex-wrap items-center gap-3",children:[m(b,{locale:e,onChange:o}),m("input",{type:"search",placeholder:e==="EN"?"Search recipes":"Rechercher des recettes",className:"flex-1 rounded-full border border-border bg-card px-4 py-2 text-sm",value:f,onChange:(r)=>y(r.target.value)})]}),k?m("p",{className:"text-muted-foreground text-sm",children:"Loading recipes\u2026"}):m("div",{className:"grid gap-4 md:grid-cols-3",children:x.map((r)=>m(c,{recipe:r,onSelect:g,onToggleFavorite:P},r.id))}),m(s,{recipe:i})]})}T("recipe-app-i18n",{list:G,detail:s});export{G as RecipeList};

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

@@ -1,5 +1,5 @@
 // @bun
-import{jsx as p}from"react/jsx-runtime";function b({locale:t,onChange:e}){return p("div",{className:"inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",children:["EN","FR"].map((n)=>p("button",{type:"button",className:`rounded-full px-3 py-1 transition ${t===n?"bg-violet-500 text-white":"hover:text-foreground"}`,onClick:()=>e(n),children:n==="EN"?"English":"Fran\xE7ais"},n))})}import{Heart as F}from"lucide-react";import{jsx as a,jsxs as d}from"react/jsx-runtime";function c({recipe:t,onSelect:e,onToggleFavorite:n}){return d("button",{type:"button",onClick:()=>e?.(t),className:"flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",children:[t.heroImageUrl?a("img",{src:t.heroImageUrl,alt:t.name,className:"h-40 w-full rounded-t-2xl object-cover"}):a("div",{className:"h-40 rounded-t-2xl bg-muted"}),d("div",{className:"space-y-2 p-4",children:[d("div",{className:"flex items-center justify-between",children:[a("p",{className:"font-semibold text-base",children:t.name}),a("button",{type:"button",className:`inline-flex items-center justify-center rounded-full border border-transparent p-2 ${t.isFavorite?"text-red-400":"text-muted-foreground hover:text-red-400"}`,onClick:(i)=>{i.stopPropagation(),n?.(t)},children:a(F,{className:`h-4 w-4 ${t.isFavorite?"fill-red-400":""}`})})]}),a("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:t.description}),d("div",{className:"flex flex-wrap gap-3 text-muted-foreground text-xs",children:[t.prepTimeMinutes?d("span",{children:["Prep ",t.prepTimeMinutes,"m"]}):null,t.cookTimeMinutes?d("span",{children:["Cook ",t.cookTimeMinutes,"m"]}):null,t.servings?d("span",{children:[t.servings," servings"]}):null]})]})]})}import{BookOpen as C}from"lucide-react";import{jsx as r,jsxs as l}from"react/jsx-runtime";function f({recipe:t}){if(!t)return r("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:r("p",{className:"text-muted-foreground text-sm",children:"Select a recipe to view details."})});return l("article",{className:"space-y-4 rounded-2xl border border-border bg-card p-6",children:[l("header",{className:"flex flex-wrap items-center gap-3",children:[r(C,{className:"h-5 w-5 text-muted-foreground"}),l("div",{children:[r("h2",{className:"font-semibold text-xl",children:t.name}),r("p",{className:"text-muted-foreground text-sm",children:t.description})]})]}),l("section",{children:[r("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Ingredients"}),r("ul",{className:"mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",children:t.ingredients.map((e)=>l("li",{children:[e.name," \u2013 ",e.quantity]},e.id))})]}),l("section",{children:[r("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Instructions"}),r("ol",{className:"mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",children:t.instructions.map((e)=>r("li",{children:e.content},e.id))})]})]})}import{gql as v}from"@apollo/client";import{useMutation as M,useQuery as R}from"@apollo/client/react";import{registerTemplateComponents as $,useTemplateRuntime as B}from"@contractspec/lib.example-shared-ui";import{useState as s}from"react";import{jsx as m,jsxs as N}from"react/jsx-runtime";var H=v`
+var F=Object.defineProperty;var C=(t)=>t;function M(t,e){this[t]=C.bind(null,e)}var J=(t,e)=>{for(var o in e)F(t,o,{get:e[o],enumerable:!0,configurable:!0,set:M.bind(e,o)})};var K=(t,e)=>()=>(t&&(e=t(t=0)),e);import{jsx as p}from"react/jsx-runtime";function b({locale:t,onChange:e}){return p("div",{className:"inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",children:["EN","FR"].map((o)=>p("button",{type:"button",className:`rounded-full px-3 py-1 transition ${t===o?"bg-violet-500 text-white":"hover:text-foreground"}`,onClick:()=>e(o),children:o==="EN"?"English":"Fran\xE7ais"},o))})}import{Heart as R}from"lucide-react";import{jsx as a,jsxs as d}from"react/jsx-runtime";function c({recipe:t,onSelect:e,onToggleFavorite:o}){return d("button",{type:"button",onClick:()=>e?.(t),className:"flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",children:[t.heroImageUrl?a("img",{src:t.heroImageUrl,alt:t.name,className:"h-40 w-full rounded-t-2xl object-cover"}):a("div",{className:"h-40 rounded-t-2xl bg-muted"}),d("div",{className:"space-y-2 p-4",children:[d("div",{className:"flex items-center justify-between",children:[a("p",{className:"font-semibold text-base",children:t.name}),a("button",{type:"button",className:`inline-flex items-center justify-center rounded-full border border-transparent p-2 ${t.isFavorite?"text-red-400":"text-muted-foreground hover:text-red-400"}`,onClick:(i)=>{i.stopPropagation(),o?.(t)},children:a(R,{className:`h-4 w-4 ${t.isFavorite?"fill-red-400":""}`})})]}),a("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:t.description}),d("div",{className:"flex flex-wrap gap-3 text-muted-foreground text-xs",children:[t.prepTimeMinutes?d("span",{children:["Prep ",t.prepTimeMinutes,"m"]}):null,t.cookTimeMinutes?d("span",{children:["Cook ",t.cookTimeMinutes,"m"]}):null,t.servings?d("span",{children:[t.servings," servings"]}):null]})]})]})}import{BookOpen as $}from"lucide-react";import{jsx as n,jsxs as l}from"react/jsx-runtime";function f({recipe:t}){if(!t)return n("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:n("p",{className:"text-muted-foreground text-sm",children:"Select a recipe to view details."})});return l("article",{className:"space-y-4 rounded-2xl border border-border bg-card p-6",children:[l("header",{className:"flex flex-wrap items-center gap-3",children:[n($,{className:"h-5 w-5 text-muted-foreground"}),l("div",{children:[n("h2",{className:"font-semibold text-xl",children:t.name}),n("p",{className:"text-muted-foreground text-sm",children:t.description})]})]}),l("section",{children:[n("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Ingredients"}),n("ul",{className:"mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",children:t.ingredients.map((e)=>l("li",{children:[e.name," \u2013 ",e.quantity]},e.id))})]}),l("section",{children:[n("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Instructions"}),n("ol",{className:"mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",children:t.instructions.map((e)=>n("li",{children:e.content},e.id))})]})]})}import{gql as v}from"@apollo/client";import{useMutation as B,useQuery as H}from"@apollo/client/react";import{registerTemplateComponents as T,useTemplateRuntime as U}from"@contractspec/lib.example-shared-ui";import{useState as s}from"react";import{jsx as m,jsxs as N}from"react/jsx-runtime";var z=v`
   query Recipes($projectId: ID!, $locale: RecipeLocale!) {
     recipes(projectId: $projectId, locale: $locale) {
       id
@@ -28,11 +28,11 @@ import{jsx as p}from"react/jsx-runtime";function b({locale:t,onChange:e}){return
       }
     }
   }
-`,T=v`
+`,D=v`
   mutation FavoriteRecipe($id: ID!, $isFavorite: Boolean!) {
     favoriteRecipe(id: $id, isFavorite: $isFavorite) {
       id
       isFavorite
     }
   }
-`;function U(){let{projectId:t}=B(),[e,n]=s("EN"),[i,g]=s(),[u,y]=s(""),{data:h,loading:x}=R(H,{variables:{projectId:t,locale:e},fetchPolicy:"cache-and-network"}),[k]=M(T),w=(h?.recipes??[]).filter((o)=>o.name.toLowerCase().includes(u.toLowerCase())),P=async(o)=>{await k({variables:{id:o.id,isFavorite:!o.isFavorite},optimisticResponse:{favoriteRecipe:{__typename:"Recipe",id:o.id,isFavorite:!o.isFavorite}}})};return N("div",{className:"space-y-4",children:[N("div",{className:"flex flex-wrap items-center gap-3",children:[m(b,{locale:e,onChange:n}),m("input",{type:"search",placeholder:e==="EN"?"Search recipes":"Rechercher des recettes",className:"flex-1 rounded-full border border-border bg-card px-4 py-2 text-sm",value:u,onChange:(o)=>y(o.target.value)})]}),x?m("p",{className:"text-muted-foreground text-sm",children:"Loading recipes\u2026"}):m("div",{className:"grid gap-4 md:grid-cols-3",children:w.map((o)=>m(c,{recipe:o,onSelect:g,onToggleFavorite:P},o.id))}),m(f,{recipe:i})]})}$("recipe-app-i18n",{list:U,detail:f});export{U as RecipeList,f as RecipeDetail,c as RecipeCard,b as LanguageSwitcher};
+`;function G(){let{projectId:t}=U(),[e,o]=s("EN"),[i,g]=s(),[u,y]=s(""),{data:h,loading:x}=H(z,{variables:{projectId:t,locale:e},fetchPolicy:"cache-and-network"}),[k]=B(D),w=(h?.recipes??[]).filter((r)=>r.name.toLowerCase().includes(u.toLowerCase())),P=async(r)=>{await k({variables:{id:r.id,isFavorite:!r.isFavorite},optimisticResponse:{favoriteRecipe:{__typename:"Recipe",id:r.id,isFavorite:!r.isFavorite}}})};return N("div",{className:"space-y-4",children:[N("div",{className:"flex flex-wrap items-center gap-3",children:[m(b,{locale:e,onChange:o}),m("input",{type:"search",placeholder:e==="EN"?"Search recipes":"Rechercher des recettes",className:"flex-1 rounded-full border border-border bg-card px-4 py-2 text-sm",value:u,onChange:(r)=>y(r.target.value)})]}),x?m("p",{className:"text-muted-foreground text-sm",children:"Loading recipes\u2026"}):m("div",{className:"grid gap-4 md:grid-cols-3",children:w.map((r)=>m(c,{recipe:r,onSelect:g,onToggleFavorite:P},r.id))}),m(f,{recipe:i})]})}T("recipe-app-i18n",{list:G,detail:f});export{G as RecipeList,f as RecipeDetail,c as RecipeCard,b as LanguageSwitcher};

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

@@ -1,2 +1,2 @@
 // @bun
-import{jsx as t,jsxs as r}from"react/jsx-runtime";function n({value:o,onChange:l,categories:i}){let a=(e,d)=>{l({...o,[e]:d})};return r("div",{className:"grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",children:[r("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Status",r("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:o.status,onChange:(e)=>a("status",e.target.value),children:[t("option",{value:"all",children:"All tasks"}),t("option",{value:"active",children:"Active"}),t("option",{value:"completed",children:"Completed"})]})]}),r("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Priority",r("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:o.priority,onChange:(e)=>a("priority",e.target.value),children:[t("option",{value:"all",children:"All"}),t("option",{value:"LOW",children:"Low"}),t("option",{value:"MEDIUM",children:"Medium"}),t("option",{value:"HIGH",children:"High"}),t("option",{value:"URGENT",children:"Urgent"})]})]}),r("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Category",r("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:o.categoryId,onChange:(e)=>a("categoryId",e.target.value),children:[t("option",{value:"all",children:"All categories"}),i.map((e)=>t("option",{value:e.id,children:e.name},e.id))]})]}),r("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Search",t("input",{type:"search",className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",placeholder:"Search by title",value:o.search,onChange:(e)=>a("search",e.target.value)})]})]})}export{n as FilterBar};
+var n=Object.defineProperty;var p=(e)=>e;function c(e,o){this[e]=p.bind(null,o)}var u=(e,o)=>{for(var l in o)n(e,l,{get:o[l],enumerable:!0,configurable:!0,set:c.bind(o,l)})};var g=(e,o)=>()=>(e&&(o=e(e=0)),o);import{jsx as r,jsxs as a}from"react/jsx-runtime";function b({value:e,onChange:o,categories:l}){let i=(t,d)=>{o({...e,[t]:d})};return a("div",{className:"grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",children:[a("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Status",a("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.status,onChange:(t)=>i("status",t.target.value),children:[r("option",{value:"all",children:"All tasks"}),r("option",{value:"active",children:"Active"}),r("option",{value:"completed",children:"Completed"})]})]}),a("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Priority",a("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.priority,onChange:(t)=>i("priority",t.target.value),children:[r("option",{value:"all",children:"All"}),r("option",{value:"LOW",children:"Low"}),r("option",{value:"MEDIUM",children:"Medium"}),r("option",{value:"HIGH",children:"High"}),r("option",{value:"URGENT",children:"Urgent"})]})]}),a("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Category",a("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.categoryId,onChange:(t)=>i("categoryId",t.target.value),children:[r("option",{value:"all",children:"All categories"}),l.map((t)=>r("option",{value:t.id,children:t.name},t.id))]})]}),a("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Search",r("input",{type:"search",className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",placeholder:"Search by title",value:e.search,onChange:(t)=>i("search",t.target.value)})]})]})}export{b as FilterBar};

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

@@ -1,9 +1,9 @@
 // @bun
-import{gql as $}from"@apollo/client";import{useMutation as b}from"@apollo/client/react";import{useTemplateRuntime as h}from"@contractspec/lib.example-shared-ui";import{useState as B}from"react";import{jsx as w,jsxs as z}from"react/jsx-runtime";var k=$`
+var $=Object.defineProperty;var b=(w)=>w;function h(w,z){this[w]=b.bind(null,z)}var D=(w,z)=>{for(var G in z)$(w,G,{get:z[G],enumerable:!0,configurable:!0,set:h.bind(z,G)})};var E=(w,z)=>()=>(w&&(z=w(w=0)),z);import{gql as k}from"@apollo/client";import{useMutation as q}from"@apollo/client/react";import{useTemplateRuntime as K}from"@contractspec/lib.example-shared-ui";import{useState as H}from"react";import{jsx as B,jsxs as F}from"react/jsx-runtime";var M=k`
   mutation CreateTask($input: CreateTaskInput!) {
     createTask(input: $input) {
       id
       title
     }
   }
-`;function E({categories:F}){let{projectId:G}=h(),[H,L]=B(""),[N,O]=B(""),[Q,U]=B("MEDIUM"),[J,V]=B("none"),[W,X]=B(""),[Z,{loading:Y}]=b(k);return z("form",{onSubmit:async(f)=>{if(f.preventDefault(),!H.trim())return;await Z({variables:{input:{projectId:G,title:H.trim(),description:N.trim()||void 0,priority:Q,categoryId:J==="none"?void 0:J,tags:q(W)}},refetchQueries:["Tasks"],awaitRefetchQueries:!0}),L(""),O(""),U("MEDIUM"),V("none"),X("")},className:"space-y-3 rounded-2xl border border-border bg-background/60 p-4",children:[w("div",{children:z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Title",w("input",{type:"text",className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"What needs to get done?",value:H,onChange:(f)=>L(f.target.value),required:!0})]})}),w("div",{children:z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Description",w("textarea",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",rows:3,placeholder:"Add context or policy notes",value:N,onChange:(f)=>O(f.target.value)})]})}),z("div",{className:"grid gap-3 md:grid-cols-3",children:[z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Priority",z("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:Q,onChange:(f)=>U(f.target.value),children:[w("option",{value:"LOW",children:"Low"}),w("option",{value:"MEDIUM",children:"Medium"}),w("option",{value:"HIGH",children:"High"}),w("option",{value:"URGENT",children:"Urgent"})]})]}),z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Category",z("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:J,onChange:(f)=>V(f.target.value),children:[w("option",{value:"none",children:"None"}),F.map((f)=>w("option",{value:f.id,children:f.name},f.id))]})]}),z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Tags",w("input",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"Comma separated (optional)",value:W,onChange:(f)=>X(f.target.value)})]})]}),w("button",{type:"submit",className:"btn-primary w-full py-2 font-semibold text-sm",disabled:Y,children:Y?"Saving...":"Add task"})]})}function q(F){return F.split(",").map((G)=>G.trim()).filter(Boolean)}export{E as TaskForm};
+`;function T({categories:w}){let{projectId:z}=K(),[G,L]=H(""),[N,O]=H(""),[Q,U]=H("MEDIUM"),[J,V]=H("none"),[W,X]=H(""),[Z,{loading:Y}]=q(M);return F("form",{onSubmit:async(f)=>{if(f.preventDefault(),!G.trim())return;await Z({variables:{input:{projectId:z,title:G.trim(),description:N.trim()||void 0,priority:Q,categoryId:J==="none"?void 0:J,tags:_(W)}},refetchQueries:["Tasks"],awaitRefetchQueries:!0}),L(""),O(""),U("MEDIUM"),V("none"),X("")},className:"space-y-3 rounded-2xl border border-border bg-background/60 p-4",children:[B("div",{children:F("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Title",B("input",{type:"text",className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"What needs to get done?",value:G,onChange:(f)=>L(f.target.value),required:!0})]})}),B("div",{children:F("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Description",B("textarea",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",rows:3,placeholder:"Add context or policy notes",value:N,onChange:(f)=>O(f.target.value)})]})}),F("div",{className:"grid gap-3 md:grid-cols-3",children:[F("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Priority",F("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:Q,onChange:(f)=>U(f.target.value),children:[B("option",{value:"LOW",children:"Low"}),B("option",{value:"MEDIUM",children:"Medium"}),B("option",{value:"HIGH",children:"High"}),B("option",{value:"URGENT",children:"Urgent"})]})]}),F("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Category",F("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:J,onChange:(f)=>V(f.target.value),children:[B("option",{value:"none",children:"None"}),w.map((f)=>B("option",{value:f.id,children:f.name},f.id))]})]}),F("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Tags",B("input",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"Comma separated (optional)",value:W,onChange:(f)=>X(f.target.value)})]})]}),B("button",{type:"submit",className:"btn-primary w-full py-2 font-semibold text-sm",disabled:Y,children:Y?"Saving...":"Add task"})]})}function _(w){return w.split(",").map((z)=>z.trim()).filter(Boolean)}export{T as TaskForm};

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

@@ -1,2 +1,2 @@
 // @bun
-import{Check as n,Circle as m,Trash2 as p}from"lucide-react";import{jsx as r,jsxs as t}from"react/jsx-runtime";function u({task:e,onToggle:d,onDelete:a}){let l=e.priority==="URGENT"?"text-red-200 bg-red-500/10 border-red-500/40":e.priority==="HIGH"?"text-amber-200 bg-amber-500/10 border-amber-500/40":e.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 t("div",{className:"flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",children:[r("button",{type:"button",className:"rounded-full border border-border p-2 text-muted-foreground hover:bg-muted/40","aria-pressed":e.completed,onClick:()=>d?.(e),children:e.completed?r(n,{className:"h-4 w-4 text-emerald-400"}):r(m,{className:"h-4 w-4"})}),t("div",{className:"flex-1 space-y-2",children:[t("div",{className:"flex flex-wrap items-center gap-2",children:[r("p",{className:`font-medium ${e.completed?"text-muted-foreground line-through":"text-foreground"}`,children:e.title}),r("span",{className:`rounded-full border px-2 py-0.5 text-xs ${l}`,children:e.priority.charAt(0)+e.priority.slice(1).toLowerCase()}),e.category?r("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:e.category.name}):null,e.dueDate?t("span",{className:"text-muted-foreground text-xs",children:["Due ",new Date(e.dueDate).toLocaleDateString()]}):null]}),e.description?r("p",{className:"text-muted-foreground text-sm",children:e.description}):null,e.tags.length?r("div",{className:"flex flex-wrap gap-1",children:e.tags.map((o)=>t("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:["#",o]},o))}):null]}),r("button",{type:"button",className:"text-muted-foreground hover:text-destructive","aria-label":`Delete ${e.title}`,onClick:()=>a?.(e),children:r(p,{className:"h-4 w-4"})})]})}export{u as TaskItem};
+var n=Object.defineProperty;var m=(e)=>e;function p(e,r){this[e]=m.bind(null,r)}var b=(e,r)=>{for(var o in r)n(e,o,{get:r[o],enumerable:!0,configurable:!0,set:p.bind(r,o)})};var s=(e,r)=>()=>(e&&(r=e(e=0)),r);import{Check as i,Circle as u,Trash2 as c}from"lucide-react";import{jsx as t,jsxs as d}from"react/jsx-runtime";function x({task:e,onToggle:r,onDelete:o}){let l=e.priority==="URGENT"?"text-red-200 bg-red-500/10 border-red-500/40":e.priority==="HIGH"?"text-amber-200 bg-amber-500/10 border-amber-500/40":e.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 d("div",{className:"flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",children:[t("button",{type:"button",className:"rounded-full border border-border p-2 text-muted-foreground hover:bg-muted/40","aria-pressed":e.completed,onClick:()=>r?.(e),children:e.completed?t(i,{className:"h-4 w-4 text-emerald-400"}):t(u,{className:"h-4 w-4"})}),d("div",{className:"flex-1 space-y-2",children:[d("div",{className:"flex flex-wrap items-center gap-2",children:[t("p",{className:`font-medium ${e.completed?"text-muted-foreground line-through":"text-foreground"}`,children:e.title}),t("span",{className:`rounded-full border px-2 py-0.5 text-xs ${l}`,children:e.priority.charAt(0)+e.priority.slice(1).toLowerCase()}),e.category?t("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:e.category.name}):null,e.dueDate?d("span",{className:"text-muted-foreground text-xs",children:["Due ",new Date(e.dueDate).toLocaleDateString()]}):null]}),e.description?t("p",{className:"text-muted-foreground text-sm",children:e.description}):null,e.tags.length?t("div",{className:"flex flex-wrap gap-1",children:e.tags.map((a)=>d("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:["#",a]},a))}):null]}),t("button",{type:"button",className:"text-muted-foreground hover:text-destructive","aria-label":`Delete ${e.title}`,onClick:()=>o?.(e),children:t(c,{className:"h-4 w-4"})})]})}export{x as TaskItem};

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

@@ -1,12 +1,12 @@
 // @bun
-import{jsx as p,jsxs as b}from"react/jsx-runtime";function x({value:e,onChange:d,categories:m}){let t=(o,c)=>{d({...e,[o]:c})};return b("div",{className:"grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",children:[b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Status",b("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.status,onChange:(o)=>t("status",o.target.value),children:[p("option",{value:"all",children:"All tasks"}),p("option",{value:"active",children:"Active"}),p("option",{value:"completed",children:"Completed"})]})]}),b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Priority",b("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.priority,onChange:(o)=>t("priority",o.target.value),children:[p("option",{value:"all",children:"All"}),p("option",{value:"LOW",children:"Low"}),p("option",{value:"MEDIUM",children:"Medium"}),p("option",{value:"HIGH",children:"High"}),p("option",{value:"URGENT",children:"Urgent"})]})]}),b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Category",b("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.categoryId,onChange:(o)=>t("categoryId",o.target.value),children:[p("option",{value:"all",children:"All categories"}),m.map((o)=>p("option",{value:o.id,children:o.name},o.id))]})]}),b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Search",p("input",{type:"search",className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",placeholder:"Search by title",value:e.search,onChange:(o)=>t("search",o.target.value)})]})]})}import{gql as W}from"@apollo/client";import{useMutation as B}from"@apollo/client/react";import{useTemplateRuntime as L}from"@contractspec/lib.example-shared-ui";import{useState as y}from"react";import{jsx as a,jsxs as u}from"react/jsx-runtime";var O=W`
+var W=Object.defineProperty;var B=(e)=>e;function L(e,o){this[e]=B.bind(null,o)}var T=(e,o)=>{for(var t in o)W(e,t,{get:o[t],enumerable:!0,configurable:!0,set:L.bind(o,t)})};var k=(e,o)=>()=>(e&&(o=e(e=0)),o);import{jsx as n,jsxs as b}from"react/jsx-runtime";function x({value:e,onChange:o,categories:t}){let a=(r,c)=>{o({...e,[r]:c})};return b("div",{className:"grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",children:[b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Status",b("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.status,onChange:(r)=>a("status",r.target.value),children:[n("option",{value:"all",children:"All tasks"}),n("option",{value:"active",children:"Active"}),n("option",{value:"completed",children:"Completed"})]})]}),b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Priority",b("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.priority,onChange:(r)=>a("priority",r.target.value),children:[n("option",{value:"all",children:"All"}),n("option",{value:"LOW",children:"Low"}),n("option",{value:"MEDIUM",children:"Medium"}),n("option",{value:"HIGH",children:"High"}),n("option",{value:"URGENT",children:"Urgent"})]})]}),b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Category",b("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.categoryId,onChange:(r)=>a("categoryId",r.target.value),children:[n("option",{value:"all",children:"All categories"}),t.map((r)=>n("option",{value:r.id,children:r.name},r.id))]})]}),b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Search",n("input",{type:"search",className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",placeholder:"Search by title",value:e.search,onChange:(r)=>a("search",r.target.value)})]})]})}import{gql as O}from"@apollo/client";import{useMutation as z}from"@apollo/client/react";import{useTemplateRuntime as J}from"@contractspec/lib.example-shared-ui";import{useState as y}from"react";import{jsx as p,jsxs as u}from"react/jsx-runtime";var X=O`
   mutation CreateTask($input: CreateTaskInput!) {
     createTask(input: $input) {
       id
       title
     }
   }
-`;function H({categories:e}){let{projectId:d}=L(),[m,t]=y(""),[o,c]=y(""),[h,f]=y("MEDIUM"),[g,v]=y("none"),[w,C]=y(""),[r,{loading:F}]=B(O);return u("form",{onSubmit:async(l)=>{if(l.preventDefault(),!m.trim())return;await r({variables:{input:{projectId:d,title:m.trim(),description:o.trim()||void 0,priority:h,categoryId:g==="none"?void 0:g,tags:z(w)}},refetchQueries:["Tasks"],awaitRefetchQueries:!0}),t(""),c(""),f("MEDIUM"),v("none"),C("")},className:"space-y-3 rounded-2xl border border-border bg-background/60 p-4",children:[a("div",{children:u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Title",a("input",{type:"text",className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"What needs to get done?",value:m,onChange:(l)=>t(l.target.value),required:!0})]})}),a("div",{children:u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Description",a("textarea",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",rows:3,placeholder:"Add context or policy notes",value:o,onChange:(l)=>c(l.target.value)})]})}),u("div",{className:"grid gap-3 md:grid-cols-3",children:[u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Priority",u("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:h,onChange:(l)=>f(l.target.value),children:[a("option",{value:"LOW",children:"Low"}),a("option",{value:"MEDIUM",children:"Medium"}),a("option",{value:"HIGH",children:"High"}),a("option",{value:"URGENT",children:"Urgent"})]})]}),u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Category",u("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:g,onChange:(l)=>v(l.target.value),children:[a("option",{value:"none",children:"None"}),e.map((l)=>a("option",{value:l.id,children:l.name},l.id))]})]}),u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Tags",a("input",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"Comma separated (optional)",value:w,onChange:(l)=>C(l.target.value)})]})]}),a("button",{type:"submit",className:"btn-primary w-full py-2 font-semibold text-sm",disabled:F,children:F?"Saving...":"Add task"})]})}function z(e){return e.split(",").map((d)=>d.trim()).filter(Boolean)}import{Check as J,Circle as X,Trash2 as Z}from"lucide-react";import{jsx as n,jsxs as N}from"react/jsx-runtime";function $({task:e,onToggle:d,onDelete:m}){let t=e.priority==="URGENT"?"text-red-200 bg-red-500/10 border-red-500/40":e.priority==="HIGH"?"text-amber-200 bg-amber-500/10 border-amber-500/40":e.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 N("div",{className:"flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",children:[n("button",{type:"button",className:"rounded-full border border-border p-2 text-muted-foreground hover:bg-muted/40","aria-pressed":e.completed,onClick:()=>d?.(e),children:e.completed?n(J,{className:"h-4 w-4 text-emerald-400"}):n(X,{className:"h-4 w-4"})}),N("div",{className:"flex-1 space-y-2",children:[N("div",{className:"flex flex-wrap items-center gap-2",children:[n("p",{className:`font-medium ${e.completed?"text-muted-foreground line-through":"text-foreground"}`,children:e.title}),n("span",{className:`rounded-full border px-2 py-0.5 text-xs ${t}`,children:e.priority.charAt(0)+e.priority.slice(1).toLowerCase()}),e.category?n("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:e.category.name}):null,e.dueDate?N("span",{className:"text-muted-foreground text-xs",children:["Due ",new Date(e.dueDate).toLocaleDateString()]}):null]}),e.description?n("p",{className:"text-muted-foreground text-sm",children:e.description}):null,e.tags.length?n("div",{className:"flex flex-wrap gap-1",children:e.tags.map((o)=>N("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:["#",o]},o))}):null]}),n("button",{type:"button",className:"text-muted-foreground hover:text-destructive","aria-label":`Delete ${e.title}`,onClick:()=>m?.(e),children:n(Z,{className:"h-4 w-4"})})]})}import{gql as P}from"@apollo/client";import{useMutation as G,useQuery as A}from"@apollo/client/react";import{registerTemplateComponents as M,useTemplateRuntime as S}from"@contractspec/lib.example-shared-ui";import{useMemo as K,useState as Y}from"react";import{jsx as i,jsxs as q}from"react/jsx-runtime";var U=P`
+`;function H({categories:e}){let{projectId:o}=J(),[t,a]=y(""),[r,c]=y(""),[h,f]=y("MEDIUM"),[g,v]=y("none"),[w,C]=y(""),[l,{loading:F}]=z(X);return u("form",{onSubmit:async(d)=>{if(d.preventDefault(),!t.trim())return;await l({variables:{input:{projectId:o,title:t.trim(),description:r.trim()||void 0,priority:h,categoryId:g==="none"?void 0:g,tags:Z(w)}},refetchQueries:["Tasks"],awaitRefetchQueries:!0}),a(""),c(""),f("MEDIUM"),v("none"),C("")},className:"space-y-3 rounded-2xl border border-border bg-background/60 p-4",children:[p("div",{children:u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Title",p("input",{type:"text",className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"What needs to get done?",value:t,onChange:(d)=>a(d.target.value),required:!0})]})}),p("div",{children:u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Description",p("textarea",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",rows:3,placeholder:"Add context or policy notes",value:r,onChange:(d)=>c(d.target.value)})]})}),u("div",{className:"grid gap-3 md:grid-cols-3",children:[u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Priority",u("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:h,onChange:(d)=>f(d.target.value),children:[p("option",{value:"LOW",children:"Low"}),p("option",{value:"MEDIUM",children:"Medium"}),p("option",{value:"HIGH",children:"High"}),p("option",{value:"URGENT",children:"Urgent"})]})]}),u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Category",u("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:g,onChange:(d)=>v(d.target.value),children:[p("option",{value:"none",children:"None"}),e.map((d)=>p("option",{value:d.id,children:d.name},d.id))]})]}),u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Tags",p("input",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"Comma separated (optional)",value:w,onChange:(d)=>C(d.target.value)})]})]}),p("button",{type:"submit",className:"btn-primary w-full py-2 font-semibold text-sm",disabled:F,children:F?"Saving...":"Add task"})]})}function Z(e){return e.split(",").map((o)=>o.trim()).filter(Boolean)}import{Check as A,Circle as M,Trash2 as S}from"lucide-react";import{jsx as m,jsxs as N}from"react/jsx-runtime";function $({task:e,onToggle:o,onDelete:t}){let a=e.priority==="URGENT"?"text-red-200 bg-red-500/10 border-red-500/40":e.priority==="HIGH"?"text-amber-200 bg-amber-500/10 border-amber-500/40":e.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 N("div",{className:"flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",children:[m("button",{type:"button",className:"rounded-full border border-border p-2 text-muted-foreground hover:bg-muted/40","aria-pressed":e.completed,onClick:()=>o?.(e),children:e.completed?m(A,{className:"h-4 w-4 text-emerald-400"}):m(M,{className:"h-4 w-4"})}),N("div",{className:"flex-1 space-y-2",children:[N("div",{className:"flex flex-wrap items-center gap-2",children:[m("p",{className:`font-medium ${e.completed?"text-muted-foreground line-through":"text-foreground"}`,children:e.title}),m("span",{className:`rounded-full border px-2 py-0.5 text-xs ${a}`,children:e.priority.charAt(0)+e.priority.slice(1).toLowerCase()}),e.category?m("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:e.category.name}):null,e.dueDate?N("span",{className:"text-muted-foreground text-xs",children:["Due ",new Date(e.dueDate).toLocaleDateString()]}):null]}),e.description?m("p",{className:"text-muted-foreground text-sm",children:e.description}):null,e.tags.length?m("div",{className:"flex flex-wrap gap-1",children:e.tags.map((r)=>N("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:["#",r]},r))}):null]}),m("button",{type:"button",className:"text-muted-foreground hover:text-destructive","aria-label":`Delete ${e.title}`,onClick:()=>t?.(e),children:m(S,{className:"h-4 w-4"})})]})}import{gql as P}from"@apollo/client";import{useMutation as G,useQuery as K}from"@apollo/client/react";import{registerTemplateComponents as Y,useTemplateRuntime as Q}from"@contractspec/lib.example-shared-ui";import{useMemo as R,useState as q}from"react";import{jsx as i,jsxs as _}from"react/jsx-runtime";var U=P`
   query Tasks($projectId: ID!) {
     taskCategories(projectId: $projectId) {
       id
@@ -28,15 +28,15 @@ import{jsx as p,jsxs as b}from"react/jsx-runtime";function x({value:e,onChange:d
       }
     }
   }
-`,Q=P`
+`,I=P`
   mutation ToggleTask($id: ID!, $completed: Boolean!) {
     toggleTask(id: $id, completed: $completed) {
       id
       completed
     }
   }
-`,R=P`
+`,E=P`
   mutation DeleteTask($id: ID!) {
     deleteTask(id: $id)
   }
-`;function V(){let{projectId:e}=S(),[d,m]=Y({status:"all",priority:"all",categoryId:"all",search:""}),{data:t,loading:o}=A(U,{variables:{projectId:e},fetchPolicy:"cache-and-network"}),[c]=G(Q),[h]=G(R),f=t?.taskCategories??[],g=t?.tasks??[],v=K(()=>{return g.filter((r)=>{if(d.status==="active"&&r.completed)return!1;if(d.status==="completed"&&!r.completed)return!1;if(d.priority!=="all"&&r.priority!==d.priority)return!1;if(d.categoryId!=="all"&&r.category?.id!==d.categoryId)return!1;if(d.search&&!r.title.toLowerCase().includes(d.search.toLowerCase()))return!1;return!0})},[g,d]),w=async(r)=>{await c({variables:{id:r.id,completed:!r.completed},optimisticResponse:{toggleTask:{__typename:"Task",id:r.id,completed:!r.completed}},update(F){F.modify({fields:{tasks(D=[]){return D.map((l)=>l.__ref?.endsWith(r.id)?{...l,completed:!r.completed}:l)}}})}})},C=async(r)=>{await h({variables:{id:r.id},refetchQueries:[{query:U,variables:{projectId:e}}]})};return q("div",{className:"space-y-6",children:[i(x,{value:d,onChange:m,categories:f}),i(H,{categories:f}),o?i("p",{className:"text-muted-foreground text-sm",children:"Loading tasks\u2026"}):v.length?i("div",{className:"space-y-3",children:v.map((r)=>i($,{task:r,onToggle:w,onDelete:C},r.id))}):i("div",{className:"rounded-2xl border border-border border-dashed p-8 text-center",children:i("p",{className:"text-muted-foreground",children:"No tasks match your filters. Create one above."})})]})}M("todos-app",{list:V,detail:V,form:H});export{V as TaskList};
+`;function V(){let{projectId:e}=Q(),[o,t]=q({status:"all",priority:"all",categoryId:"all",search:""}),{data:a,loading:r}=K(U,{variables:{projectId:e},fetchPolicy:"cache-and-network"}),[c]=G(I),[h]=G(E),f=a?.taskCategories??[],g=a?.tasks??[],v=R(()=>{return g.filter((l)=>{if(o.status==="active"&&l.completed)return!1;if(o.status==="completed"&&!l.completed)return!1;if(o.priority!=="all"&&l.priority!==o.priority)return!1;if(o.categoryId!=="all"&&l.category?.id!==o.categoryId)return!1;if(o.search&&!l.title.toLowerCase().includes(o.search.toLowerCase()))return!1;return!0})},[g,o]),w=async(l)=>{await c({variables:{id:l.id,completed:!l.completed},optimisticResponse:{toggleTask:{__typename:"Task",id:l.id,completed:!l.completed}},update(F){F.modify({fields:{tasks(D=[]){return D.map((d)=>d.__ref?.endsWith(l.id)?{...d,completed:!l.completed}:d)}}})}})},C=async(l)=>{await h({variables:{id:l.id},refetchQueries:[{query:U,variables:{projectId:e}}]})};return _("div",{className:"space-y-6",children:[i(x,{value:o,onChange:t,categories:f}),i(H,{categories:f}),r?i("p",{className:"text-muted-foreground text-sm",children:"Loading tasks\u2026"}):v.length?i("div",{className:"space-y-3",children:v.map((l)=>i($,{task:l,onToggle:w,onDelete:C},l.id))}):i("div",{className:"rounded-2xl border border-border border-dashed p-8 text-center",children:i("p",{className:"text-muted-foreground",children:"No tasks match your filters. Create one above."})})]})}Y("todos-app",{list:V,detail:V,form:H});export{V as TaskList};