spec.json

{
  "id": "root",
  "states": {
    "Search Bar": {
      "id": "Search Bar",
      "states": {
        "Inactive": {
          "id": "Inactive",
          "states": {},
          "on": {
            "focused": "#Active"
          }
        },
        "Active": {
          "id": "Active",
          "states": {
            "Empty": {
              "id": "Empty",
              "states": {}
            },
            "Text Entry": {
              "id": "Text Entry",
              "states": {},
              "on": {
                "submitted": "#Results"
              }
            },
            "Results": {
              "id": "Results",
              "states": {}
            }
          },
          "initial": "Empty",
          "on": {
            "canceled": "#Inactive",
            "typed": "#Text Entry"
          }
        }
      },
      "initial": "Inactive",
      "on": {}
    }
  },
  "initial": "Search Bar",
  "on": {}
}

spec.md

‎‎​