Create three standalone functional components (widget and its control class for each with all functions that may change the GUI when called or do some other functions)

Your goal is to create Three standalone functional components (widget and its control class with all functions that may change the GUI when called). The component should connect to its class and change its item as the call of its class functions as described in the document. Everything shall be animated with every change, like pressing a button or changing the number in the timer. You will find in the document a complete description of the GUI objects and the classes to use as the base of your code class, so this list works in the big app as wanted. You should follow each class and function guidelines as described in this document and ask me directly if anything is not clear. The code should be commented on and free of bugs with a straightforward way of programming and stick to the name described in this document; any add-on functions are up to you.

You should follow the Figma with a perfect match design
Check the attached document

WORK ON DESKTOP(SUPPORT MOUSE AND TOUCH SCREEN) AND TABLET(SUPPORT TOUCH SCREEN) IN LANDSCAPE MODE