[BUG] - ButtonGroup size prop incorrectly affects nested Buttons

HeroUI Version

3.0.0-beta.3

Describe the bug

There is an issue with ButtonGroup when using the size prop.

When size is applied to , all nested components inside child components (like Modals) are also forced to render in the ButtonGroup size. This behavior is incorrect, the size should only affect the direct buttons of the ButtonGroup, not buttons rendered deeper in the component tree.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Create a ButtonGroup with size="sm".
2. Inside the ButtonGroup, render a component that contains a Button (e.g. a Modal trigger).
3. Inside that component, render a Button (such as a button inside a modal).
4. Open the modal.

Expected behavior

Buttons rendered inside nested components (like modals) should retain their own default size. Nested buttons should not inherit the small size unintentionally from the ButtonGroup.

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Edge