feat: sheet component

[pdanpdan]

ref #4377

[saadeghi]

Do you think we can use scroll-snap to make it possible to close the sheet with swiping?
Because swiping seems to be a core functionality of sheets in mobile UI. It would be nice when a sheet is open, we can close it with a swipe.

[pdanpdan]

I'll check.
But I think in that case it should be swipe to open/close

[pdanpdan]

:) you mean something like this?
v1: https://play.tailwindcss.com/36XBGchK22?layout=preview
v2: https://play.tailwindcss.com/xmeTtgs0MS?layout=preview (toggle on click and drag/scroll to open/close)
v3: https://play.tailwindcss.com/mUWpLGqnks?layout=preview (make it somehow work on ios)
v4: https://play.tailwindcss.com/m9sZOe9Ntc?layout=preview (ios needs a double tab to be able to drag)
v5: https://play.tailwindcss.com/5UekMaeVHF?layout=preview (another version for ios)

It would not work with popover because I don't think we can trigger it on scroll (and it cannot be popover on click and non-popover on drag).

And I have to adjust a little the position of the checkbox with scroll trigger (now it changes based on checked status).

But overall it looks fun.