Using fluent-switch in a form

[TimWillebrands]

Hi, I'm trying to use the webcomponent in combination with asp.net razor pages and htmx. I figured out how to make fluent-select bind to my PageModel but the value for the switch in my form-values is "value" regardless of the switch state, I would expect it to be either true or false. Any ideas on how to use this in a form?

<form hx-post="/-snip-" 
      hx-target="#userAdmin" 
      hx-swap="outerHTML"
>
    <label>Language:</label>
    <fluent-select asp-for="IdentityModuleForm.CultureId" 
                   name="IdentityModuleForm.CultureId"
                   title="Select your prefered language"
                   value="@(Model.IdentityModuleForm.CultureId)">
        @foreach(var lang in Model.Languages)
        {
            <fluent-option value="@lang.Id"
                           disabled="@(lang.Id==Model.IdentityModuleForm.CultureId)">
                @lang.Name (@lang.IsoCode)
            </fluent-option>
        }
    </fluent-select>
    <br />
    <fluent-switch asp-for="IdentityModuleForm.ReceiveEmails"
                   name="IdentityModuleForm.ReceiveEmails"
                   value="@(Model.IdentityModuleForm.ReceiveEmails)"
    >
        <span slot="checked-message" value="true">Yes</span>
        <span slot="unchecked-message" value="false">No</span>
        <label for="cap-switch">Receive email:</label>
    </fluent-switch>
    <br/>
    <fluent-button appearance="accent" type="submit">Submit</fluent-button>
    <fluent-button 
        appearance="neutral" 
        hx-get="/-snip-"
        hx-target="#userAdmin" 
        hx-swap="outerHTML"
    >
        Cancel
    </fluent-button>
    @Html.AntiForgeryToken()
</form>

[TimWillebrands]

I've narrowed it down a bit further, the problem only occurs for the unchecked state. The fluent-switch's value will be added to the form data regardless of whether it is checked or not. This setup using a normal input checkbox works as expected (checked returns a form-value of true, unchecked returns false):

<input type="checkbox"
       checked="@(Model.IdentityModuleForm.ReceiveEmails ? "checked" : "")"
       id="IdentityModuleForm.ReceiveEmails"
       name="IdentityModuleForm.ReceiveEmails" 
       value="true">
<input name="IdentityModuleForm.ReceiveEmails" type="hidden" value="false">

The resulting form data:

Whilst this (to my mind) identical version with a fluent-switch doesn't work as expected:

<fluent-switch 
    checked="@(Model.IdentityModuleForm.ReceiveEmails ? "checked" : "")" 
    id="IdentityModuleForm_ReceiveEmails" 
    name="IdentityModuleForm.ReceiveEmails"
    value="true"
>
    <span value="true" slot="checked-message">Yes</span>
    <span value="false" slot="unchecked-message">No</span>
    <label for="cap-switch">Receive email:</label>
</fluent-switch>
<input name="IdentityModuleForm.ReceiveEmails" type="hidden" value="false">

The 'bad' form data: