[bug]: 'type' missing in import statement of form.tsx

[Whats-A-MattR]

Describe the bug

Current implementation:

import {
  Controller,
  ControllerProps,
  FieldPath,
  FieldValues,
  FormProvider,
  useFormContext,
} from "react-hook-form"

New Implementation:

import {
  Controller,
  type ControllerProps,
  type FieldPath,
  type FieldValues,
  FormProvider,
  useFormContext,
} from "react-hook-form"

Why?
Any time I spin up a new project in Astro I have to update form.tsx because of how Vite handles module loading.
Without these being explicitly declared as Type imports, they're included in the browser bundle.
As far as I understand, doing this shouldn't create issues with other frameworks as it's typical behaviour.

Affected component/components

Form

How to reproduce

Use Form in an Astro (other other Vite based) project, following instructions outlined here:

Codesandbox/StackBlitz link

n/a

Logs

client:1522 [vite] SyntaxError: The requested module '/node_modules/.vite/deps/react-hook-form.js?v=7532505c' does not provide an export named 'ControllerProps' (at form.tsx:6:3)

System Info

MacOS, Chrome.

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[shadcn]

Fixed in #4183