auro-select: Allow choosing what value shows up as a selected item in the component

[dPopeAlaskaAir]

Is your feature request related to a problem? Please describe.

In the case of a phone code, we would like to be able to display the country name in addition to the phone code in the dropdown. When a phone is selected, we don't want to display the full country, just the code

Describe the solution you'd like

Maybe have <auro-menuoption have 2 different values? 1 for display in the dropdown and another for what is shown when the value is selected.

Describe alternatives you've considered

No other options considered

Additional context

<auro-select
    aria-label="Phone Code"
    class="xs:tw-col-span-2 sm:tw-col-span-3 md:tw-col-span-2 lg:tw-col-span-2"
    value="1"
>
    <span slot="label">Code</span>
    <auro-menu>
        <auro-menuoption value="1">United States/Canada (+1)</auro-menuoption>
        <auro-menuoption value="506">Costa Rica (+506)</auro-menuoption>
        <auro-menuoption value="52">Mexico (+52)</auro-menuoption>
        <auro-menuoption value="93">Afghanistan (+93)</auro-menuoption>
        <auro-menuoption value="355">Albania (+355)</auro-menuoption>

[Patrick-Daly-AA]

Putting this into the backlog for @megrenn to assess where this fits into our product roadmap. Building in this functionality is complicated to do at the component level.