import{r as p}from"./KMZ6tpXK.js";import{ao as m,aq as y,o as r,c as f,w as x,b as q,D as a,e as i,t as n,p as l,l as v,k as g,ai as k,s as w,at as o}from"./EJiqiqZX.js";import"./iik6CYzq.js";const S={slots:{root:"my-5",container:"flex items-center gap-3 font-mono text-sm",name:"font-semibold text-primary",wrapper:"flex-1 flex items-center gap-1.5 text-xs",required:"rounded-sm bg-error/10 text-error px-1.5 py-0.5",type:"rounded-sm bg-elevated text-toned px-1.5 py-0.5",description:"mt-3 text-muted text-sm [&_code]:text-xs/4"}},N={__name:"ProseField",props:{as:{type:null,required:!1},name:{type:String,required:!1},type:{type:String,required:!1},description:{type:String,required:!1},required:{type:Boolean,required:!1},class:{type:null,required:!1},ui:{type:null,required:!1}},setup(e){const t=e,u=m(),c=y(),s=w(()=>o({extend:o(S),...c.ui?.prose?.field||{}})());return(d,B)=>(r(),f(g(k),{as:e.as,class:a(s.value.root({class:[t.ui?.root,t.class]}))},{default:x(()=>[q("div",{class:a(s.value.container({class:t.ui?.container}))},[e.name?(r(),i("span",{key:0,class:a(s.value.name({class:t.ui?.name}))},n(e.name),3)):l("",!0),e.type||e.required?(r(),i("div",{key:1,class:a(s.value.wrapper({class:t.ui?.wrapper}))},[e.type?(r(),i("span",{key:0,class:a(s.value.type({class:t.ui?.type}))},n(e.type),3)):l("",!0),e.required?(r(),i("span",{key:1,class:a(s.value.required({class:t.ui?.required}))}," required ",2)):l("",!0)],2)):l("",!0)],2),u.default||e.description?(r(),i("div",{key:0,class:a(s.value.description({class:t.ui?.description}))},[p(d.$slots,"default",{mdcUnwrap:"p"},()=>[v(n(e.description),1)])],2)):l("",!0)]),_:3},8,["as","class"]))}};export{N as default};