Meter

        export function Root(props: MeterProps) {
  const min = () => props.min ?? 0
  const max = () => props.max ?? 1
  const normalized = () => {
    const range = max() - min()
    if (range <= 0) return 0
    return (props.value - min()) / range
  }
  const status = () => deriveMeterStatus(props.value, props.low, props.high, props.optimum)

  return (
    <meter
      value={props.value}
      min={min()}
      max={max()}
      low={props.low}
      high={props.high}
      optimum={props.optimum}
      class={props.class}
      data-value={normalized().toFixed(2)}
      data-status={status()}
      {...applySemanticAttrs({ scope: "meter", part: "root", state: status() })}
    >
      {props.children}
    </meter>
  )
}