Unable to trigger all animated states

class RiveTwoInputsExample extends StatefulWidget {
  @override
  _RiveTwoInputsExampleState createState() => _RiveTwoInputsExampleState();
}

class _RiveTwoInputsExampleState extends State<RiveTwoInputsExample> {
  Artboard? _artboard;
  SMIInput<double>? _hatsInput;
  SMIInput<double>? _statesInput;

  @override
  void initState() {
    super.initState();
    _loadRiveFile();
  }

  Future<void> _loadRiveFile() async {
    await RiveFile.initialize();
    final data = await rootBundle.load('assets/character/superbiome.riv');
    final file = RiveFile.import(data);
    final artboard = file.mainArtboard;

    final controller = StateMachineController.fromArtboard(
      artboard,
      'Superbiome_States',
    );
    if (controller != null) {
      artboard.addController(controller);

      // Find inputs
      setState(() {
        _artboard = artboard;
        _hatsInput = controller.findInput<double>('Hats');
        _statesInput = controller.findInput<double>('States');
        ;
      });
    }
  }

  void _updateHats(double value) {
    if (_hatsInput != null) {
      _hatsInput!.value = value;
    }
  }

  void _updateStates(double value) {
    if (_statesInput != null) {
      _statesInput!.value = value;
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Rive Two Inputs Example"),
      ),
      body: SafeArea(
        child: Column(
          children: [
            Expanded(
              child: _artboard == null
                  ? const Center(child: CircularProgressIndicator())
                  : Rive(artboard: _artboard!),
            ),
            SingleChildScrollView(
              scrollDirection: Axis.horizontal,
              child: Row(
                children: List.generate(
                  7,
                  (index) => ElevatedButton(
                    onPressed: () => _updateHats(index.toDouble()),
                    child: Text(index.toString()),
                  ),
                ),
              ),
            ),
            SingleChildScrollView(
              scrollDirection: Axis.horizontal,
              child: Row(
                children: List.generate(
                  6,
                  (index) => ElevatedButton(
                    onPressed: () => _updateStates(index + 1),
                    child: Text('${index + 1}'),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}