Generated by XState Viz: https://xstate.js.org/viz

machine.js

const radioGroup = Machine(
  {
    id: "radioGroup",
    initial: "emptied",
    context: {
      selected: "",
    },
    states: {
      emptied: {
        on: {
          SELECT: {
            target: "filled",
            actions: ["selecting"],
          },
        },
      },
      filled: {
        on: {
          SELECT: {
            actions: ["selecting"],
          },
        },
      },
    },
  },
  {
    actions: {
      selecting: assign((context, event) => ({
        selected: event.selected,
      })),
    },
  }
);