Describe the bug

When required is set to true on @next version of Select component, it doesn't apply the :invalid state (or any other class that I can see) that could be used to style the trigger element. The invalid state should be applied right away when the value isn't one of the items. Maybe I'm missing something.
I would also suggest a :user-invalid state that is set after an interaction with the form.
Thanks for your consideration.

Reproduction

https://stackblitz.com/edit/vitejs-vite-j8dpdx6g?file=src%2FApp.svelte

System Info

System:
    OS: macOS 14.6.1
    CPU: (8) arm64 Apple M1
    Memory: 460.33 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node
    npm: 11.0.0 - ~/.nvm/versions/node/v20.18.0/bin/npm
  Browsers:
    Chrome: 131.0.6778.205
    Safari: 17.6
  npmPackages:
    @sveltejs/kit: ^2.10.1 => 2.11.1 
    bits-ui: next => 1.0.0-next.74 
    svelte: ^5.12.0 => 5.12.0

Severity

blocking an upgrade