Standard widgets: Popover and Menu.

[viridia]

Objective

• Splitting out the non-BSN parts of the work on popup menus.

Solution

• Added Popover and Menu components.

Testing

• Manual testing using example.

Showcase

[isHavvy]

Given this is an example, where I expect to see idiomatic code, shouldn't the convenience functions (px, percent, px(n).all()) be used here and not Val directly?

[viridia]

Replaced uses of Val.

[lomirus]

The way this component is named Menu seems relatively uncommon, as in most front-end UI component libraries, it is typically referred to as Select:

• https://element-plus.org/en-US/component/select
• https://primevue.org/select/
• https://arco.design/react/en-US/components/select
• https://www.naiveui.com/en-US/os-theme/components/select

[viridia]

The way this component is named Menu seems relatively uncommon, as in most front-end UI component libraries, it is typically referred to as Select:

"Select" is a different widget:

• Menu displays a list of actions (open, close, quit, etc.)
• Select displays a list of values that can be chosen

Both are in the class of "popups" and "dropdowns". You can easily build a select from a menu:

• Create menuitems representing the individual choices
• Modify the button label to reflect the current choice

[isHavvy]

(Approving only for my nit, not the whole thing)

[ickshonpe]

I've only had a quick look, but I don't see any obvious problems with the implementation, and the menu in the example works nicely.

[ickshonpe]

Pressing "D" doesn't disable the menu, don't know if that's intended or not.

[viridia]

I added code to disable the button, although I didn't add code to change the menu button color when disabled, but you can see that when disabled the menu does not pop up.

[github-actions]

Your PR caused a change in the graphical output of an example or rendering test. This might be intentional, but it could also mean that something broke!
You can review it at https://pixel-eagle.com/project/B04F67C0-C054-4A6F-92EC-F599FEC2FD1D?filter=PR-21636

If it's expected, please add the M-Deliberate-Rendering-Change label.

If this change seems unrelated to your PR, you can consider updating your PR to target the latest main branch, either by rebasing or merging main into it.

[github-actions]

Your PR caused a change in the graphical output of an example or rendering test. This might be intentional, but it could also mean that something broke!
You can review it at https://pixel-eagle.com/project/B04F67C0-C054-4A6F-92EC-F599FEC2FD1D?filter=PR-21636

If it's expected, please add the M-Deliberate-Rendering-Change label.

If this change seems unrelated to your PR, you can consider updating your PR to target the latest main branch, either by rebasing or merging main into it.

[github-actions]

Your PR caused a change in the graphical output of an example or rendering test. This might be intentional, but it could also mean that something broke!
You can review it at https://pixel-eagle.com/project/B04F67C0-C054-4A6F-92EC-F599FEC2FD1D?filter=PR-21636

If it's expected, please add the M-Deliberate-Rendering-Change label.

If this change seems unrelated to your PR, you can consider updating your PR to target the latest main branch, either by rebasing or merging main into it.