Display false attribute for aria-invalid

[twobeeb]

Hello,
Love your library, having a blast experimenting with Micronaut / JTE / htmx. The intelliJ plugin make the whole thing such a pleasure to use.
Thank you. ❤️

I have a little issue for which I'm having a hard time figuring out the most "elegant/keep it simple" solution.
I have an attribute which doesn't render due to Smart Attributes

<input type="text" placeholder="Valid" aria-invalid="false">

Moreover, I want an initial state without the attribute.

I'm using PicoCSS and they rely on aria-invalid="false" to display some green "valid" status: https://picocss.com/docs/forms.html

The subject in itself isn't that important and I explored hacks using String instead of boolean, but I feel like there must be something better.

My jte file looks like this

@import templating.NavigationHelper.ValidState;
@param String technicalId
@param ValidState state

<div hx-target="this" hx-swap="outerHTML">
    <label>Technical ID</label>
    <input placeholder="Expected [a-z0-9_]" id="technical_id" name="technical_id" value="${technicalId}"
       hx-post="/settings/clusters/check-technicalid" hx-trigger="keyup changed delay:300ms"
       aria-invalid="${ your_suggestion_here(state) }" />
</div>

and ValidState is supposed to drive the aria-invalid attribute:

    public enum ValidState {
        VALID,
        INVALID,
        DEFAULT
    }

What do you think is the simplest/most elegant approach to be able to produce the following 3 states? (using Micronaut io.micronaut.views:micronaut-views-jte)

<input type="text" placeholder="Valid" aria-invalid="false">
<input type="text" placeholder="Invalid" aria-invalid="true">
<input type="text" placeholder="Default">

Thanks for your help!