Why are Popper and Popover separate components? How are they different? When to use each?

[mstrater]

From my understanding the main differences between them are that the Popover is modal component and the Popper supports modifiers (like the arrow nub) due to using Popper.js under the hood. Beyond this, they seem rather similar to me. Why not just have a Popper component with a "modal" property? When would you recommend using one over the other? In particular, since you provide a sample of how to achieve modal functionality with Popper using a ClickAwayListener, what advantages does Popover have over Popper?
Thanks!

[atomiks]

I know it's a bit confusing, but what you observe on the live Base UI site doesn't represent what will exist soon when we release the first alpha version. We're revamping the library entirely from its current version. They won't be separate in the new version.

[mstrater]

Exciting! Looking forward to the changes. :)

[mstrater]

@atomiks, I realized I mistakenly asked this under base-ui. Is it the same in mui-material?

[colmtuite]

The plan is to build Material UI v7—which will be released next year—on top of Base UI. So we will address any weirdness/confusion then.

[mstrater]

Thanks! Do you know yet what the new unified component will be called?

[colmtuite]

Popover