Schema in. Form out.
It's your code.

// z2f.config.ts
import { defineConfig } from '@zod-to-form/core';

export default defineConfig({
  components: {
    SignupForm: {
      ui: 'shadcn',
      mode: 'submit',
    },
  },
});

// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import z2fVite from '@zod-to-form/vite';

export default defineConfig({
  plugins: [
    // Presence of `generate` opts in to JSX scanning:
    // the plugin finds <ZodForm schema={X}/> call sites
    // and compiles them away at build time.
    z2fVite({ generate: {} }),
    react(),
  ],
});

// src/App.tsx
import { ZodForm } from '@zod-to-form/react';
import { signupSchema } from './schemas/signup';

export default function App() {
  return (
    <ZodForm
      schema={signupSchema}
      onSubmit={(data) => console.log(data)}
    />
  );
}

// Virtual module generated by @zod-to-form/vite
// (same output as CLI — never hits disk, cached per schema)
import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import { signupSchema } from './schemas/signup.ts';

export default function SignupForm(props) {
  const form = useForm({
    resolver: zodResolver(signupSchema),
  });
  return (
    <form onSubmit={form.handleSubmit(props.onSubmit)}>
      <input {...form.register('name')} />
      <input {...form.register('email')} type="email" />
      <select {...form.register('role')}>
        <option>admin</option>
        <option>editor</option>
        <option>viewer</option>
      </select>
      <button type="submit">Submit</button>
    </form>
  );
}