how to combine two-dimensional arrays of several objects that I have like this
const vars = [{
        id: 1,
        values: ['red', 'blue']
    }, {
        id: 2,
        values: ['11', '22', '33']
    }];
Expected results like this, expected data are not the same
    const results = [
        [
            {id: 1, value: 'red'},
            {id: 2, value: '11'},
        ],
        [
            {id: 1, value: 'red'},
            {id: 2, value: '22'},
        ],
        [
            {id: 1, value: 'red'},
            {id: 2, value: '33'},
        ],
        [
            {id: 1, value: 'blue'},
            {id: 2, value: '11'},
        ],
        [
            {id: 1, value: 'blue'},
            {id: 2, value: '22'},
        ],
        [
            {id: 1, value: 'blue'},
            {id: 2, value: '33'},
        ],
    ];
