[material-next] Support modal and non-modal option for components

[DiegoAndai]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

This is part of the #38630 effort.

All components that involve a floating element should provide a prop to control whether that element should behave like a modal or not:

• Autocomplete
• Dialog
• Drawer
• Menu
• Select
• Snackbar
• Swipeable Drawer

Motivation 🔦

The usage of modal or non-modal floating elements should be made in userland, as it varies from use case to use case.

This same issue was raised in #17353 (comment).

[imevanc]

@DiegoAndai - Have you started working on any of them or can you assign this issue to me?

[DiegoAndai]

Hey @imevanc, thanks for the interest 😊

This work is planned for v6, not for v5. We still haven't started the work on these components for v6 so I'll mark this as "on hold". Before diving into this issue, We must migrate them to use Base UI hooks.