[Meter] Implement Meter

[colmtuite]

Meter pattern: https://www.w3.org/WAI/ARIA/apg/patterns/meter/

TBD

• The optimum attribute and related feature is only relevant to sighted users ¹. Is there a use-case for making a style hook out of it? e.g. set [data-optimum] when the value is in the "optimum" segment (high, medium, or low, as determined by high/low/min/max props)

Footnotes

1. https://www.htmhell.dev/adventcalendar/2022/5/ ↩

[oliviertassinari]

Reminds me a bit of mui/material-ui#22472 about the Stat component and which Sebastian asked about Meter. I guess success would be if it Base UI Meter component helps build a Stat component.

[colmtuite]

A generic stat like this is prob not an appropriate use of <meter>. Meter is typically used to indicate how much of x is left. Like a battery indicator or disk space indicator. But in any case, we'll just implement it based on ARIA and other guidelines and people can build on it however they want.