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

machine.js

const button = Machine({
  id: "button",
  type: "parallel",
  states: {
    size: {
      initial: "small",
      states: {
        small: {},
        big: {},
      },
    },
    variant: {
      initial: "blue",
      states: {
        blue: {
          initial: "default",
          states: {
            default: {
              initial: "idle",
              states: {
                idle: {},
                hover: {},
                active: {},
                focus: {},
              }
            },
            disabled: {}
          }
        },
        green: {
          initial: "default",
          states: {
            default: {
              initial: "idle",
              states: {
                idle: {},
                hover: {},
                active: {},
                focus: {},
              }
            },
            disabled: {}
          }
        },
      },
    },
  },
});