Button: Buttonset with single button has wrong border radius

[maspetsberger]

Describe the bug

When using a buttonset with a single button, e.g. because the other buttons are hidden for the time being, then the border-radius is wrongly set to 0.

This is due to the CSS rules attached always to the first and last element respectively:

primevue/components/lib/basecomponent/BaseComponent.vue

Lines 63 to 71 in 98afeac

	.p-buttonset .p-button:first-of-type {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	}
	.p-buttonset .p-button:last-of-type {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	}

These selectors must only be active, when an element is :not(:only-of-type).

Reproducer

https://stackblitz.com/edit/ubrbwb?file=src%2FApp.vue

PrimeVue version

3.34.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response